@charset "UTF-8";
/* text field */
/* text field error */
/* toolbar */
/* toolbar_light */
/* main menu & dialog */
/* colors */
.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: top;
  background: transparent;
  text-decoration: none;
  color: #595959;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  text-shadow: none;
  float: none;
  position: static;
  width: auto;
  height: auto;
  white-space: nowrap;
  cursor: inherit;
  -webkit-tap-highlight-color: transparent;
  line-height: normal;
  font-weight: normal;
  text-align: left;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  direction: ltr;
  max-width: none;
}

.mce-widget button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mce-container *[unselectable] {
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.word-wrap {
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.mce-fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear;
}

.mce-fade.mce-in {
  opacity: 1;
}

.mce-tinymce {
  visibility: inherit !important;
  position: relative;
}

.mce-fullscreen {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  height: 100%;
  z-index: 100;
}

div.mce-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.mce-tinymce {
  display: block;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.mce-statusbar > .mce-container-body {
  display: flex;
  padding-right: 16px;
}

.mce-statusbar > .mce-container-body .mce-path {
  flex: 1;
}

.mce-wordcount {
  font-size: inherit;
  text-transform: uppercase;
  padding: 8px 0;
}

div.mce-edit-area {
  background: #FFF;
  filter: none;
}

.mce-statusbar {
  position: relative;
}

.mce-statusbar .mce-container-body {
  position: relative;
  font-size: 11px;
}

.mce-fullscreen .mce-resizehandle {
  display: none;
}

.mce-statusbar .mce-flow-layout-item {
  margin: 0;
}

.mce-charmap {
  border-collapse: collapse;
}

.mce-charmap td {
  cursor: default;
  border: 1px solid #c5c5c5;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  padding: 2px;
}

.mce-charmap td div {
  text-align: center;
}

.mce-charmap td:hover {
  background: white;
}

.mce-grid td.mce-grid-cell div {
  border: 1px solid #c5c5c5;
  width: 15px;
  height: 15px;
  margin: 0;
  cursor: pointer;
}

.mce-grid td.mce-grid-cell div:focus {
  border-color: #91bbe9;
}

.mce-grid td.mce-grid-cell div[disabled] {
  cursor: not-allowed;
}

.mce-grid {
  border-spacing: 2px;
  border-collapse: separate;
}

.mce-grid a {
  display: block;
  border: 1px solid transparent;
}

.mce-grid a:hover, .mce-grid a:focus {
  border-color: #91bbe9;
}

.mce-grid-border {
  margin: 0 4px 0 4px;
}

.mce-grid-border a {
  border-color: #c5c5c5;
  width: 13px;
  height: 13px;
}

.mce-grid-border a:hover, .mce-grid-border a.mce-active {
  border-color: #91bbe9;
  background: #bdd6f2;
}

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

div.mce-tinymce-inline {
  width: 100%;
}

.mce-colorbtn-trans div {
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 20px;
  line-height: 16px;
  color: #8b8b8b;
}

.mce-monospace {
  font-family: "Courier New",Courier,monospace;
}

.mce-toolbar-grp .mce-flow-layout-item {
  margin-bottom: 0;
}

.mce-container b {
  font-weight: bold;
}

.mce-container p {
  margin-bottom: 5px;
}

.mce-container a {
  cursor: pointer;
  color: #2276d2;
}

.mce-container a:hover {
  text-decoration: underline;
}

.mce-container ul {
  margin-left: 15px;
}

.mce-container .mce-table-striped {
  border-collapse: collapse;
  margin: 10px;
}

.mce-container .mce-table-striped thead > tr {
  background-color: #fafafa;
}

.mce-container .mce-table-striped thead > tr th {
  font-weight: bold;
}

.mce-container .mce-table-striped td, .mce-container .mce-table-striped th {
  padding: 5px;
}

.mce-container .mce-table-striped tr:nth-child(even) {
  background-color: #fafafa;
}

.mce-container .mce-table-striped tbody > tr:hover {
  background-color: #e1e1e1;
}

.mce-branding {
  font-size: inherit;
  text-transform: uppercase;
  white-space: pre;
  padding: 8px 0;
}

.mce-branding a {
  font-size: inherit;
  color: inherit;
}

.mce-top-part {
  position: relative;
}

.mce-top-part::before {
  content: '';
  position: absolute;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.mce-rtl .mce-wordcount {
  left: 0;
  right: auto;
}

.mce-rtl .mce-statusbar > .mce-container-body > *:last-child {
  padding-right: 0;
  padding-left: 10px;
}

.mce-rtl .mce-path {
  text-align: right;
  padding-right: 16px;
}

.mce-croprect-container {
  position: absolute;
  top: 0;
  left: 0;
}

.mce-croprect-handle {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 2px solid white;
}

.mce-croprect-handle-nw {
  border-width: 2px 0 0 2px;
  margin: -2px 0 0 -2px;
  cursor: nw-resize;
  top: 100px;
  left: 100px;
}

.mce-croprect-handle-ne {
  border-width: 2px 2px 0 0;
  margin: -2px 0 0 -20px;
  cursor: ne-resize;
  top: 100px;
  left: 200px;
}

.mce-croprect-handle-sw {
  border-width: 0 0 2px 2px;
  margin: -20px 2px 0 -2px;
  cursor: sw-resize;
  top: 200px;
  left: 100px;
}

.mce-croprect-handle-se {
  border-width: 0 2px 2px 0;
  margin: -20px 0 0 -20px;
  cursor: se-resize;
  top: 200px;
  left: 200px;
}

.mce-croprect-handle-move {
  position: absolute;
  cursor: move;
  border: 0;
}

.mce-croprect-block {
  opacity: .5;
  filter: alpha(opacity=50);
  zoom: 1;
  position: absolute;
  background: black;
}

.mce-croprect-handle:focus {
  border-color: #2276d2;
}

.mce-croprect-handle-move:focus {
  outline: 1px solid #2276d2;
}

.mce-imagepanel {
  overflow: auto;
  background: black;
}

.mce-imagepanel-bg {
  position: absolute;
  background: url("data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==");
}

.mce-imagepanel img {
  position: absolute;
}

.mce-imagetool.mce-btn .mce-ico {
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  padding: 5px;
}

.mce-arrow-up {
  margin-top: 12px;
}

.mce-arrow-down {
  margin-top: -12px;
}

.mce-arrow:before, .mce-arrow:after {
  position: absolute;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  content: "";
}

.mce-arrow.mce-arrow-up:before {
  top: -9px;
  border-bottom-color: #c5c5c5;
  border-width: 0 9px 9px;
  margin-left: -9px;
}

.mce-arrow.mce-arrow-down:before {
  bottom: -9px;
  border-top-color: #c5c5c5;
  border-width: 9px 9px 0;
  margin-left: -9px;
}

.mce-arrow.mce-arrow-up:after {
  top: -8px;
  border-bottom-color: #fff;
  border-width: 0 8px 8px;
  margin-left: -8px;
}

.mce-arrow.mce-arrow-down:after {
  bottom: -8px;
  border-top-color: #fff;
  border-width: 8px 8px 0;
  margin-left: -8px;
}

.mce-arrow.mce-arrow-left:before, .mce-arrow.mce-arrow-left:after {
  margin: 0;
}

.mce-arrow.mce-arrow-left:before {
  left: 8px;
}

.mce-arrow.mce-arrow-left:after {
  left: 9px;
}

.mce-arrow.mce-arrow-right:before, .mce-arrow.mce-arrow-right:after {
  left: auto;
  margin: 0;
}

.mce-arrow.mce-arrow-right:before {
  right: 8px;
}

.mce-arrow.mce-arrow-right:after {
  right: 9px;
}

.mce-arrow.mce-arrow-center.mce-arrow.mce-arrow-left:before {
  left: -9px;
  top: 50%;
  border-right-color: #c5c5c5;
  border-width: 9px 9px 9px 0;
  margin-top: -9px;
}

.mce-arrow.mce-arrow-center.mce-arrow.mce-arrow-left:after {
  left: -8px;
  top: 50%;
  border-right-color: #fff;
  border-width: 8px 8px 8px 0;
  margin-top: -8px;
}

.mce-arrow.mce-arrow-center.mce-arrow.mce-arrow-left {
  margin-left: 12px;
}

.mce-arrow.mce-arrow-center.mce-arrow.mce-arrow-right:before {
  right: -9px;
  top: 50%;
  border-left-color: #c5c5c5;
  border-width: 9px 0 9px 9px;
  margin-top: -9px;
}

.mce-arrow.mce-arrow-center.mce-arrow.mce-arrow-right:after {
  right: -8px;
  top: 50%;
  border-left-color: #fff;
  border-width: 8px 0 8px 8px;
  margin-top: -8px;
}

.mce-arrow.mce-arrow-center.mce-arrow.mce-arrow-right {
  margin-left: -14px;
}

.mce-edit-aria-container > .mce-container-body {
  display: flex;
}

.mce-edit-aria-container > .mce-container-body .mce-edit-area {
  flex: 1;
}

.mce-edit-aria-container > .mce-container-body .mce-sidebar > .mce-container-body {
  display: flex;
  align-items: stretch;
  height: 100%;
}

.mce-edit-aria-container > .mce-container-body .mce-sidebar-panel {
  min-width: 250px;
  max-width: 250px;
  position: relative;
}

.mce-edit-aria-container > .mce-container-body .mce-sidebar-panel > .mce-container-body {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: auto;
  top: 0;
  left: 0;
}

.mce-sidebar-toolbar {
  border: 0 solid #c5c5c5;
  border-left-width: 1px;
}

.mce-sidebar-toolbar .mce-btn {
  border-left: 0;
  border-right: 0;
}

.mce-sidebar-toolbar .mce-btn.mce-active, .mce-sidebar-toolbar .mce-btn.mce-active:hover {
  background-color: #555c66;
}

.mce-sidebar-toolbar .mce-btn.mce-active button, .mce-sidebar-toolbar .mce-btn.mce-active:hover button, .mce-sidebar-toolbar .mce-btn.mce-active button i, .mce-sidebar-toolbar .mce-btn.mce-active:hover button i {
  color: white;
  text-shadow: 1px 1px none;
}

.mce-sidebar-panel {
  border: 0 solid #c5c5c5;
  border-left-width: 1px;
}

.mce-container, .mce-container-body {
  display: block;
}

.mce-autoscroll {
  overflow: hidden;
}

.mce-scrollbar {
  position: absolute;
  width: 7px;
  height: 100%;
  top: 2px;
  right: 2px;
  opacity: .4;
  filter: alpha(opacity=40);
  zoom: 1;
}

.mce-scrollbar-h {
  top: auto;
  right: auto;
  left: 2px;
  bottom: 2px;
  width: 100%;
  height: 7px;
}

.mce-scrollbar-thumb {
  position: absolute;
  background-color: #000;
  border: 1px solid #888;
  border-color: rgba(85, 85, 85, 0.6);
  width: 5px;
  height: 100%;
}

.mce-scrollbar-h .mce-scrollbar-thumb {
  width: 100%;
  height: 5px;
}

.mce-scrollbar:hover, .mce-scrollbar.mce-active {
  background-color: #AAA;
  opacity: .6;
  filter: alpha(opacity=60);
  zoom: 1;
}

.mce-scroll {
  position: relative;
}

.mce-panel {
  border: 0 solid #f3f3f3;
  border: 0 solid #c5c5c5;
  background-color: #fff;
}

.mce-floatpanel {
  position: absolute;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.mce-floatpanel.mce-fixed {
  position: fixed;
}

.mce-floatpanel .mce-arrow, .mce-floatpanel .mce-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.mce-floatpanel .mce-arrow {
  border-width: 11px;
}

.mce-floatpanel .mce-arrow:after {
  border-width: 10px;
  content: "";
}

.mce-floatpanel.mce-popover {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background: transparent;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  top: 0;
  left: 0;
  background: #FFF;
  border: 1px solid #c5c5c5;
  border: 1px solid rgba(0, 0, 0, 0.25);
}

.mce-floatpanel.mce-popover.mce-bottom {
  margin-top: 10px;
  *margin-top: 0;
}

.mce-floatpanel.mce-popover.mce-bottom > .mce-arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #c5c5c5;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}

.mce-floatpanel.mce-popover.mce-bottom > .mce-arrow:after {
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #FFF;
}

.mce-floatpanel.mce-popover.mce-bottom.mce-start {
  margin-left: -22px;
}

.mce-floatpanel.mce-popover.mce-bottom.mce-start > .mce-arrow {
  left: 20px;
}

.mce-floatpanel.mce-popover.mce-bottom.mce-end {
  margin-left: 22px;
}

.mce-floatpanel.mce-popover.mce-bottom.mce-end > .mce-arrow {
  right: 10px;
  left: auto;
}

.mce-fullscreen {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  height: 100%;
}

div.mce-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
}

#mce-modal-block {
  opacity: 0;
  filter: alpha(opacity=0);
  zoom: 1;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
}

#mce-modal-block.mce-in {
  opacity: .5;
  filter: alpha(opacity=50);
  zoom: 1;
}

.mce-window-move {
  cursor: move;
}

.mce-window {
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background: transparent;
  background: #FFF;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(0.1);
  transition: transform 100ms ease-in,opacity 150ms ease-in;
}

.mce-window.mce-in {
  transform: scale(1);
  opacity: 1;
}

.mce-window-head {
  padding: 9px 15px;
  border-bottom: 1px solid #c5c5c5;
  position: relative;
}

.mce-window-head .mce-close {
  position: absolute;
  right: 0;
  top: 0;
  height: 38px;
  width: 38px;
  text-align: center;
  cursor: pointer;
}

.mce-window-head .mce-close i {
  color: #9b9b9b;
}

.mce-close:hover i {
  color: #bdbdbd;
}

.mce-window-head .mce-title {
  line-height: 20px;
  font-size: 20px;
  font-weight: bold;
  text-rendering: optimizelegibility;
  padding-right: 20px;
}

.mce-window .mce-container-body {
  display: block;
}

.mce-foot {
  display: block;
  background-color: #FFF;
  border-top: 1px solid #c5c5c5;
}

.mce-window-head .mce-dragh {
  position: absolute;
  top: 0;
  left: 0;
  cursor: move;
  width: 90%;
  height: 100%;
}

.mce-window iframe {
  width: 100%;
  height: 100%;
}

.mce-window-body .mce-listbox {
  border-color: #e2e4e7;
}

.mce-window .mce-btn:hover {
  border-color: #c5c5c5;
}

.mce-window .mce-btn:focus {
  border-color: #2276d2;
}

.mce-window-body .mce-btn, .mce-foot .mce-btn {
  border-color: #c5c5c5;
}

.mce-foot .mce-btn.mce-primary {
  border-color: transparent;
}

.mce-rtl .mce-window-head .mce-close {
  position: absolute;
  right: auto;
  left: 15px;
}

.mce-rtl .mce-window-head .mce-dragh {
  left: auto;
  right: 0;
}

.mce-rtl .mce-window-head .mce-title {
  direction: rtl;
  text-align: right;
}

.mce-tooltip {
  position: absolute;
  padding: 5px;
  opacity: .8;
  filter: alpha(opacity=80);
  zoom: 1;
  margin-top: 1px;
}

.mce-tooltip-inner {
  font-size: 11px;
  background-color: #000;
  color: white;
  max-width: 200px;
  padding: 5px 8px 4px 8px;
  text-align: center;
  white-space: normal;
}

.mce-tooltip-inner {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.mce-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px dashed #000;
}

.mce-tooltip-arrow-n {
  border-bottom-color: #000;
}

.mce-tooltip-arrow-s {
  border-top-color: #000;
}

.mce-tooltip-arrow-e {
  border-left-color: #000;
}

.mce-tooltip-arrow-w {
  border-right-color: #000;
}

.mce-tooltip-nw, .mce-tooltip-sw {
  margin-left: -14px;
}

.mce-tooltip-ne, .mce-tooltip-se {
  margin-left: 14px;
}

.mce-tooltip-n .mce-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.mce-tooltip-nw .mce-tooltip-arrow {
  top: 0;
  left: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.mce-tooltip-ne .mce-tooltip-arrow {
  top: 0;
  right: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.mce-tooltip-s .mce-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.mce-tooltip-sw .mce-tooltip-arrow {
  bottom: 0;
  left: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.mce-tooltip-se .mce-tooltip-arrow {
  bottom: 0;
  right: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.mce-tooltip-e .mce-tooltip-arrow {
  right: 0;
  top: 50%;
  margin-top: -5px;
  border-left-style: solid;
  border-right: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.mce-tooltip-w .mce-tooltip-arrow {
  left: 0;
  top: 50%;
  margin-top: -5px;
  border-right-style: solid;
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.mce-progress {
  display: inline-block;
  position: relative;
  height: 20px;
}

.mce-progress .mce-bar-container {
  display: inline-block;
  width: 100px;
  height: 100%;
  margin-right: 8px;
  border: 1px solid #ccc;
  overflow: hidden;
}

.mce-progress .mce-text {
  display: inline-block;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 14px;
  width: 40px;
  color: #595959;
}

.mce-bar {
  display: block;
  width: 0;
  height: 100%;
  background-color: #dfdfdf;
  -webkit-transition: width .2s ease;
  transition: width .2s ease;
}

.mce-notification {
  position: absolute;
  background-color: #fff;
  padding: 5px;
  margin-top: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #c5c5c5;
  transition: transform 100ms ease-in,opacity 150ms ease-in;
  opacity: 0;
  box-sizing: border-box;
}

.mce-notification.mce-in {
  opacity: 1;
}

.mce-notification-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.mce-notification-info {
  background-color: #d9edf7;
  border-color: #779ECB;
}

.mce-notification-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.mce-notification-error {
  background-color: #f2dede;
  border-color: #ebccd1;
}

.mce-notification.mce-has-close {
  padding-right: 15px;
}

.mce-notification .mce-ico {
  margin-top: 5px;
}

.mce-notification-inner {
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  display: inline-block;
  font-size: 14px;
  margin: 5px 8px 4px 8px;
  text-align: center;
  white-space: normal;
  color: #31708f;
}

.mce-notification-inner a {
  text-decoration: underline;
  cursor: pointer;
}

.mce-notification .mce-progress {
  margin-right: 8px;
}

.mce-notification .mce-progress .mce-text {
  margin-top: 5px;
}

.mce-notification *, .mce-notification .mce-progress .mce-text {
  color: #595959;
}

.mce-notification .mce-progress .mce-bar-container {
  border-color: #c5c5c5;
}

.mce-notification .mce-progress .mce-bar-container .mce-bar {
  background-color: #595959;
}

.mce-notification-success *, .mce-notification-success .mce-progress .mce-text {
  color: #3c763d;
}

.mce-notification-success .mce-progress .mce-bar-container {
  border-color: #d6e9c6;
}

.mce-notification-success .mce-progress .mce-bar-container .mce-bar {
  background-color: #3c763d;
}

.mce-notification-info *, .mce-notification-info .mce-progress .mce-text {
  color: #31708f;
}

.mce-notification-info .mce-progress .mce-bar-container {
  border-color: #779ECB;
}

.mce-notification-info .mce-progress .mce-bar-container .mce-bar {
  background-color: #31708f;
}

.mce-notification-warning *, .mce-notification-warning .mce-progress .mce-text {
  color: #8a6d3b;
}

.mce-notification-warning .mce-progress .mce-bar-container {
  border-color: #faebcc;
}

.mce-notification-warning .mce-progress .mce-bar-container .mce-bar {
  background-color: #8a6d3b;
}

.mce-notification-error *, .mce-notification-error .mce-progress .mce-text {
  color: #a94442;
}

.mce-notification-error .mce-progress .mce-bar-container {
  border-color: #ebccd1;
}

.mce-notification-error .mce-progress .mce-bar-container .mce-bar {
  background-color: #a94442;
}

.mce-notification .mce-close {
  position: absolute;
  top: 6px;
  right: 8px;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #9b9b9b;
  cursor: pointer;
}

.mce-abs-layout {
  position: relative;
}

body .mce-abs-layout-item, .mce-abs-end {
  position: absolute;
}

.mce-abs-end {
  width: 1px;
  height: 1px;
}

.mce-container-body.mce-abs-layout {
  overflow: hidden;
}

.mce-btn {
  border: 1px solid #b3b3b3;
  border-color: transparent transparent transparent transparent;
  position: relative;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background: white;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.mce-btn:hover, .mce-btn:active {
  background: white;
  color: #595959;
  border-color: #e2e4e7;
}

.mce-btn:focus {
  background: white;
  color: #595959;
  border-color: #e2e4e7;
}

.mce-btn.mce-disabled button, .mce-btn.mce-disabled:hover button {
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: .4;
  filter: alpha(opacity=40);
  zoom: 1;
}

.mce-btn.mce-active, .mce-btn.mce-active:hover, .mce-btn.mce-active:focus, .mce-btn.mce-active:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #555c66;
  color: white;
  border-color: transparent;
}

.mce-btn.mce-active button, .mce-btn.mce-active:hover button, .mce-btn.mce-active i, .mce-btn.mce-active:hover i {
  color: white;
}

.mce-btn:hover .mce-caret {
  border-top-color: #b5bcc2;
}

.mce-btn.mce-active .mce-caret, .mce-btn.mce-active:hover .mce-caret {
  border-top-color: white;
}

.mce-btn button {
  padding: 4px 6px;
  font-size: 14px;
  line-height: 20px;
  *line-height: 16px;
  cursor: pointer;
  color: #595959;
  text-align: center;
  overflow: visible;
  -webkit-appearance: none;
}

.mce-btn button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.mce-btn i {
  text-shadow: 1px 1px none;
}

.mce-primary.mce-btn-has-text {
  min-width: 50px;
}

.mce-primary {
  color: white;
  border: 1px solid transparent;
  border-color: transparent;
  background-color: #2276d2;
}

.mce-primary:hover, .mce-primary:focus {
  background-color: #1e6abc;
  border-color: transparent;
}

.mce-primary.mce-disabled button, .mce-primary.mce-disabled:hover button {
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: .4;
  filter: alpha(opacity=40);
  zoom: 1;
}

.mce-primary.mce-active, .mce-primary.mce-active:hover, .mce-primary:not(.mce-disabled):active {
  background-color: #1e6abc;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.mce-primary button, .mce-primary button i {
  color: white;
  text-shadow: 1px 1px none;
}

.mce-btn .mce-txt {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.mce-btn-large button {
  padding: 9px 14px;
  font-size: 16px;
  line-height: normal;
}

.mce-btn-large i {
  margin-top: 2px;
}

.mce-btn-small button {
  padding: 1px 5px;
  font-size: 12px;
  *padding-bottom: 2px;
}

.mce-btn-small i {
  line-height: 20px;
  vertical-align: top;
  *line-height: 18px;
}

.mce-btn .mce-caret {
  margin-top: 8px;
  margin-left: 0;
}

.mce-btn-small .mce-caret {
  margin-top: 8px;
  margin-left: 0;
}

.mce-caret {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #b5bcc2;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}

.mce-disabled .mce-caret {
  border-top-color: #aaa;
}

.mce-caret.mce-up {
  border-bottom: 4px solid #b5bcc2;
  border-top: 0;
}

.mce-btn-flat {
  border: 0;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: none;
}

.mce-btn-flat:hover, .mce-btn-flat.mce-active, .mce-btn-flat:focus, .mce-btn-flat:active {
  border: 0;
  background: #e6e6e6;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.mce-btn-has-text .mce-ico {
  padding-right: 5px;
}

.mce-rtl .mce-btn button {
  direction: rtl;
}

.mce-toolbar .mce-btn-group {
  margin: 0;
  padding: 2px 0;
}

.mce-btn-group .mce-btn {
  border-width: 1px;
  margin: 0;
  margin-left: 2px;
}

.mce-btn-group:not(:first-child) {
  border-left: 1px solid #d9d9d9;
  padding-left: 0;
  margin-left: 2px;
}

.mce-btn-group {
  margin-left: 2px;
}

.mce-btn-group .mce-btn.mce-flow-layout-item {
  margin: 0;
}

.mce-rtl .mce-btn-group .mce-btn {
  margin-left: 0;
  margin-right: 2px;
}

.mce-rtl .mce-btn-group .mce-first {
  margin-right: 0;
}

.mce-rtl .mce-btn-group:not(:first-child) {
  border-left: none;
  border-right: 1px solid #d9d9d9;
  padding-right: 4px;
  margin-right: 4px;
}

.mce-checkbox {
  cursor: pointer;
}

i.mce-i-checkbox {
  margin: 0 3px 0 0;
  border: 1px solid #c5c5c5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: white;
  text-indent: -10em;
  overflow: hidden;
}

.mce-checked i.mce-i-checkbox {
  color: #595959;
  font-size: 16px;
  line-height: 16px;
  text-indent: 0;
}

.mce-checkbox:focus i.mce-i-checkbox, .mce-checkbox.mce-focus i.mce-i-checkbox {
  border: 1px solid #2276d2;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.mce-checkbox.mce-disabled .mce-label, .mce-checkbox.mce-disabled i.mce-i-checkbox {
  color: #bdbdbd;
}

.mce-checkbox .mce-label {
  vertical-align: middle;
}

.mce-rtl .mce-checkbox {
  direction: rtl;
  text-align: right;
}

.mce-rtl i.mce-i-checkbox {
  margin: 0 0 0 3px;
}

.mce-combobox {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  *height: 32px;
}

.mce-combobox input {
  border: 1px solid #c5c5c5;
  border-right-color: #c5c5c5;
  height: 28px;
}

.mce-combobox.mce-disabled input {
  color: #bdbdbd;
}

.mce-combobox .mce-btn {
  border: 1px solid #c5c5c5;
  border-left: 0;
  margin: 0;
}

.mce-combobox button {
  padding-right: 8px;
  padding-left: 8px;
}

.mce-combobox.mce-disabled .mce-btn button {
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: .4;
  filter: alpha(opacity=40);
  zoom: 1;
}

.mce-combobox .mce-status {
  position: absolute;
  right: 2px;
  top: 50%;
  line-height: 16px;
  margin-top: -8px;
  font-size: 12px;
  width: 15px;
  height: 15px;
  text-align: center;
  cursor: pointer;
}

.mce-combobox.mce-has-status input {
  padding-right: 20px;
}

.mce-combobox.mce-has-open .mce-status {
  right: 37px;
}

.mce-combobox .mce-status.mce-i-warning {
  color: #c09853;
}

.mce-combobox .mce-status.mce-i-checkmark {
  color: #468847;
}

.mce-menu.mce-combobox-menu {
  border-top: 0;
  margin-top: 0;
  max-height: 200px;
}

.mce-menu.mce-combobox-menu .mce-menu-item {
  padding: 4px 6px 4px 4px;
  font-size: 11px;
}

.mce-menu.mce-combobox-menu .mce-menu-item-sep {
  padding: 0;
}

.mce-menu.mce-combobox-menu .mce-text {
  font-size: 11px;
}

.mce-menu.mce-combobox-menu .mce-menu-item-link, .mce-menu.mce-combobox-menu .mce-menu-item-link b {
  font-size: 11px;
}

.mce-menu.mce-combobox-menu .mce-text b {
  font-size: 11px;
}

.mce-colorbox i {
  border: 1px solid #c5c5c5;
  width: 14px;
  height: 14px;
}

.mce-colorbutton .mce-ico {
  position: relative;
}

.mce-colorbutton-grid {
  margin: 4px;
}

.mce-colorbutton .mce-preview {
  padding-right: 3px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -17px;
  margin-top: 7px;
  background: gray;
  width: 13px;
  height: 2px;
  overflow: hidden;
}

.mce-colorbutton.mce-btn-small .mce-preview {
  margin-left: -16px;
  padding-right: 0;
  width: 16px;
}

.mce-rtl .mce-colorbutton {
  direction: rtl;
}

.mce-rtl .mce-colorbutton .mce-preview {
  margin-left: 0;
  padding-right: 0;
  padding-left: 3px;
}

.mce-rtl .mce-colorbutton.mce-btn-small .mce-preview {
  margin-left: 0;
  padding-right: 0;
  padding-left: 2px;
}

.mce-rtl .mce-colorbutton .mce-open {
  padding-left: 4px;
  padding-right: 4px;
  border-left: 0;
}

.mce-colorpicker {
  position: relative;
  width: 250px;
  height: 220px;
}

.mce-colorpicker-sv {
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  height: 100%;
  border: 1px solid #c5c5c5;
  cursor: crosshair;
  overflow: hidden;
}

.mce-colorpicker-h-chunk {
  width: 100%;
}

.mce-colorpicker-overlay1, .mce-colorpicker-overlay2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.mce-colorpicker-overlay1 {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ffffff', endColorstr='#00ffffff');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')";
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}

.mce-colorpicker-overlay2 {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#00000000', endColorstr='#000000');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')";
  background: linear-gradient(to bottom, transparent, #000);
}

.mce-colorpicker-selector1 {
  background: none;
  position: absolute;
  width: 12px;
  height: 12px;
  margin: -8px 0 0 -8px;
  border: 1px solid black;
  border-radius: 50%;
}

.mce-colorpicker-selector2 {
  position: absolute;
  width: 10px;
  height: 10px;
  border: 1px solid white;
  border-radius: 50%;
}

.mce-colorpicker-h {
  position: absolute;
  top: 0;
  right: 0;
  width: 6.5%;
  height: 100%;
  border: 1px solid #c5c5c5;
  cursor: crosshair;
}

.mce-colorpicker-h-marker {
  margin-top: -4px;
  position: absolute;
  top: 0;
  left: -1px;
  width: 100%;
  border: 1px solid black;
  background: white;
  height: 4px;
  z-index: 100;
}

.mce-path {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 8px;
  white-space: normal;
  font-size: inherit;
}

.mce-path .mce-txt {
  display: inline-block;
  padding-right: 3px;
}

.mce-path .mce-path-body {
  display: inline-block;
}

.mce-path-item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  cursor: pointer;
  color: #595959;
  font-size: inherit;
  text-transform: uppercase;
}

.mce-path-item:hover {
  text-decoration: underline;
}

.mce-path-item:focus {
  background: #555c66;
  color: white;
}

.mce-path .mce-divider {
  display: inline;
  font-size: inherit;
}

.mce-disabled .mce-path-item {
  color: #aaa;
}

.mce-rtl .mce-path {
  direction: rtl;
}

.mce-fieldset {
  border: 0 solid #9E9E9E;
}

.mce-fieldset > .mce-container-body {
  margin-top: -15px;
}

.mce-fieldset-title {
  margin-left: 5px;
  padding: 0 5px 0 5px;
}

.mce-fit-layout {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.mce-fit-layout-item {
  position: absolute;
}

.mce-flow-layout-item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.mce-flow-layout-item {
  margin: 2px 0 2px 2px;
}

.mce-flow-layout-item.mce-last {
  margin-right: 2px;
}

.mce-flow-layout {
  white-space: normal;
}

.mce-tinymce-inline .mce-flow-layout {
  white-space: nowrap;
}

.mce-rtl .mce-flow-layout {
  text-align: right;
  direction: rtl;
}

.mce-rtl .mce-flow-layout-item {
  margin: 2px 2px 2px 0;
}

.mce-rtl .mce-flow-layout-item.mce-last {
  margin-left: 2px;
}

.mce-iframe {
  border: 0 solid #c5c5c5;
  width: 100%;
  height: 100%;
}

.mce-infobox {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  overflow: hidden;
  border: 1px solid red;
}

.mce-infobox div {
  display: block;
  margin: 5px;
}

.mce-infobox div button {
  position: absolute;
  top: 50%;
  right: 4px;
  cursor: pointer;
  margin-top: -8px;
  display: none;
}

.mce-infobox div button:focus {
  outline: 2px solid #e2e4e7;
}

.mce-infobox.mce-has-help div {
  margin-right: 25px;
}

.mce-infobox.mce-has-help button {
  display: block;
}

.mce-infobox.mce-success {
  background: #dff0d8;
  border-color: #d6e9c6;
}

.mce-infobox.mce-success div {
  color: #3c763d;
}

.mce-infobox.mce-warning {
  background: #fcf8e3;
  border-color: #faebcc;
}

.mce-infobox.mce-warning div {
  color: #8a6d3b;
}

.mce-infobox.mce-error {
  background: #f2dede;
  border-color: #ebccd1;
}

.mce-infobox.mce-error div {
  color: #a94442;
}

.mce-rtl .mce-infobox div {
  text-align: right;
  direction: rtl;
}

.mce-label {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  overflow: hidden;
}

.mce-label.mce-autoscroll {
  overflow: auto;
}

.mce-label.mce-disabled {
  color: #aaa;
}

.mce-label.mce-multiline {
  white-space: pre-wrap;
}

.mce-label.mce-success {
  color: #468847;
}

.mce-label.mce-warning {
  color: #c09853;
}

.mce-label.mce-error {
  color: #b94a48;
}

.mce-rtl .mce-label {
  text-align: right;
  direction: rtl;
}

.mce-menubar {
  border: 1px solid #e2e4e7;
}

.mce-menubar .mce-menubtn {
  border-color: transparent;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: none;
}

.mce-menubar .mce-menubtn button span {
  color: #595959;
}

.mce-menubar .mce-caret {
  border-top-color: #b5bcc2;
}

.mce-menubar .mce-active .mce-caret, .mce-menubar .mce-menubtn:hover .mce-caret {
  border-top-color: #b5bcc2;
}

.mce-menubar .mce-menubtn:hover, .mce-menubar .mce-menubtn.mce-active, .mce-menubar .mce-menubtn:focus {
  border-color: #e2e4e7;
  background: white;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.mce-menubar .mce-menubtn.mce-active {
  border-bottom: none;
  z-index: 65537;
}

div.mce-menubtn.mce-opened {
  border-bottom-color: white;
  z-index: 65537;
}

.mce-menubtn button {
  color: #595959;
}

.mce-menubtn.mce-btn-small span {
  font-size: 12px;
}

.mce-menubtn.mce-fixed-width span {
  display: inline-block;
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: 90px;
}

.mce-menubtn.mce-fixed-width.mce-btn-small span {
  width: 70px;
}

.mce-menubtn .mce-caret {
  *margin-top: 6px;
}

.mce-rtl .mce-menubtn button {
  direction: rtl;
  text-align: right;
}

.mce-menu-item {
  display: block;
  padding: 6px 4px 6px 4px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #595959;
  white-space: nowrap;
  cursor: pointer;
  line-height: normal;
  border-left: 4px solid transparent;
  margin-bottom: 1px;
}

.mce-menu-item .mce-caret {
  margin-top: 4px;
  margin-right: 6px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #595959;
}

.mce-menu-item .mce-menu-shortcut {
  display: inline-block;
  padding: 0 10px 0 20px;
  color: #aaa;
}

.mce-menu-item .mce-ico {
  padding-right: 4px;
}

.mce-menu-item:hover, .mce-menu-item:focus {
  background: #ededee;
}

.mce-menu-item:hover .mce-menu-shortcut, .mce-menu-item:focus .mce-menu-shortcut {
  color: #aaa;
}

.mce-menu-item:hover .mce-text, .mce-menu-item:focus .mce-text, .mce-menu-item:hover .mce-ico, .mce-menu-item:focus .mce-ico {
  color: #595959;
}

.mce-menu-item.mce-selected {
  background: #ededee;
}

.mce-menu-item.mce-selected .mce-text, .mce-menu-item.mce-selected .mce-ico {
  color: #595959;
}

.mce-menu-item.mce-active.mce-menu-item-normal {
  background: #555c66;
}

.mce-menu-item.mce-active.mce-menu-item-normal .mce-text, .mce-menu-item.mce-active.mce-menu-item-normal .mce-ico {
  color: white;
}

.mce-menu-item.mce-active.mce-menu-item-checkbox .mce-ico {
  visibility: visible;
}

.mce-menu-item.mce-disabled, .mce-menu-item.mce-disabled:hover {
  background: white;
}

.mce-menu-item.mce-disabled:focus, .mce-menu-item.mce-disabled:hover:focus {
  background: #ededee;
}

.mce-menu-item.mce-disabled .mce-text, .mce-menu-item.mce-disabled:hover .mce-text, .mce-menu-item.mce-disabled .mce-ico, .mce-menu-item.mce-disabled:hover .mce-ico {
  color: #aaa;
}

.mce-menu-item.mce-menu-item-preview.mce-active {
  border-left: 5px solid #555c66;
  background: white;
}

.mce-menu-item.mce-menu-item-preview.mce-active .mce-text, .mce-menu-item.mce-menu-item-preview.mce-active .mce-ico {
  color: #595959;
}

.mce-menu-item.mce-menu-item-preview.mce-active:hover {
  background: #ededee;
}

.mce-menu-item-link {
  color: #093;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mce-menu-item-link b {
  color: #093;
}

.mce-menu-item-ellipsis {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mce-menu-item:hover *, .mce-menu-item.mce-selected *, .mce-menu-item:focus * {
  color: #595959;
}

div.mce-menu .mce-menu-item-sep, .mce-menu-item-sep:hover {
  border: 0;
  padding: 0;
  height: 1px;
  margin: 9px 1px;
  overflow: hidden;
  background: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  cursor: default;
  filter: none;
}

div.mce-menu .mce-menu-item b {
  font-weight: bold;
}

.mce-menu-item-indent-1 {
  padding-left: 20px;
}

.mce-menu-item-indent-2 {
  padding-left: 35px;
}

.mce-menu-item-indent-2 {
  padding-left: 35px;
}

.mce-menu-item-indent-3 {
  padding-left: 40px;
}

.mce-menu-item-indent-4 {
  padding-left: 45px;
}

.mce-menu-item-indent-5 {
  padding-left: 50px;
}

.mce-menu-item-indent-6 {
  padding-left: 55px;
}

.mce-menu.mce-rtl {
  direction: rtl;
}

.mce-rtl .mce-menu-item {
  text-align: right;
  direction: rtl;
  padding: 6px 12px 6px 15px;
}

.mce-rtl .mce-menu-item .mce-caret {
  margin-left: 6px;
  margin-right: 0;
  border-right: 4px solid #595959;
  border-left: 0;
}

.mce-rtl .mce-menu-item.mce-selected .mce-caret, .mce-rtl .mce-menu-item:focus .mce-caret, .mce-rtl .mce-menu-item:hover .mce-caret {
  border-left-color: transparent;
  border-right-color: #595959;
}

.mce-rtl .mce-menu-item .mce-ico {
  padding-right: 0;
  padding-left: 4px;
}

.mce-throbber {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .6;
  filter: alpha(opacity=60);
  zoom: 1;
  background: #fff url("img/loader.gif") no-repeat center center;
}

.mce-throbber-inline {
  position: static;
  height: 50px;
}

.mce-menu .mce-throbber-inline {
  height: 25px;
  background-size: contain;
}

.mce-menu {
  position: absolute;
  left: 0;
  top: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background: transparent;
  z-index: 1000;
  padding: 5px 0 5px 0;
  margin: -1px 0 0;
  min-width: 180px;
  background: white;
  border: 1px solid #c5c9cf;
  border: 1px solid #e2e4e7;
  z-index: 1002;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  max-height: 500px;
  overflow: auto;
  overflow-x: hidden;
}

.mce-menu.mce-animate {
  opacity: .01;
  transform: rotateY(10deg) rotateX(-10deg);
  transform-origin: left top;
}

.mce-menu.mce-menu-align .mce-menu-shortcut, .mce-menu.mce-menu-align .mce-caret {
  position: absolute;
  right: 0;
}

.mce-menu i {
  display: none;
}

.mce-menu-has-icons i {
  display: inline-block;
}

.mce-menu.mce-in.mce-animate {
  opacity: 1;
  transform: rotateY(0) rotateX(0);
  transition: opacity .075s ease,transform .1s ease;
}

.mce-menu-sub-tr-tl {
  margin: -6px 0 0 -1px;
}

.mce-menu-sub-br-bl {
  margin: 6px 0 0 -1px;
}

.mce-menu-sub-tl-tr {
  margin: -6px 0 0 1px;
}

.mce-menu-sub-bl-br {
  margin: 6px 0 0 1px;
}

.mce-rtl .mce-menu-item .mce-ico {
  padding-right: 0;
  padding-left: 4px;
}

.mce-rtl.mce-menu-align .mce-caret, .mce-rtl .mce-menu-shortcut {
  right: auto;
  left: 0;
}

.mce-listbox button {
  text-align: left;
  padding-right: 20px;
  position: relative;
}

.mce-listbox .mce-caret {
  position: absolute;
  margin-top: -2px;
  right: 8px;
  top: 50%;
}

.mce-rtl .mce-listbox .mce-caret {
  right: auto;
  left: 8px;
}

.mce-rtl .mce-listbox button {
  padding-right: 10px;
  padding-left: 20px;
}

.mce-container-body .mce-resizehandle {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
  visibility: visible;
  cursor: s-resize;
  margin: 0;
}

.mce-container-body .mce-resizehandle-both {
  cursor: se-resize;
}

i.mce-i-resize {
  color: #595959;
}

.mce-selectbox {
  background: #fff;
  border: 1px solid #c5c5c5;
}

.mce-slider {
  border: 1px solid #c5c5c5;
  background: #fff;
  width: 100px;
  height: 10px;
  position: relative;
  display: block;
}

.mce-slider.mce-vertical {
  width: 10px;
  height: 100px;
}

.mce-slider-handle {
  border: 1px solid #c5c5c5;
  background: #e6e6e6;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -1px;
  margin-top: -2px;
}

.mce-slider-handle:focus {
  border-color: #2276d2;
}

.mce-spacer {
  visibility: hidden;
}

.mce-splitbtn:hover .mce-open {
  border-left: 1px solid #e2e4e7;
}

.mce-splitbtn .mce-open {
  border-left: 1px solid transparent;
  padding-right: 4px;
  padding-left: 4px;
}

.mce-splitbtn .mce-open:focus {
  border-left: 1px solid #e2e4e7;
}

.mce-splitbtn .mce-open:hover, .mce-splitbtn .mce-open:active {
  border-left: 1px solid #e2e4e7;
}

.mce-splitbtn.mce-active:hover .mce-open {
  border-left: 1px solid white;
}

.mce-splitbtn.mce-opened {
  border-color: #e2e4e7;
}

.mce-splitbtn.mce-btn-small .mce-open {
  padding: 0 3px 0 3px;
}

.mce-rtl .mce-splitbtn {
  direction: rtl;
  text-align: right;
}

.mce-rtl .mce-splitbtn button {
  padding-right: 4px;
  padding-left: 4px;
}

.mce-rtl .mce-splitbtn .mce-open {
  border-left: 0;
}

.mce-stack-layout-item {
  display: block;
}

.mce-tabs {
  display: block;
  border-bottom: 1px solid #c5c5c5;
}

.mce-tabs, .mce-tabs + .mce-container-body {
  background: #fff;
}

.mce-tab {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border: 1px solid #c5c5c5;
  border-width: 0 1px 0 0;
  background: #fff;
  padding: 8px 15px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  height: 13px;
  cursor: pointer;
}

.mce-tab:hover {
  background: #FDFDFD;
}

.mce-tab.mce-active {
  background: #FDFDFD;
  border-bottom-color: transparent;
  margin-bottom: -1px;
  height: 14px;
}

.mce-tab:focus {
  color: #2276d2;
}

.mce-rtl .mce-tabs {
  text-align: right;
  direction: rtl;
}

.mce-rtl .mce-tab {
  border-width: 0 0 0 1px;
}

.mce-textbox {
  background: #fff;
  border: 1px solid #c5c5c5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
  height: 28px;
  resize: none;
  padding: 0 4px 0 4px;
  white-space: pre-wrap;
  *white-space: pre;
  color: #595959;
}

.mce-textbox:focus, .mce-textbox.mce-focus {
  border-color: #2276d2;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.mce-placeholder .mce-textbox {
  color: #aaa;
}

.mce-textbox.mce-multiline {
  padding: 4px;
  height: auto;
}

.mce-textbox.mce-disabled {
  color: #bdbdbd;
}

.mce-rtl .mce-textbox {
  text-align: right;
  direction: rtl;
}

.mce-dropzone {
  border: 3px dashed gray;
  text-align: center;
}

.mce-dropzone span {
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
}

.mce-dropzone:after {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.mce-dropzone.mce-disabled {
  opacity: .4;
  filter: alpha(opacity=40);
  zoom: 1;
}

.mce-dropzone.mce-disabled.mce-dragenter {
  cursor: not-allowed;
}

.mce-browsebutton {
  position: relative;
  overflow: hidden;
}

.mce-browsebutton button {
  position: relative;
  z-index: 1;
}

.mce-browsebutton input {
  opacity: 0;
  filter: alpha(opacity=0);
  zoom: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.mce-ico {
  font-family: 'tinymce',Arial;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 16px;
  line-height: 16px;
  speak: none;
  vertical-align: text-top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  background: transparent center center;
  background-size: cover;
  width: 16px;
  height: 16px;
  color: #595959;
}

.mce-btn-small .mce-ico {
  font-family: 'tinymce-small',Arial;
}

.mce-i-save:before {
  content: "\e000";
}

.mce-i-newdocument:before {
  content: "\e001";
}

.mce-i-fullpage:before {
  content: "\e002";
}

.mce-i-alignleft:before {
  content: "\e003";
}

.mce-i-aligncenter:before {
  content: "\e004";
}

.mce-i-alignright:before {
  content: "\e005";
}

.mce-i-alignjustify:before {
  content: "\e006";
}

.mce-i-alignnone:before {
  content: "\e003";
}

.mce-i-cut:before {
  content: "\e007";
}

.mce-i-paste:before {
  content: "\e008";
}

.mce-i-searchreplace:before {
  content: "\e009";
}

.mce-i-bullist:before {
  content: "\e00a";
}

.mce-i-numlist:before {
  content: "\e00b";
}

.mce-i-indent:before {
  content: "\e00c";
}

.mce-i-outdent:before {
  content: "\e00d";
}

.mce-i-blockquote:before {
  content: "\e00e";
}

.mce-i-undo:before {
  content: "\e00f";
}

.mce-i-redo:before {
  content: "\e010";
}

.mce-i-link:before {
  content: "\e011";
}

.mce-i-unlink:before {
  content: "\e012";
}

.mce-i-anchor:before {
  content: "\e013";
}

.mce-i-image:before {
  content: "\e014";
}

.mce-i-media:before {
  content: "\e015";
}

.mce-i-help:before {
  content: "\e016";
}

.mce-i-code:before {
  content: "\e017";
}

.mce-i-insertdatetime:before {
  content: "\e018";
}

.mce-i-preview:before {
  content: "\e019";
}

.mce-i-forecolor:before {
  content: "\e01a";
}

.mce-i-backcolor:before {
  content: "\e01a";
}

.mce-i-table:before {
  content: "\e01b";
}

.mce-i-hr:before {
  content: "\e01c";
}

.mce-i-removeformat:before {
  content: "\e01d";
}

.mce-i-subscript:before {
  content: "\e01e";
}

.mce-i-superscript:before {
  content: "\e01f";
}

.mce-i-charmap:before {
  content: "\e020";
}

.mce-i-emoticons:before {
  content: "\e021";
}

.mce-i-print:before {
  content: "\e022";
}

.mce-i-fullscreen:before {
  content: "\e023";
}

.mce-i-spellchecker:before {
  content: "\e024";
}

.mce-i-nonbreaking:before {
  content: "\e025";
}

.mce-i-template:before {
  content: "\e026";
}

.mce-i-pagebreak:before {
  content: "\e027";
}

.mce-i-restoredraft:before {
  content: "\e028";
}

.mce-i-bold:before {
  content: "\e02a";
}

.mce-i-italic:before {
  content: "\e02b";
}

.mce-i-underline:before {
  content: "\e02c";
}

.mce-i-strikethrough:before {
  content: "\e02d";
}

.mce-i-visualchars:before {
  content: "\e02e";
}

.mce-i-visualblocks:before {
  content: "\e02e";
}

.mce-i-ltr:before {
  content: "\e02f";
}

.mce-i-rtl:before {
  content: "\e030";
}

.mce-i-copy:before {
  content: "\e031";
}

.mce-i-resize:before {
  content: "\e032";
}

.mce-i-browse:before {
  content: "\e034";
}

.mce-i-pastetext:before {
  content: "\e035";
}

.mce-i-rotateleft:before {
  content: "\eaa8";
}

.mce-i-rotateright:before {
  content: "\eaa9";
}

.mce-i-crop:before {
  content: "\ee78";
}

.mce-i-editimage:before {
  content: "\e915";
}

.mce-i-options:before {
  content: "\ec6a";
}

.mce-i-flipv:before {
  content: "\eaaa";
}

.mce-i-fliph:before {
  content: "\eaac";
}

.mce-i-zoomin:before {
  content: "\eb35";
}

.mce-i-zoomout:before {
  content: "\eb36";
}

.mce-i-sun:before {
  content: "\eccc";
}

.mce-i-moon:before {
  content: "\eccd";
}

.mce-i-arrowleft:before {
  content: "\edc0";
}

.mce-i-arrowright:before {
  content: "\e93c";
}

.mce-i-drop:before {
  content: "\e935";
}

.mce-i-contrast:before {
  content: "\ecd4";
}

.mce-i-sharpen:before {
  content: "\eba7";
}

.mce-i-resize2:before {
  content: "\edf9";
}

.mce-i-orientation:before {
  content: "\e601";
}

.mce-i-invert:before {
  content: "\e602";
}

.mce-i-gamma:before {
  content: "\e600";
}

.mce-i-remove:before {
  content: "\ed6a";
}

.mce-i-tablerowprops:before {
  content: "\e604";
}

.mce-i-tablecellprops:before {
  content: "\e605";
}

.mce-i-table2:before {
  content: "\e606";
}

.mce-i-tablemergecells:before {
  content: "\e607";
}

.mce-i-tableinsertcolbefore:before {
  content: "\e608";
}

.mce-i-tableinsertcolafter:before {
  content: "\e609";
}

.mce-i-tableinsertrowbefore:before {
  content: "\e60a";
}

.mce-i-tableinsertrowafter:before {
  content: "\e60b";
}

.mce-i-tablesplitcells:before {
  content: "\e60d";
}

.mce-i-tabledelete:before {
  content: "\e60e";
}

.mce-i-tableleftheader:before {
  content: "\e62a";
}

.mce-i-tabletopheader:before {
  content: "\e62b";
}

.mce-i-tabledeleterow:before {
  content: "\e800";
}

.mce-i-tabledeletecol:before {
  content: "\e801";
}

.mce-i-codesample:before {
  content: "\e603";
}

.mce-i-fill:before {
  content: "\e902";
}

.mce-i-borderwidth:before {
  content: "\e903";
}

.mce-i-line:before {
  content: "\e904";
}

.mce-i-count:before {
  content: "\e905";
}

.mce-i-translate:before {
  content: "\e907";
}

.mce-i-drag:before {
  content: "\e908";
}

.mce-i-home:before {
  content: "\e90b";
}

.mce-i-upload:before {
  content: "\e914";
}

.mce-i-bubble:before {
  content: "\e91c";
}

.mce-i-user:before {
  content: "\e91d";
}

.mce-i-lock:before {
  content: "\e926";
}

.mce-i-unlock:before {
  content: "\e927";
}

.mce-i-settings:before {
  content: "\e928";
}

.mce-i-remove2:before {
  content: "\e92a";
}

.mce-i-menu:before {
  content: "\e92d";
}

.mce-i-warning:before {
  content: "\e930";
}

.mce-i-question:before {
  content: "\e931";
}

.mce-i-pluscircle:before {
  content: "\e932";
}

.mce-i-info:before {
  content: "\e933";
}

.mce-i-notice:before {
  content: "\e934";
}

.mce-i-arrowup:before {
  content: "\e93b";
}

.mce-i-arrowdown:before {
  content: "\e93d";
}

.mce-i-arrowup2:before {
  content: "\e93f";
}

.mce-i-arrowdown2:before {
  content: "\e940";
}

.mce-i-menu2:before {
  content: "\e941";
}

.mce-i-newtab:before {
  content: "\e961";
}

.mce-i-a11y:before {
  content: "\e900";
}

.mce-i-plus:before {
  content: "\e93a";
}

.mce-i-insert:before {
  content: "\e93a";
}

.mce-i-minus:before {
  content: "\e939";
}

.mce-i-books:before {
  content: "\e911";
}

.mce-i-reload:before {
  content: "\e906";
}

.mce-i-toc:before {
  content: "\e901";
}

.mce-i-checkmark:before {
  content: "\e033";
}

.mce-i-checkbox:before, .mce-i-selected:before {
  content: "\e033";
}

.mce-i-insert {
  font-size: 14px;
}

.mce-i-selected {
  visibility: hidden;
}

i.mce-i-backcolor {
  text-shadow: none;
  background: #BBB;
}

.word-wrap {
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.mce-content-body .mce-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: top;
  background: transparent;
  text-decoration: none;
  color: black;
  font-family: Arial;
  font-size: 11px;
  text-shadow: none;
  float: none;
  position: static;
  width: auto;
  height: auto;
  white-space: nowrap;
  cursor: inherit;
  line-height: normal;
  font-weight: normal;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  direction: ltr;
  max-width: none;
}

.mce-object {
  border: 1px dotted #3A3A3A;
  background: #D5D5D5 url(img/object.gif) no-repeat center;
}

.mce-preview-object {
  display: inline-block;
  position: relative;
  margin: 0 2px 0 2px;
  line-height: 0;
  border: 1px solid gray;
}

.mce-preview-object[data-mce-selected="2"] .mce-shim {
  display: none;
}

.mce-preview-object .mce-shim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

figure.align-left {
  float: left;
}

figure.align-right {
  float: right;
}

figure.image.align-center {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

figure.image {
  display: inline-block;
  border: 1px solid gray;
  margin: 0 2px 0 1px;
  background: #f5f2f0;
}

figure.image img {
  margin: 8px 8px 0 8px;
}

figure.image figcaption {
  margin: 6px 8px 6px 8px;
  text-align: center;
}

.mce-toc {
  border: 1px solid gray;
}

.mce-toc h2 {
  margin: 4px;
}

.mce-toc li {
  list-style-type: none;
}

.mce-pagebreak {
  cursor: default;
  display: block;
  border: 0;
  width: 100%;
  height: 5px;
  border: 1px dashed #666;
  margin-top: 15px;
  page-break-before: always;
}

@media print {
  .mce-pagebreak {
    border: 0;
  }
}
.mce-item-anchor {
  cursor: default;
  display: inline-block;
  -webkit-user-select: all;
  -webkit-user-modify: read-only;
  -moz-user-select: all;
  -moz-user-modify: read-only;
  user-select: all;
  user-modify: read-only;
  width: 9px !important;
  height: 9px !important;
  border: 1px dotted #3A3A3A;
  background: #D5D5D5 url(img/anchor.gif) no-repeat center;
}

.mce-nbsp, .mce-shy {
  background: #AAA;
}

.mce-shy::after {
  content: '-';
}

.mce-match-marker {
  background: #AAA;
  color: #fff;
}

.mce-match-marker-selected {
  background: #3399ff;
  color: #fff;
}

.mce-spellchecker-word {
  border-bottom: 2px solid rgba(208, 2, 27, 0.5);
  cursor: default;
}

.mce-spellchecker-grammar {
  border-bottom: 2px solid #008000;
  cursor: default;
}

.mce-item-table, .mce-item-table td, .mce-item-table th, .mce-item-table caption {
  border: 1px dashed #BBB;
}

td[data-mce-selected], th[data-mce-selected] {
  background-color: #2276d2 !important;
}

.mce-edit-focus {
  outline: 1px dotted #333;
}

.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
  outline: 2px solid #2276d2;
}

.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
  outline: 2px solid #2276d2;
}

.mce-content-body *[contentEditable=false][data-mce-selected] {
  outline: 2px solid #2276d2;
}

.mce-content-body *[data-mce-selected="inline-boundary"] {
  background: #bfe6ff;
}

.mce-content-body .mce-item-anchor[data-mce-selected] {
  background: #D5D5D5 url(img/anchor.gif) no-repeat center;
}

.mce-content-body hr {
  cursor: default;
}

.ephox-snooker-resizer-bar {
  background-color: #2276d2;
  opacity: 0;
}

.ephox-snooker-resizer-cols {
  cursor: col-resize;
}

.ephox-snooker-resizer-rows {
  cursor: row-resize;
}

.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
  opacity: .2;
}

/* @group Arrows */
.b-arrow {
  position: relative;
  display: inline-block;
}

.b-arrow:before {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent;
  border-color: rgba(224, 224, 224, 0);
}

.b-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent;
  border-color: rgba(224, 224, 224, 0);
  z-index: 1;
}

/* arrow toolbar */
.b-hint_toolbar:before {
  border-color: #bbb;
}

.b-hint_toolbar:after {
  border-color: #f5f5f5;
}

/* top toolbar */
.b-arrow_top:before,
.b-arrow_top:after {
  border-top-color: transparent !important;
  border-top-color: rgba(224, 224, 224, 0) !important;
  border-left-color: transparent !important;
  border-left-color: rgba(224, 224, 224, 0) !important;
  border-right-color: transparent !important;
  border-right-color: rgba(224, 224, 224, 0) !important;
  top: -5px;
  left: 50%;
  margin-left: -5px;
  border-top-width: 0;
}

.b-arrow_top:after {
  top: -4px;
}

/* top left toolbar */
.b-arrow_top_left:before,
.b-arrow_top_left:after {
  border-top-color: transparent !important;
  border-top-color: rgba(224, 224, 224, 0) !important;
  border-left-color: transparent !important;
  border-left-color: rgba(224, 224, 224, 0) !important;
  border-right-color: transparent !important;
  border-right-color: rgba(224, 224, 224, 0) !important;
  top: -5px;
  left: 10px;
  border-top-width: 0;
}

.b-arrow_top_left:after {
  top: -4px;
}

/* top right toolbar */
.b-arrow_top_right:before,
.b-arrow_top_right:after {
  border-top-color: transparent !important;
  border-top-color: rgba(224, 224, 224, 0) !important;
  border-left-color: transparent !important;
  border-left-color: rgba(224, 224, 224, 0) !important;
  border-right-color: transparent !important;
  border-right-color: rgba(224, 224, 224, 0) !important;
  top: -5px;
  right: 10px;
  border-top-width: 0;
}

.b-arrow_top_right:after {
  top: -4px;
}

/* right toolbar */
.b-arrow_right:before,
.b-arrow_right:after {
  border-top-color: transparent !important;
  border-top-color: rgba(224, 224, 224, 0) !important;
  border-bottom-color: transparent !important;
  border-bottom-color: rgba(224, 224, 224, 0) !important;
  border-right-color: transparent !important;
  border-right-color: rgba(224, 224, 224, 0) !important;
  right: -5px;
  top: 50%;
  margin-top: -5px;
  border-right-width: 0;
}

.b-arrow_right:after {
  right: -4px;
}

/* right top toolbar */
.b-arrow_right_top:before,
.b-arrow_right_top:after {
  border-top-color: transparent !important;
  border-top-color: rgba(224, 224, 224, 0) !important;
  border-bottom-color: transparent !important;
  border-bottom-color: rgba(224, 224, 224, 0) !important;
  border-right-color: transparent !important;
  border-right-color: rgba(224, 224, 224, 0) !important;
  right: -5px;
  top: 10px;
  border-right-width: 0;
}

.b-arrow_right_top:after {
  right: -4px;
}

/* right bottom toolbar */
.b-arrow_right_bottom:before,
.b-arrow_right_bottom:after {
  border-top-color: transparent !important;
  border-top-color: rgba(224, 224, 224, 0) !important;
  border-bottom-color: transparent !important;
  border-bottom-color: rgba(224, 224, 224, 0) !important;
  border-right-color: transparent !important;
  border-right-color: rgba(224, 224, 224, 0) !important;
  right: -5px;
  bottom: 10px;
  border-right-width: 0;
}

.b-arrow_right_bottom:after {
  right: -4px;
}

/* bottom toolbar */
.b-arrow_bottom:before,
.b-arrow_bottom:after {
  border-bottom-color: transparent !important;
  border-bottom-color: rgba(224, 224, 224, 0) !important;
  border-left-color: transparent !important;
  border-left-color: rgba(224, 224, 224, 0) !important;
  border-right-color: transparent !important;
  border-right-color: rgba(224, 224, 224, 0) !important;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  border-bottom-width: 0;
}

.b-arrow_bottom:after {
  bottom: -4px;
}

/* bottom left toolbar */
.b-arrow_bottom_left:before,
.b-arrow_bottom_left:after {
  border-bottom-color: transparent !important;
  border-bottom-color: rgba(224, 224, 224, 0) !important;
  border-left-color: transparent !important;
  border-left-color: rgba(224, 224, 224, 0) !important;
  border-right-color: transparent !important;
  border-right-color: rgba(224, 224, 224, 0) !important;
  bottom: -5px;
  left: 10px;
  border-bottom-width: 0;
}

.b-arrow_bottom_left:after {
  bottom: -4px;
}

/* bottom right toolbar */
.b-arrow_bottom_right:before,
.b-arrow_bottom_right:after {
  border-bottom-color: transparent !important;
  border-bottom-color: rgba(224, 224, 224, 0) !important;
  border-left-color: transparent !important;
  border-left-color: rgba(224, 224, 224, 0) !important;
  border-right-color: transparent !important;
  border-right-color: rgba(224, 224, 224, 0) !important;
  bottom: -5px;
  right: 10px;
  border-bottom-width: 0;
}

.b-arrow_bottom_right:after {
  bottom: -4px;
}

/* left toolbar */
.b-arrow_left:before,
.b-arrow_left:after {
  border-bottom-color: transparent !important;
  border-bottom-color: rgba(224, 224, 224, 0) !important;
  border-left-color: transparent !important;
  border-left-color: rgba(224, 224, 224, 0) !important;
  border-top-color: transparent !important;
  border-top-color: rgba(224, 224, 224, 0) !important;
  left: -5px;
  top: 50%;
  margin-top: -5px;
  border-left-width: 0;
}

.b-arrow_left:after {
  left: -4px;
}

/* left top toolbar */
.b-arrow_left_top:before,
.b-arrow_left_top:after {
  border-bottom-color: transparent !important;
  border-bottom-color: rgba(224, 224, 224, 0) !important;
  border-left-color: transparent !important;
  border-left-color: rgba(224, 224, 224, 0) !important;
  border-top-color: transparent !important;
  border-top-color: rgba(224, 224, 224, 0) !important;
  left: -5px;
  top: 10px;
  border-left-width: 0;
}

.b-arrow_left_top:after {
  left: -4px;
}

/* left bottom toolbar */
.b-arrow_left_bottom:before,
.b-arrow_left_bottom:after {
  border-bottom-color: transparent !important;
  border-bottom-color: rgba(224, 224, 224, 0) !important;
  border-left-color: transparent !important;
  border-left-color: rgba(224, 224, 224, 0) !important;
  border-top-color: transparent !important;
  border-top-color: rgba(224, 224, 224, 0) !important;
  left: -5px;
  bottom: 10px;
  border-left-width: 0;
}

.b-arrow_left_bottom:after {
  left: -4px;
}

/* Arrow Big*/
.b-arrow.b-arrow_big:before {
  border-width: 8px;
}

.b-arrow.b-arrow_big:after {
  border-width: 8px;
}

/* top toolbar */
.b-arrow_big.b-arrow_top:before,
.b-arrow_big.b-arrow_top:after {
  top: -16px;
  margin-left: -8px;
}

.b-arrow_big.b-arrow_top:after {
  top: -15px;
}

/* top left toolbar */
.b-arrow_big.b-arrow_top_left:before,
.b-arrow_big.b-arrow_top_left:after {
  top: -16px;
  left: 16px;
}

.b-arrow_big.b-arrow_top_left:after {
  top: -15px;
}

/* top right toolbar */
.b-arrow_big.b-arrow_top_right:before,
.b-arrow_big.b-arrow_top_right:after {
  top: -16px;
  right: 16px;
}

.b-arrow_big.b-arrow_top_right:after {
  top: -15px;
}

/* right toolbar */
.b-arrow_big.b-arrow_right:before,
.b-arrow_big.b-arrow_right:after {
  right: -16px;
  margin-top: -8px;
}

.b-arrow_big.b-arrow_right:after {
  right: -15px;
}

/* right top toolbar */
.b-arrow_big.b-arrow_right_top:before,
.b-arrow_big.b-arrow_right_top:after {
  right: -16px;
  top: 16px;
}

.b-arrow_big.b-arrow_right_top:after {
  right: -15px;
}

/* right bottom toolbar */
.b-arrow_big.b-arrow_right_bottom:before,
.b-arrow_big.b-arrow_right_bottom:after {
  right: -16px;
  bottom: 16px;
}

.b-arrow_big.b-arrow_right_bottom:after {
  right: -15px;
}

/* bottom toolbar */
.b-arrow_big.b-arrow_bottom:before,
.b-arrow_big.b-arrow_bottom:after {
  bottom: -16px;
  margin-left: -8px;
}

.b-arrow_big.b-arrow_bottom:after {
  bottom: -15px;
}

/* bottom left toolbar */
.b-arrow_big.b-arrow_bottom_left:before,
.b-arrow_big.b-arrow_bottom_left:after {
  bottom: -16px;
  left: 16px;
}

.b-arrow_big.b-arrow_bottom_left:after {
  bottom: -15px;
}

/* bottom right toolbar */
.b-arrow_big.b-arrow_bottom_right:before,
.b-arrow_big.b-arrow_bottom_right:after {
  bottom: -16px;
  right: 16px;
}

.b-arrow_big.b-arrow_bottom_right:after {
  bottom: -15px;
}

/* left toolbar */
.b-arrow_big.b-arrow_left:before,
.b-arrow_big.b-arrow_left:after {
  left: -16px;
  margin-top: -8px;
}

.b-arrow_big.b-arrow_left:after {
  left: -15px;
}

/* left top toolbar */
.b-arrow_big.b-arrow_left_top:before,
.b-arrow_big.b-arrow_left_top:after {
  left: -16px;
  top: 16px;
}

.b-arrow_big.b-arrow_left_top:after {
  left: -15px;
}

/* left bottom toolbar */
.b-arrow_big.b-arrow_left_bottom:before,
.b-arrow_big.b-arrow_left_bottom:after {
  left: -16px;
  bottom: 16px;
}

.b-arrow_big.b-arrow_left_bottom:after {
  left: -15px;
}

/* @end */
/* @group Arrows */
.b-avatar {
  display: inline-block;
  vertical-align: top;
  /*border: 1px solid #dedede;*/
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*padding: 2px;*/
  background: #fff;
  /*@include box-shadow(0 1px 2px -1px rgba(0,0,0,.15));*/
}

a.b-avatar {
  cursor: pointer;
}

.b-avatar img {
  display: block;
  border: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.b-avatar_large .b-avatar__status,
.b-avatar__status {
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  margin: 0;
  position: absolute;
  right: -2px;
  bottom: -2px;
  background-color: #5EA801;
  color: #FFF;
  line-height: 11px;
  font-size: 11px;
  text-transform: lowercase;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.b-avatar_large .b-avatar__status_deleted,
.b-avatar_large .b-avatar__status {
  width: auto;
  height: 16px;
  padding: 0 5px;
  right: -2px;
  bottom: -2px;
  line-height: 16px;
  font-family: inherit;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.b-avatar_large .b-avatar__status:before {
  content: none;
}

.b-avatar__status_deleted,
.b-avatar__statusEdit,
.b-avatar__statusView {
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  margin: 0;
  position: absolute;
  right: -3px;
  bottom: -3px;
  background-color: #ff2a00;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #FFF;
}

.b-avatar__statusView {
  background-color: #ffd400;
}

.b-avatar_large .b-avatar__status_deleted,
.b-avatar__status_deleted {
  background-color: #ff2a00;
  color: #fff;
}

.b-avatar_large .b-avatar__status_deleted {
  border-width: 0;
  font-size: 11px;
  text-transform: lowercase;
}

.b-avatar__counter {
  display: block;
  width: 38px;
  height: 38px;
  color: #555;
  font-size: 18px;
  line-height: 38px;
  text-align: center;
  vertical-align: middle;
}

.b-avatar__statusIcon {
  display: block;
  width: 10px;
  height: 10px;
  margin: 1px;
  vertical-align: top;
}

/* _min */
.b-avatar_min img {
  width: 40px;
  height: 40px;
}

/* _mid */
.b-avatar_mid img {
  width: 50px;
  height: 50px;
}

/* _large */
.b-avatar_large img {
  width: 100px;
  height: 100px;
}

/* _layerList */
.b-avatar_layerList img {
  width: 38px;
  height: 38px;
}

/* _avatarsOnly */
.b-avatar_layerList_avatarsOnly {
  padding: 0;
}

.b-avatar_layerList_avatarsOnly img {
  width: 42px;
  height: 42px;
}

/* _light */
.b-avatar_light {
  padding: 0;
}

/* @end */
/* @group rtl */
.g-rtl .b-avatar__status {
  right: auto;
  left: -2px;
}

.g-rtl .b-avatar_large .b-avatar__status {
  right: auto;
  left: -2px;
}

/* @end */
/* @group Arrows */
.b-avatar-select {
  position: relative;
}

.b-avatar-select__dropAreaOver {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border: 2px dashed #666;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: rgba(200, 200, 200, 0.7);
  text-align: center;
  font-size: 18px;
  cursor: default;
}

.b-avatar-select__dropAreaOver > span {
  display: table;
  width: 100%;
  height: 100%;
}

.b-avatar-select__dropAreaOver > span > span {
  display: table-cell;
  vertical-align: middle;
}

.dz-drag-hover .b-avatar-select__dropAreaOver {
  display: block;
}

.b-avatar-select .b-avatar {
  position: absolute;
  top: 0;
  left: 0;
}

.b-avatar-select__options {
  margin-left: 95px;
}

.b-avatar-select__dropArea {
  display: inline-block;
  padding: 2px 5px;
  border: 2px dashed #999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #999;
  text-align: center;
}

/* @end */
/* @group rtl */
.g-rtl .b-avatar-select .b-avatar {
  left: initial;
  right: 0;
}

.g-rtl .b-avatar-select__options {
  margin-left: 0;
  margin-right: 95px;
}

/* @end */
/* @group Apps */
/* apps list */
.apps {
  display: block;
  margin: -4px 0 -2px;
  padding: 0;
  list-style: none;
}

.apps:after {
  content: '.';
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  font-size: 0;
  line-height: 0;
}

.apps .app-miniature {
  float: left;
  margin: 10px 20px 10px 0;
  cursor: pointer;
  -moz-transition: box-shadow 0.2s;
  -webkit-transition: box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
}

.apps .app-miniature:hover {
  border-color: #ccc;
  -webkit-box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.15);
}

/* app-miniature */
.app-miniature {
  display: block;
  width: 260px;
  height: 170px;
  overflow: hidden;
  position: relative;
  border: 1px solid #ddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.app-miniature__status {
  display: none;
  position: absolute;
  top: 4px;
  left: 4px;
}

.app-miniature.installed .app-miniature__status {
  display: block;
}

.app-miniature__status .b-icon {
  vertical-align: top;
}

.app-miniature__logo {
  width: 260px;
  height: 130px;
  vertical-align: top;
  border: 0;
}

.app-miniature__desc {
  display: table-cell;
  width: 260px;
  height: 40px;
  padding: 0 10px;
  vertical-align: middle;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  border-top: 1px solid #f5f5f5;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #777;
}

/* @end */
/* @group App Page */
/* app-page */
.app-page {
  max-width: 1000px;
  font-size: 13px;
}

.app-page__header:after {
  content: '.';
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  font-size: 0;
  line-height: 0;
}

.app-page__sidebar {
  float: right;
  padding-left: 30px;
  background: #FFF;
}

.app-page__sidebar .app-miniature {
  height: auto;
}

.app-page__description {
  margin-bottom: -1px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #ddd;
  font-size: 14px;
}

.app-page__purpose {
  margin: 14px 0;
}

.app-page__content {
  margin-top: 14px;
}

.app-page__images {
  padding: 30px 0;
  border-top: 1px dotted #ddd;
  text-align: center;
  overflow: hidden;
}

.app-page__image {
  max-width: 806px;
  max-height: 578px;
  margin: 0 auto;
}

.app-page__image img {
  max-width: 100%;
  max-height: 100%;
  border: 1px solid #aaa;
  border-radius: 3px;
}

.app-page__imagesDescription {
  font-size: 12px;
  color: #777;
}

.app-page__imagesList {
  display: block;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}

.app-page__imagePreview {
  display: inline-block;
  width: 134px;
  height: 96px;
  margin: 5px;
  vertical-align: top;
  border: 1px solid #ddd;
  cursor: pointer;
  -moz-transition: box-shadow 0.2s;
  -webkit-transition: box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
}

.app-page__imagePreview:hover {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.app-page__imagePreview.selected {
  border-color: #aaa;
  border-width: 2px;
  margin: 4px;
}

.app-page__imagePreview img {
  display: block;
  max-width: 100%;
}

.app-page__overview {
  border-top: 1px dotted #ddd;
  padding-top: 20px;
}

/* @end */
/* @group RTL */
/* apps list */
.g-rtl .apps .app-miniature {
  float: right;
  margin: 10px 0 10px 20px;
}

/* app-miniature */
.g-rtl .app-miniature__status {
  left: auto;
  right: 4px;
}

/* app-page */
.g-rtl .app-page__sidebar {
  float: left;
  padding-left: 0;
  padding-right: 30px;
}

/* @end */
/* @group Breadcrumbs */
.b-breadcrumbs {
  margin: 0;
  padding: 0 10px;
  list-style: none;
  background: #f8f8f8;
}

.b-breadcrumbs__item {
  display: inline;
  line-height: 26px;
}

.b-breadcrumbs__link:link {
  margin: 0 2px;
  color: #777;
}

/* _selected */
.b-breadcrumbs__link.selected {
  color: #000;
}

/* b-breadcrumbs__arr */
.b-breadcrumbs__arr {
  font-style: normal;
  font-size: 14px;
  color: #999;
}

/* @end */
/* @group RTL */
.g-rtl .b-breadcrumbs__item {
  display: inline-block;
}

/* @end */
/* @group News */
/* news block */
.b-news {
  display: block;
  margin: 20px 0;
}

.b-news + .b-news {
  margin-top: 30px;
}

.b-news__header {
  display: block;
  margin: 25px 0;
  font-size: 20px;
  line-height: 24px;
}

.b-news__list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.b-news__listItem {
  display: block;
  margin: 13px 0;
}

.b-news__listItemText {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 3px;
}

.b-news__listItemText a:visited {
  color: #609;
}

.b-news__listItem time.g-date {
  font-size: 12px;
  color: #575757;
}

.b-news__socialIconsList:after {
  content: '.';
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  font-size: 0;
  line-height: 0;
}

.b-news__socialIconsListItem {
  display: block;
  width: 32px;
  height: 32px;
  float: left;
  margin-right: 10px;
  border-radius: 50%;
  /*background-color: #bbb;*/
  border: 1px solid #bbb;
  /*@include transition((border-color 0.2s, color 0.2s));*/
}

a.b-news__socialIconsListItem:hover {
  text-decoration: none;
}

.b-news__socialIconsListItem.fab,
.b-news__socialIconsListItem.fab:hover,
.b-news__socialIconsListItem.fab:active,
.b-news__socialIconsListItem.fa,
.b-news__socialIconsListItem.fa:hover,
.b-news__socialIconsListItem.fa:active {
  color: #bbb;
  -moz-transition: border-color 0.2s, color 0.2s;
  -webkit-transition: border-color 0.2s, color 0.2s;
  -o-transition: border-color 0.2s, color 0.2s;
  transition: border-color 0.2s, color 0.2s;
}

.b-news__socialIconsListItem.fab:before,
.b-news__socialIconsListItem.fa:before {
  width: 32px;
  font-size: 24px;
  line-height: 32px;
}

.firefox .b-news__socialIconsListItem.fab:before,
.edge .b-news__socialIconsListItem.fab:before,
.ie .b-news__socialIconsListItem.fab:before,
.firefox .b-news__socialIconsListItem.fa:before,
.edge .b-news__socialIconsListItem.fa:before,
.ie .b-news__socialIconsListItem.fa:before {
  line-height: 32px;
}

.b-news__socialIconsListItem.fa-google-plus-g:before {
  font-size: 20px;
}

.b-news__socialIconsListItem.fa-facebook-f:hover {
  color: #3b5998;
  border-color: #3b5998;
}

.b-news__socialIconsListItem.fa-twitter:hover {
  color: #00abf1;
  border-color: #00abf1;
}

.b-news__socialIconsListItem.fa-google-plus-g:hover {
  color: #d0422a;
  border-color: #d0422a;
}

.b-news__socialIconsListItem.fa-youtube:hover {
  color: #cf2200;
  border-color: #cf2200;
}

.b-news__socialIconsListItem.fa-linkedin-in:hover {
  color: #0083be;
  border-color: #0083be;
}

.b-news__socialIconsListItem.fa-pinterest-p:hover {
  color: #ca2127;
  border-color: #ca2127;
}

/* @end */
/* @group RTL */
.g-rtl .b-news__socialIconsListItem {
  float: right;
  margin-right: 0;
  margin-left: 10px;
}

/* @end */
/* @group Vdeos */
/* videos block */
.b-videos {
  display: block;
  margin: 20px 0;
}

.b-videos__header {
  display: block;
  margin: 25px 0;
  font-size: 20px;
  line-height: 24px;
}

.b-videos__list {
  display: block;
  margin: 0 -20px -20px 0;
  padding: 0;
  list-style: none;
}

.b-videos__listItem {
  display: block;
  width: 198px;
  height: 112px;
  float: left;
  margin: 0 20px 20px 0;
}

.b-videos__listItem a {
  display: block;
  width: 196px;
  height: 110px;
  position: relative;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
  background: rgba(0, 115, 132, 0.04);
}

.b-videos__listItem a:hover {
  background: #d4d4d4;
  border-color: #d4d4d4;
  color: #76a2b7;
  text-decoration: none;
}

.b-videos__listItem a:hover:before {
  content: '';
  display: block;
  width: 36px;
  height: 36px;
  margin: -18px 0 0 -18px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: rgba(136, 136, 136, 0.5);
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
}

.b-videos__listItem a:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  margin: -7px 0 0 -5px;
  border: 12px solid transparent;
  border-width: 7px 12px 7px 12px;
  border-left-color: #FFF;
  position: absolute;
  left: 50%;
  top: 50%;
}

.b-videos__listItemText {
  display: table-cell;
  width: 196px;
  height: 110px;
  padding: 0 10px;
  vertical-align: middle;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}

.b-videos__listItemTime {
  position: absolute;
  bottom: 2px;
  right: 6px;
  font-size: 12px;
  color: #757575;
}

/* @end */
/* @group RTL */
.g-rtl .b-videos__list {
  margin: 0 0 -20px -20px;
}

.g-rtl .b-videos__listItem {
  float: right;
  margin: 0 0 20px 20px;
}

.g-rtl .b-videos__listItemTime {
  right: auto;
  left: 6px;
}

/* @end */
/* @group Button */
/* default button style */
.b-button-super-hover:hover .b-button.b-button_superHoverItem,
.b-button {
  font: inherit;
  font-size: 12px;
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
  display: inline-block;
  height: 25px;
  padding: 0 7px;
  margin: 0;
  /* white-space: nowrap; off because b-popup-menu button */
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f8f8f8;
  border: 1px solid #ccc;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0);
  line-height: 23px;
  /*@include gradient(#fefefe,#f3f3f3);*/
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /*@include box-shadow((0 0 0 rgba(0,0,0,0.1), inset 0 0 0 rgba(0,0,0,0.1)));*/
  -moz-transition: color 0.2s, box-shadow 0.2s, background 0.2s, border-color 0.2s;
  -webkit-transition: color 0.2s, box-shadow 0.2s, background 0.2s, border-color 0.2s;
  -o-transition: color 0.2s, box-shadow 0.2s, background 0.2s, border-color 0.2s;
  transition: color 0.2s, box-shadow 0.2s, background 0.2s, border-color 0.2s;
}

/* !!!!!!! update styles below after button style update !!!!!!! */
        /*.b-reply:hover .b-toolbar_reply .b-toolbar__sidebar .b-button_simple.b-button {
            color:inherit;

            background: #f8f8f8;
            border: 1px solid #ccc;

            text-shadow: 0 1px 0 rgba(255,255,255,0);
		}*/
a.b-button {
  text-decoration: none;
  color: inherit;
}

/* icon */
.b-button__icon {
  font-size: 12px;
  display: inline-block;
  width: 18px;
  width: 16px;
  height: 16px;
  vertical-align: top;
  margin-top: 3px;
  margin-bottom: 4px;
  /*line-height: 23px;*/
  /* line-height = .b-button_height - 2px */
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.b-button__icon_margin {
  margin-left: 3px;
  margin-right: 3px;
}

.b-button_stdMarginDropdown.b-button > .b-button__icon.dropdown_down:first-child,
.b-button_stdMarginDropdown.b-button > .b-button__icon.dropdown_up:first-child,
.b-button__icon_margin:first-child,
.b-button__icon:first-child {
  margin-left: -3px;
}

.b-button_stdMarginDropdown.b-button > .b-button__icon.dropdown_down:last-child,
.b-button_stdMarginDropdown.b-button > .b-button__icon.dropdown_up:last-child,
.b-button__icon_margin:last-child,
.b-button__icon:last-child {
  margin-right: -3px;
}

.b-button_nodropdown.b-button_iconOnly .b-button__icon {
  margin-left: -3px;
  margin-right: -3px;
}

/* dropdown icon and dropdown delimiter */
.b-button > .b-button__icon.dropdown_down,
.b-button > .b-button__icon.dropdown_up {
  width: 7px;
  margin-right: 0;
  margin-left: 0;
  position: relative;
}

.b-button > .b-button__icon.dropdown_delimiter {
  display: inline-block;
  height: 23px;
  width: 0;
  margin: 0 0 0 1px;
  vertical-align: top;
  visibility: hidden;
  background: transparent;
  border-right: 1px solid #fff;
  border-left: 1px solid #bbb;
}

/* no dropdown */
.b-button_nodropdown .b-button__icon.icon_cog {
  margin-right: -3px;
}

.b-button_nodropdown .b-button__icon.dropdown_up,
.b-button_nodropdown .b-button__icon.dropdown_down {
  display: none;
}

/* label */
.b-button__label {
  font-size: 12px;
  line-height: 23px;
  /*vertical-align: middle; /* commented, because it is wrong view in bя┐╜ttons list ( OLD COMMENT: optional. need for toolbar with label and w/o label buttons set ) */
}

.b-button__label:first-child .b-label:first-child {
  margin-left: -4px;
}

.b-button__label:last-child .b-label:last-child {
  margin-right: -4px;
}

.b-button__label_info {
  color: #999;
}

/* _hover default button style */
/*.b-reply:hover .b-toolbar_reply .b-toolbar__sidebar .b-button_simple.b-button:hover,
.b-reply:hover .b-toolbar_reply .b-toolbar__sidebar .b-button_simple.b-button:focus,*/
.b-button:hover,
.b-button:focus {
  background: #f8f8f8;
  border: 1px solid #bbb;
  border-bottom-color: #aaaaaa;
  text-decoration: none;
  color: inherit;
  /*@include gradient(#fefefe,#f3f3f3);*/
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  outline: none;
}

a.b-button:hover,
a.b-button:focus {
  text-decoration: none;
  color: inherit;
}

.b-button:hover > .b-button__icon.dropdown_delimiter,
.b-button:focus > .b-button__icon.dropdown_delimiter {
  visibility: visible;
}

/* _active and _selected button style */
/*.b-reply:hover .b-toolbar_reply .b-toolbar__sidebar .b-button_simple.b-button:active,*/
.b-button:active,
.b-button.selected,
.b-button.selected:hover,
.b-button.selected:focus {
  background: #d9d9d9;
  border-color: #bbb;
  /*border-top-color:#aaaaaa;*/
  /*@include box-shadow((inset 0 1px 0 rgba(0,0,0,0.1)));*/
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
}

/* _disabled */
.b-button.disabled,
.b-button.disabled:hover,
.b-button[disabled="disabled"],
.b-button[disabled="disabled"]:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ccc;
  /*@include gradient(#fefefe,#f3f3f3);*/
  opacity: 0.4 !important;
  filter: alpha(opacity=40) !important;
  cursor: default;
}

/* pointer default */
.b-button_defpointer {
  cursor: default;
}

/* wide */
.b-button_wide {
  width: 100%;
}

/* custom adjustments */
.b-button_replyExtraMargin {
  margin-left: 9px;
}

/* custom styles */
.b-button_reply[disabled="disabled"] {
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.b-button_reply.selected:hover .b-button__icon.fa,
.b-button_reply.selected .b-button__icon {
  color: #007384;
}

.b-button_note.selected:hover .b-button__icon.fa,
.b-button_note.selected .b-button__icon {
  color: #d07f01;
}

/* badge */
.b-button .b-badge {
  padding-right: 6px;
  padding-left: 6px;
  padding-top: 4px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  font-size: 11px;
  line-height: 11px;
  font-weight: normal;
  text-shadow: none;
  color: #555;
  background: rgba(255, 255, 255, 0.5);
}

.b-button .b-badge:empty {
  display: block;
  color: #bbb;
  background-color: #e9e9e9;
}

.b-button .b-badge:empty:after {
  content: '0';
}

.b-button .b-badge:empty ~ .b-tree__label {
  color: #777;
}

/* tab badge */
.b-button_tab .b-badge {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  background: #fafafa;
  -ms-transform: translate(3px, 0px);
  -moz-transform: translate(3px, 0px);
  -webkit-transform: translate(3px, 0px);
  -o-transform: translate(3px, 0px);
  transform: translate(3px, 0px);
  padding: 2px 4px 1px 4px;
}

.b-button_tab .b-badge:empty {
  display: none;
}

.b-button_tab .b-badge:empty:after {
  content: '';
}

/* primary */
.b-tabbar_pills_primary .b-button_tab.selected .b-badge {
  background: #badcec;
  color: black;
}

/* _underline */
.b-tabbar_pills_underline .b-button_tab .b-badge {
  color: #aaa;
}

/* @end */
/* @group label.button */
label.b-button {
  position: relative;
  overflow: hidden;
}

label.b-button input {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  right: 0;
  font-size: 600px;
  cursor: pointer;
}

/* @end */
/* @group .button align */
.b-button_tal {
  text-align: left;
}

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

/* @end */
/* @group RTL */
.g-rtl .b-button__label:first-child .b-label:first-child {
  margin-left: initial;
  margin-right: -4px;
}

.g-rtl .b-button__label:last-child .b-label:last-child {
  margin-right: initial;
  margin-left: -4px;
}

.g-rtl .b-button_stdMarginDropdown.b-button > .b-button__icon.dropdown_down:first-child,
.g-rtl .b-button_stdMarginDropdown.b-button > .b-button__icon.dropdown_up:first-child,
.g-rtl .b-button__icon:first-child {
  margin-left: 0;
  margin-right: -3px;
}

.g-rtl .b-button_stdMarginDropdown.b-button > .b-button__icon.dropdown_down:last-child,
.g-rtl .b-button_stdMarginDropdown.b-button > .b-button__icon.dropdown_up:last-child,
.g-rtl .b-button__icon:last-child {
  margin-right: 0;
  margin-left: -3px;
}

.g-rtl .b-button_nodropdown.b-button_iconOnly .b-button__icon,
.g-rtl .b-button__icon_margin:first-child:last-child,
.g-rtl .b-button__icon:first-child:last-child {
  margin-right: -3px;
  margin-left: -3px;
}

.g-rtl .b-button__icon_margin {
  margin-left: 3px;
  margin-right: 3px;
}

.g-rtl .b-button__icon_margin:first-child {
  margin-left: 3px;
  margin-right: -3px;
}

.g-rtl .b-button__icon_margin:last-child {
  margin-right: 3px;
  margin-left: -3px;
}

/* dropdown icon and dropdown delimiter */
.g-rtl .b-button > .b-button__icon.dropdown_down,
.g-rtl .b-button > .b-button__icon.dropdown_up {
  margin-right: 0;
  margin-left: 0;
}

/* dropdown icon */
.g-rtl .b-button > .b-button__icon.dropdown_down:after,
.g-rtl .b-button > .b-button__icon.dropdown_up:after {
  left: auto;
  right: 0;
}

.g-rtl .b-button > .b-button__icon.dropdown_delimiter {
  margin: 0 1px 0 0;
  border-left: 1px solid #fff;
  border-right: 1px solid #bbb;
}

/* no dropdown */
.g-rtl .b-button_nodropdown .b-button__icon.icon_cog {
  margin-right: 0;
  margin-left: -3px;
}

.g-rtl .b-button_tab .b-badge {
  -ms-transform: translate(-3px, 0px);
  -moz-transform: translate(-3px, 0px);
  -webkit-transform: translate(-3px, 0px);
  -o-transform: translate(-3px, 0px);
  transform: translate(-3px, 0px);
}

.g-rtl .b-button_replyExtraMargin {
  margin-left: 0;
  margin-right: 9px;
}

/* @end */
/* @group Custom styles */
/* fix for <button> tag in firefox */
.b-button::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}

/* label */
.ie8 .b-button__label {
  position: relative;
  /* IE8 ClearType fix */
}

.win.safari5 .b-button {
  padding: 0 1px;
}

.win.safari5 .b-button__icon {
  line-height: 20px;
  vertical-align: top;
}

/* @end */
/* @group Button > _regular */
.b-reply:hover .b-toolbar_reply .b-toolbar__sidebar .b-button_regular.b-button,
.b-reply:hover .b-toolbar_reply .b-toolbar__sidebar .b-button_regular.b-button:hover,
.b-reply:hover .b-toolbar_reply .b-toolbar__sidebar .b-button_regular.b-button:focus,
.b-reply:hover .b-toolbar_reply .b-toolbar__sidebar .b-button_regular.b-button:active,
.b-button_regular,
.b-button_regular:hover,
.b-button_regular:focus,
.b-button_regular:active,
.b-button_regular[disabled="disabled"],
.b-button_regular[disabled="disabled"]:hover {
  background: transparent;
  /* because ie7 */
  filter: progid:DXImageTransform.Microsoft.gradient( enabled="false");
  /* IE6-9 */
  border: 1px solid transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.b-button_regular:link > .b-button__label {
  vertical-align: baseline;
}

.b-reply:hover .b-toolbar_reply .b-toolbar__sidebar .b-button_regular.b-button,
.b-reply:hover .b-toolbar_reply .b-toolbar__sidebar .b-button_regular.b-button:hover,
.b-reply:hover .b-toolbar_reply .b-toolbar__sidebar .b-button_regular.b-button:focus,
.b-reply:hover .b-toolbar_reply .b-toolbar__sidebar .b-button_regular.b-button:active {
  cursor: default;
}

/* _highlight */
.b-button_simple.b-button_regular_highlight,
.b-reply:hover .b-toolbar_reply .b-toolbar__sidebar .b-button_regular_highlight.b-button,
.b-reply:hover .b-toolbar_reply .b-toolbar__sidebar .b-button_regular_highlight.b-button:hover,
.b-reply:hover .b-toolbar_reply .b-toolbar__sidebar .b-button_regular_highlight.b-button:focus,
.b-reply:hover .b-toolbar_reply .b-toolbar__sidebar .b-button_regular_highlight.b-button:active,
.b-button_regular_highlight,
.b-button_regular_highlight:hover,
.b-button_regular_highlight:focus,
.b-button_regular_highlight:active,
.b-button_regular_highlight[disabled="disabled"],
.b-button_regular_highlight[disabled="disabled"]:hover {
  background: #f7f7f7;
}

/* @end */
/* @group Button > _big */
.b-button_big {
  height: 31px;
  padding: 0 9px;
  font-size: 13px;
}

/* @end */
/* @group Button > _big */
.b-reply:hover .b-toolbar__sidebar .b-button_simple.b-button.b-button_middle,
.b-reply:hover .b-toolbar__sidebar .b-button_simple.b-button.b-button_middle .b-button__label,
.b-button_middle,
.b-button_middle .b-button__label {
  font-size: 15px;
}

.b-reply:hover .b-toolbar__sidebar .b-button_simple.b-button.b-button_middle .b-button__icon,
.b-button_middle .b-button__icon {
  vertical-align: top;
}

/* @end */
/* @group Button _color_cancel */
.b-button_color_cancel,
.b-button_color_cancel:hover,
.b-button_color_cancel:focus,
.b-button_color_cancel:active,
.b-button_color_cancel.selected {
  background: #F23509;
  filter: none;
  color: #FFF;
  text-shadow: 0 0px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 15px 20px -10px rgba(255, 255, 255, 0.2) inset, 0 -15px 20px -10px rgba(0, 0, 0, 0.1) inset, 0 1px 1px transparent;
  -moz-box-shadow: 0 15px 20px -10px rgba(255, 255, 255, 0.2) inset, 0 -15px 20px -10px rgba(0, 0, 0, 0.1) inset, 0 1px 1px transparent;
  box-shadow: 0 15px 20px -10px rgba(255, 255, 255, 0.2) inset, 0 -15px 20px -10px rgba(0, 0, 0, 0.1) inset, 0 1px 1px transparent;
  border-color: transparent;
  border-color: rgba(0, 0, 0, 0.1);
}

/* hover */
.b-button_color_cancel:hover,
.b-button_color_cancel:focus {
  border-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 15px 20px -10px rgba(255, 255, 255, 0.2) inset, 0 -15px 20px -10px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 15px 20px -10px rgba(255, 255, 255, 0.2) inset, 0 -15px 20px -10px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 20px -10px rgba(255, 255, 255, 0.2) inset, 0 -15px 20px -10px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(0, 0, 0, 0.1);
}

/* active */
.b-button_color_cancel:active,
.b-button_color_cancel.selected,
.b-button_color_cancel.selected:hover,
.b-button_color_cancel.selected:focus,
.b-button_color_cancel.selected:active {
  -webkit-box-shadow: 0 -15px 20px -10px rgba(255, 255, 255, 0.1) inset, 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 1px 1px transparent;
  -moz-box-shadow: 0 -15px 20px -10px rgba(255, 255, 255, 0.1) inset, 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 1px 1px transparent;
  box-shadow: 0 -15px 20px -10px rgba(255, 255, 255, 0.1) inset, 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 1px 1px transparent;
}

/* @group Button _color_orange */
.b-button_color_orange,
.b-button_color_orange:hover,
.b-button_color_orange:focus,
.b-button_color_orange:active,
.b-button_color_orange.selected {
  background: #ef9302;
  border-color: #d07f01;
  color: #FFF;
  text-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);
}

/* hover */
.b-button_color_orange:hover,
.b-button_color_orange:focus {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

/* active */
.b-button_color_orange:active,
.b-button_color_orange.selected,
.b-button_color_orange.selected:hover,
.b-button_color_orange.selected:focus,
.b-button_color_orange.selected:active {
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}

/* @group Button _color_primary */
.b-button_color_primary,
.b-button_color_primary:hover,
.b-button_color_primary:focus,
.b-button_color_primary:active,
.b-button_color_primary.selected {
  border: 1px solid #008ea2;
  background: #00adc6;
  filter: none;
  color: #FFF;
  text-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);
  background-repeat: repeat-x;
}

/* hover */
.b-button_color_primary:hover,
.b-button_color_primary:focus {
  border-color: #2681b0;
  border-bottom-color: #0a6796;
  /*@include box-shadow((0 1px 1px rgba(0,0,0,0.2), inset 0 0 0 rgba(0,0,0,0.1)));*/
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

/* active */
.b-button_color_primary:active,
.b-button_color_primary.selected,
.b-button_color_primary.selected:hover,
.b-button_color_primary.selected:focus,
.b-button_color_primary.selected:active {
  border-color: #2681b0;
  /*border-bottom-color: #0a6796;*/
  /*background: #268bbd;
  background-position: 0 -100%;*/
  /*@include box-shadow((inset 0 1px 0 rgba(0,0,0,0.1)));*/
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* _disabled */
.b-button_color_primary.disabled,
.b-button_color_primary.disabled:hover,
.b-button_color_primary.disabled:focus,
.b-button_color_primary[disabled="disabled"],
.b-button_color_primary[disabled="disabled"]:hover,
.b-button_color_primary[disabled="disabled"]:focus {
  border: 1px solid #41a6da;
  /*@include gradient(#5ec7fc,#2b9fd9);*/
}

/* _disabled */
        /*.b-button_color_primary:hover .b-button__icon.fa,
        .b-button_color_primary .b-button__icon.fa,
	    .b-button_color_primary .b-button__icon {
			color: inherit;
	    	}*/
/* @end */
/* @group Button _size_middle */
.b-button_size_middle {
  height: 30px;
}

.b-button_size_middle .b-button__label {
  line-height: 28px;
}

.b-button_size_middle .b-button__icon {
  margin-top: 6px;
  margin-bottom: 6px;
}

/* @end */
/* @group Button _small */
.b-button_small {
  color: #999;
  height: 21px;
  padding: 0 5px;
  line-height: 19px;
}

.b-button_small .b-button__label {
  font-size: 11px;
  line-height: 19px;
}

.b-button_small .b-button__icon {
  margin-top: 1px;
  margin-bottom: 0;
}

/* @end */
/* @group Button _textSize_middle */
.b-button_textSize_middle .b-button__label {
  font-size: 14px;
}

/* @end */
.b-button_textSize_big .b-button__label {
  font-size: 16px;
}

/* @group Button > _simple */
.b-button_simple,
.b-button_simple[disabled="disabled"],
.b-button_simple[disabled="disabled"]:hover {
  background: transparent;
  /* because ie7 */
  filter: progid:DXImageTransform.Microsoft.gradient( enabled="false");
  /* IE6-9 */
  border: 1px solid transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* _hover simple button style */
.b-button_simple:hover,
.b-button_simple:focus {
  background-color: #f8f8f8;
  /*@include gradient(#fefefe,#f3f3f3);*/
  border: 1px solid #bbb;
  border-bottom-color: #aaa;
  /*@include border-radius(3px);*/
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

/* _active simple button style */
.b-button_simple:active {
  /*@include box-shadow(0 1px 0 rgba(0,0,0,0.1));*/
  background: #d9d9d9;
  border: 1px solid #bbb;
  /*border-top-color:#aaa;*/
  /*@include box-shadow((inset 0 1px 0 rgba(0,0,0,0.1)));*/
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* _changes */
.b-button_simple_changes {
  background-color: rgba(153, 206, 220, 0.25);
}

/* _updates */
.b-button_simple_updates {
  background-color: rgba(199, 255, 90, 0.25);
  -moz-transition: background-color 0.4s;
  -webkit-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
}

/* @end */
/* @group Button > _simple_highlight */
.b-button_simple_highlight,
.b-button_simple_highlight:hover,
.b-button_simple_highlight:focus,
.b-button_simple_highlight:active {
  background: #f7f7f7;
}

/* @end */
/* @group Button > _simple_light */
.b-button_simple_light,
.b-button_simple_light[disabled="disabled"],
.b-button_simple_light[disabled="disabled"]:hover {
  color: #888;
}

/* _hover simple_light button style */
.b-button_simple_light:hover,
.b-button_simple_light:focus {
  color: inherit;
}

/* _active simple_light button style */
.b-button_simple_light:active {
  color: inherit;
}

/* @end */
/* @group Button > _passive */
.b-button_passive,
.b-button_passive[disabled="disabled"],
.b-button_passive[disabled="disabled"]:hover,
.b-button_passive:hover,
.b-button_passive:focus,
.b-button_passive:active {
  cursor: default;
  background: #f3f3f3;
  border-color: #ccc;
  background-image: -moz-linear-gradient(top, #fefefe, #f3f3f3);
  /* Firefox 3.6+ */
  /* Chrome 1-9, Safari 4-5 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f3f3f3));
  /* Chrome 10+, Safari 5.1+ */
  background-image: -webkit-linear-gradient(top, #fefefe, #f3f3f3);
  background-image: -o-linear-gradient(top, #fefefe, #f3f3f3);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #fefefe, #f3f3f3);
  /* IE10 */
  background-image: linear-gradient(to bottom, #fefefe, #f3f3f3);
  /* CSS3 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f3f3f3',GradientType=0 );
  /* IE6-8 */
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1), inset 0 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1), inset 0 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.1), inset 0 0 0 rgba(0, 0, 0, 0.1);
}

/* @end */
/* @group Button > _tab_blue */
.b-button_tab_visible {
  padding-left: 10px;
  padding-right: 10px;
  height: 31px;
  background: transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  background: #f8f8f8;
  border-color: #eaeaea;
}

/* lable */
.b-button_tab_visible > .b-button__label {
  line-height: 26px;
  color: #225599;
}

/* hover, active and focus tab button view */
.b-button_tab_visible:hover,
.b-button_tab_visible:active,
.b-button_tab_visible:focus {
  background: #eee;
  border-color: #eaeaea;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.b-button_tab_visible:hover > .b-button__label,
.b-button_tab_visible:active > .b-button__label,
.b-button_tab_visible:focus > .b-button__label {
  color: #555;
}

/* _active tab button view */
.b-button_tab_visible.selected,
.b-button_tab_visible.selected:hover,
.b-button_tab_visible.selected:active,
.b-button_tab_visible.selected:focus {
  background-color: #FFF;
  background-image: -moz-linear-gradient(top, #f3f3f3, #fff);
  /* Firefox 3.6+ */
  /* Chrome 1-9, Safari 4-5 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #fff));
  /* Chrome 10+, Safari 5.1+ */
  background-image: -webkit-linear-gradient(top, #f3f3f3, #fff);
  background-image: -o-linear-gradient(top, #f3f3f3, #fff);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f3f3f3, #fff);
  /* IE10 */
  background-image: linear-gradient(to bottom, #f3f3f3, #fff);
  /* CSS3 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#fff',GradientType=0 );
  /* IE6-8 */
  border-color: #ccc !important;
  border-bottom-color: #fff !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

/* label */
.b-button_tab_visible.selected > .b-button__label {
  color: #333;
}

/* disabled tab buttin view */
.b-button_tab_visible[disabled="disabled"] {
  background: #f7f7f7 !important;
  border-color: #ccc !important;
  cursor: default;
}

.b-button_tab_visible[disabled="disabled"] > .b-button__label {
  color: #888;
}

/* @end */
/* @group Button > _tab_minimal */
.b-button_tab_minimal {
  padding-left: 3px;
  padding-right: 3px;
  height: 23px;
  background: transparent;
  border-color: transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

/* icon */
.b-button_tab_minimal > .b-button__icon {
  line-height: 20px;
}

/* hover, active and focus tab button view */
.b-button_tab_minimal:hover,
.b-button_tab_minimal:active,
.b-button_tab_minimal:focus {
  background: #f8f8f8;
  border-color: #bbb;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* _active tab button view */
.b-button_tab_minimal.selected {
  border-color: #bbb;
  border-bottom-color: #fff;
  background: #f8f8f8;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

/* label */
.b-button_tab_minimal.selected > .b-button__label {
  color: #333;
}

/* disabled tab buttin view */
.b-button_tab_minimal[disabled="disabled"] {
  background: transparent !important;
  /* !important because ie8 */
  border-color: transparent;
}

/* @end */
/* @group Button > _tab_minimal_vertical */
.b-button_tab_minimal_vertical {
  display: block;
  height: 26px;
  width: 100%;
  padding-left: 3px;
  padding-right: 3px;
  text-align: left;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient( enabled="false" ) !important;
  /* IE6-9 */
  border-color: transparent;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

/* icon & label */
.b-button_tab_minimal_vertical > .b-button__icon,
.b-button_tab_minimal_vertical > .b-button__label {
  line-height: 24px;
}

/* hover, active and focus tab button view */
.b-button_tab_minimal_vertical:hover,
.b-button_tab_minimal_vertical:active,
.b-button_tab_minimal_vertical:focus {
  background: #f4f9fd;
  border-color: #c9e1f5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* _active tab button view */
.b-button_tab_minimal_vertical.selected {
  background: #fff;
  border-color: #99beeb;
  border-right-color: #fff;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

/* label */
.b-button_tab_minimal_vertical.selected > .b-button__label {
  color: #000;
}

/* _disabled tab button view */
.b-button_tab_minimal_vertical[disabled="disabled"],
.b-button_tab_minimal_vertical[disabled="disabled"]:hover {
  background: transparent;
  border-color: transparent;
}

/* @end */
/* @group RTL */
.g-rtl .b-button_tab_minimal_vertical {
  text-align: right;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

/* _active tab button view */
.g-rtl .b-button_tab_minimal_vertical.selected {
  border-right-color: #99beeb;
  border-left-color: #fff;
}

/* @end */
/* @group Button > _tab_simple */
.b-button_tab {
  padding-left: 10px;
  padding-right: 10px;
  height: 31px;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient( enabled="false" ) !important;
  /* IE6-9 */
  border: 1px solid #000;
  border-color: transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

/* lable */
.b-button_tab > .b-button__label {
  line-height: 26px;
  color: #666;
}

/* hover, active and focus tab button view */
.b-button_tab:hover,
.b-button_tab:active,
.b-button_tab:focus {
  background: #f8f8f8;
  border-color: #eaeaea;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.b-button_tab:active {
  text-shadow: 0 1px 0 #FFF;
}

.b-button_tab:hover > .b-button__label,
.b-button_tab:active > .b-button__label,
.b-button_tab:focus > .b-button__label {
  color: #333;
}

/* _active tab button view */
.b-button_tab.selected,
.b-button_tab.selected:hover,
.b-button_tab.selected:active,
.b-button_tab.selected:focus {
  border-color: #ccc !important;
  border-bottom-color: #fff !important;
  background-color: #FFF;
  background-image: -moz-linear-gradient(top, #f3f3f3, #fff);
  /* Firefox 3.6+ */
  /* Chrome 1-9, Safari 4-5 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #fff));
  /* Chrome 10+, Safari 5.1+ */
  background-image: -webkit-linear-gradient(top, #f3f3f3, #fff);
  background-image: -o-linear-gradient(top, #f3f3f3, #fff);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f3f3f3, #fff);
  /* IE10 */
  background-image: linear-gradient(to bottom, #f3f3f3, #fff);
  /* CSS3 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#fff',GradientType=0 );
  /* IE6-8 */
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: 0 1px 0 #FFF;
}

/* label */
.b-button_tab.selected > .b-button__label {
  color: #333;
}

/* disabled tab buttin view */
.b-button_tab[disabled="disabled"] {
  background: transparent !important;
  border-color: transparent !important;
  cursor: default;
}

.b-button_tab[disabled="disabled"] > .b-button__label {
  color: #888;
}

/* @end */
/* @group Button > _opacity */
.b-button_opacity,
.b-button_opacity[disabled="disabled"],
.b-button_opacity[disabled="disabled"]:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

/* _hover opacity button style */
.b-button_opacity:hover,
.b-button_opacity:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* _active opacity button style */
.b-button_opacity.selected,
.b-button_opacity:active {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* @end */
/* @group Button > _tab_simple */
.b-button_pill,
.b-button_pill_color_primary {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient( enabled="false" ) !important;
  /* IE6-9 */
  border: 1px solid transparent !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* lable */
.b-button_pill > .b-button__label,
.b-button_pill_color_primary > .b-button__label {
  color: #225599;
}

/* hover, active and focus tab button view */
.b-button_pill:hover,
.b-button_pill:active,
.b-button_pill:focus,
.b-button_pill_color_primary:hover,
.b-button_pill_color_primary:active,
.b-button_pill_color_primary:focus {
  background: #f8f8f8;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.b-button_pill:hover > .b-button__label,
.b-button_pill:active > .b-button__label,
.b-button_pill:focus > .b-button__label,
.b-button_pill_color_primary:hover > .b-button__label,
.b-button_pill_color_primary:active > .b-button__label,
.b-button_pill_color_primary:focus > .b-button__label {
  color: #555;
}

/* _active tab button view */
.b-button_pill.selected,
.b-button_pill.selected:hover,
.b-button_pill.selected:active,
.b-button_pill.selected:focus {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #d9d9d9;
}

/* label */
.b-button_pill.selected > .b-button__label {
  color: #333;
}

/* _active tab button view _color_primary */
.b-button_pill_color_primary.selected,
.b-button_pill_color_primary.selected:hover,
.b-button_pill_color_primary.selected:active,
.b-button_pill_color_primary.selected:focus {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #268bbd;
  text-shadow: 0 1px 0 #000;
}

/* label */
.b-button_pill_color_primary.selected > .b-button__label {
  color: #FFF;
}

/* disabled tab buttin view */
.b-button_pill[disabled="disabled"],
.b-button_pill_color_primary[disabled="disabled"] {
  background: transparent !important;
  cursor: default;
}

.b-button_pill[disabled="disabled"] > .b-button__label,
.b-button_pill_color_primary[disabled="disabled"] > .b-button__label {
  color: #888;
}

/* @end */
/* @group Buttons list */
/* default buttons horizontal align is left */
.b-buttons-list {
  font-size: 0;
  text-align: left;
}

.b-buttons-list:after {
  /* comment because float don`t use, maybe :)
  position: absolute;
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  */
}

.b-buttons-list__data {
  display: table-cell;
  width: 100%;
}

.b-buttons-list__inlineBlock {
  display: inline-block;
  vertical-align: top;
}

.b-buttons-list__inlineBlock .b-toolbar__txt {
  vertical-align: top;
}

div.b-buttons-list__item-holder {
  display: inline-block;
}

/* _flex */
.b-buttons-list_flex {
  display: -webkit-flex;
  display: flex;
}

.b-buttons-list_flex > .b-buttons-list__flexible {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.b-buttons-list_flex > .b-buttons-list__flexible .b-text-field_advanced,
.b-buttons-list_flex > .b-buttons-list__flexible .b-button {
  width: auto;
  width: initial;
  display: block;
}

/*.b-buttons-list_flex > .b-buttons-list__flex-ignore {
    -webkit-flex: initial;
    -ms-flex: initial;
    flex: initial;
}*/
/* _right horizontal align */
.b-buttons-list.right {
  text-align: right;
}

/* _center horizontal align */
.b-buttons-list.center {
  text-align: center;
}

/* _top vertical align */
.b-buttons-list.top,
.b-buttons-list.middle,
.b-buttons-list.bottom {
  display: table;
  height: 100%;
  width: 100%;
}

.b-buttons-list.top > .b-buttons-list__data {
  vertical-align: top;
}

/* _middle vertical align */
.b-buttons-list.middle > .b-buttons-list__data {
  vertical-align: middle;
}

/* _bottom vertical align */
.b-buttons-list.bottom > .b-buttons-list__data {
  vertical-align: bottom;
}

/* @end */
/* @group .b-toolbar__txt */
.b-buttons-list .b-toolbar__txt {
  margin-right: 6px;
  color: #777;
}

.b-buttons-list_extraMargin .b-toolbar__txt {
  margin-right: 10px;
}

.b-buttons-list .b-toolbar__txt_extraMargin_left {
  margin-left: 4px;
}

.b-buttons-list .b-toolbar__txt_head {
  margin-left: 4px;
  margin-right: 15px;
}

.l-layout__cell_sidebar .b-buttons-list .b-toolbar__txt_head {
  margin-left: 11px;
}

.b-buttons-list .b-toolbar__txt:last-child {
  margin-right: 0;
}

.b-buttons-list .b-button + .b-toolbar__txt {
  margin-left: 4px;
}

/* _right horizontal align */
.b-buttons-list.right .b-toolbar__txt {
  margin-right: 0;
  margin-left: 6px;
}

.b-buttons-list.right .b-toolbar__txt:first-child {
  margin-right: 0;
  margin-left: 0;
}

/* @end */
/* @group b-toolbar_flex-content */
.b-buttons-list > .b-toolbar_flex-content {
  margin-right: 6px;
}

.b-buttons-list > .b-toolbar_flex-content:last-child {
  margin-right: 0;
}

/* @end */
/* b-tabbar_pills */
.b-toolbar.b-buttons-list .b-tabbar_pills,
.b-buttons-list .b-tabbar_pills {
  margin-right: 6px;
  vertical-align: top;
}

.b-toolbar.b-buttons-list .b-tabbar_pills:last-child,
.b-buttons-list .b-tabbar_pills:last-child {
  margin-right: 0;
}

/* @group RTL */
.g-rtl .b-buttons-list {
  text-align: right;
}

/* _right horizontal align */
.g-rtl .b-buttons-list.right {
  text-align: left;
}

/* .b-toolbar__txt */
.g-rtl .b-buttons-list .b-toolbar__txt {
  display: inline-block;
  margin-right: 0;
  margin-left: 6px;
}

.g-rtl .b-buttons-list_extraMargin .b-toolbar__txt {
  margin-left: 10px;
}

.g-rtl .b-buttons-list .b-toolbar__txt_extraMargin_left {
  margin-right: 4px;
}

.g-rtl .b-buttons-list .b-toolbar__txt_head {
  margin-right: 4px;
  margin-left: 15px;
}

.g-rtl .l-layout__cell_sidebar .b-buttons-list .b-toolbar__txt_head {
  margin-right: 11px;
}

.g-rtl .b-buttons-list .b-toolbar__txt:last-child {
  margin-left: 0;
}

.g-rtl .b-buttons-list .b-button + .b-toolbar__txt {
  margin-right: 4px;
}

/* _right horizontal align */
.g-rtl .b-buttons-list.right .b-toolbar__txt {
  margin-left: 0;
  margin-right: 6px;
}

.g-rtl .b-buttons-list.right .b-toolbar__txt:first-child {
  margin-right: 0;
  margin-left: 0;
}

/* b-toolbar_flex-content */
.g-rtl .b-buttons-list > .b-toolbar_flex-content {
  margin-right: 0;
  margin-left: 6px;
}

.g-rtl .b-buttons-list > .b-toolbar_flex-content:last-child {
  margin-right: 0;
  margin-left: 0;
}

/* b-tabbar_pills */
.g-rtl .b-toolbar.b-buttons-list .b-tabbar_pills,
.g-rtl .b-buttons-list .b-tabbar_pills {
  margin-right: 0;
  margin-left: 6px;
}

.g-rtl .b-toolbar.b-buttons-list .b-tabbar_pills:last-child,
.g-rtl .b-buttons-list .b-tabbar_pills:last-child {
  margin-left: 0;
}

/* @end */
/* @group Buttons list > .b-button */
/* default buttons horizontal align is left */
.b-buttons-list .b-buttons-list__item-holder .b-button:last-child,
.b-buttons-list .b-button {
  margin-right: 6px;
  vertical-align: top;
}

.b-buttons-list .b-buttons-list__item-holder:last-child .b-button:last-child,
.b-buttons-list .b-button:last-child {
  margin-right: 0;
}

/* _right horizontal align */
.b-buttons-list.right .b-buttons-list__item-holder .b-button:first-child,
.b-buttons-list.right .b-button {
  margin-right: 0;
  margin-left: 6px;
}

.b-buttons-list.right .b-buttons-list__item-holder:first-child .b-button:first-child,
.b-buttons-list.right .b-button:first-child {
  margin-left: 0;
}

.b-buttons-list.right .b-button_center:first-child,
.b-buttons-list.right .b-button_center:last-child,
.b-buttons-list.right .b-button_center,
.b-buttons-list .b-button_center {
  display: block;
  margin: auto;
}

/* _vertical */
.b-buttons-list_vertical .b-button {
  position: relative;
  left: 1px;
  margin: 2px 0 0 0;
}

.b-button_marginStart {
  margin-left: 6px;
}

.b-buttons-list .b-button_margin_collapse {
  margin-right: 0;
}

.b-buttons-list .b-button_margin_collapse:not(:first-child) {
  margin-left: -6px;
}

/* @end */
/* @group RTL */
/* default buttons horizontal align is left */
.g-rtl .b-buttons-list .b-buttons-list__item-holder .b-button:last-child,
.g-rtl .b-buttons-list .b-button {
  margin-right: 0;
  margin-left: 6px;
}

.g-rtl .b-buttons-list .b-buttons-list__item-holder:last-child .b-button:last-child,
.g-rtl .b-buttons-list .b-button:last-child {
  margin-left: 0;
}

/* _right horizontal align */
.g-rtl .b-buttons-list.right .b-buttons-list__item-holder .b-button:first-child,
.g-rtl .b-buttons-list.right .b-button {
  margin-right: 6px;
  margin-left: 0px;
}

.g-rtl .b-buttons-list.right .b-buttons-list__item-holder:first-child .b-button:first-child,
.g-rtl .b-buttons-list.right .b-button:first-child {
  margin-right: 0;
}

/* _vertical */
.g-rtl .b-buttons-list_vertical .b-button {
  left: -1px;
}

.g-rtl .b-buttons-list .b-button_marginStart,
.g-rtl .b-button_marginStart {
  margin-right: 6px;
}

.g-rtl .b-buttons-list .b-button_margin_collapse {
  margin-left: 0;
}

.g-rtl .b-buttons-list .b-button_margin_collapse:not(:first-child) {
  margin-right: -6px;
}

/* @end */
.b-buttons-list > .g-rtl__cancel {
  vertical-align: top;
}

/* @group Buttons list > .b-button */
/* default buttons horizontal align is left */
.b-buttons-list .b-buttons-list__item-holder .b-text-field:last-child,
.b-buttons-list .b-buttons-list__item-holder .b-text-field_advanced:last-child,
.b-buttons-list .b-text-field,
.b-buttons-list .b-text-field_advanced {
  margin-right: 6px;
  vertical-align: top;
}

.b-buttons-list .b-buttons-list__item-holder:last-child .b-text-field:last-child,
.b-buttons-list .b-buttons-list__item-holder:last-child .b-text-field_advanced:last-child,
.b-buttons-list .b-text-field_advanced .b-text-field,
.b-buttons-list .b-text-field:last-child,
.b-buttons-list .b-text-field_advanced:last-child {
  margin-right: 0;
}

/* _right horizontal align */
.b-buttons-list.right .b-text-field,
.b-buttons-list.right .b-text-field_advanced {
  margin-right: 0;
  margin-left: 6px;
}

/* _vertical */
.b-buttons-list_vertical .b-text-field,
.b-buttons-list_vertical .b-text-field_advanced {
  position: relative;
  left: 1px;
  margin: 2px 0 0 0;
}

/* @end */
/* @group RTL */
/* default buttons horizontal align is left */
.g-rtl .b-buttons-list .b-buttons-list__item-holder .b-text-field:last-child,
.g-rtl .b-buttons-list .b-buttons-list__item-holder .b-text-field_advanced:last-child,
.g-rtl .b-buttons-list .b-text-field,
.g-rtl .b-buttons-list .b-text-field_advanced {
  margin-right: 0;
  margin-left: 6px;
}

.g-rtl .b-buttons-list .b-buttons-list__item-holder:last-child .b-text-field:last-child,
.g-rtl .b-buttons-list .b-buttons-list__item-holder:last-child .b-text-field_advanced:last-child,
.g-rtl .b-buttons-list .b-text-field_advanced .b-text-field,
.g-rtl .b-buttons-list .b-text-field:last-child,
.g-rtl .b-buttons-list .b-text-field_advanced:last-child {
  margin-left: 0;
}

/* _right horizontal align */
.g-rtl .b-buttons-list.right .b-text-field,
.g-rtl .b-buttons-list.right .b-text-field_advanced {
  margin-right: 6px;
  margin-left: 0px;
}

/* _vertical */
.g-rtl .b-buttons-list_vertical .b-text-field,
.g-rtl .b-buttons-list_vertical .b-text-field_advanced {
  left: -1px;
}

/* @end */
/* @group Buttons list > .b-link */
/* default buttons horizontal align is left */
.b-buttons-list .b-link {
  display: inline-block;
  margin-top: 5px;
  margin-right: 6px;
  vertical-align: top;
  font-size: 12px;
}

.b-buttons-list_extraMargin .b-link {
  margin-right: 10px;
}

.b-buttons-list .b-link:last-child {
  margin-right: 0;
}

.b-buttons-list .b-toolbar__txt .b-link {
  margin-top: 0;
}

/* @end */
/* @group RTL */
/* default buttons horizontal align is left */
.g-rtl .b-buttons-list .b-link {
  margin-right: 0;
  margin-left: 6px;
}

.g-rtl .b-buttons-list_extraMargin .b-link {
  margin-left: 10px;
}

.g-rtl .b-buttons-list .b-link:last-child {
  margin-left: 0;
}

/* @end */
/* @group Buttons list > .b-avatar */
/* default buttons horizontal align is left */
.b-buttons-list .b-avatar {
  margin-right: 6px;
}

.b-buttons-list .b-avatar:last-child {
  margin-right: 0;
}

.b-buttons-list_avatars {
  line-height: 18px;
}

.b-buttons-list_avatars .b-avatar {
  margin-top: -3px;
  margin-bottom: -4px;
}

/* @end */
/* @group RTL */
/* default buttons horizontal align is left */
.g-rtl .b-buttons-list .b-avatar {
  margin-right: 0;
  margin-left: 6px;
}

.g-rtl .b-buttons-list .b-avatar:last-child {
  margin-left: 0;
}

/* @end */
/* @group Buttons list > .b-icon */
/* default buttons horizontal align is left */
.b-buttons-list .b-icon_margin,
.b-buttons-list > .b-icon {
  margin-right: 6px;
}

.b-buttons-list .b-icon_margin {
  vertical-align: top;
  margin-top: 4px;
  margin-right: 7px;
}

.b-buttons-list .b-icon_margin:last-child,
.b-buttons-list > .b-icon:last-child {
  margin-right: 0;
}

/* @end */
/* @group RTL */
/* default buttons horizontal align is left */
.g-rtl .b-buttons-list .b-icon_margin,
.g-rtl .b-buttons-list > .b-icon {
  margin-right: 0;
  margin-left: 6px;
}

.g-rtl .b-buttons-list .b-icon_margin:last-child,
.g-rtl .b-buttons-list > .b-icon:last-child {
  margin-left: 0;
}

/* @end */
/* @group Buttons List > _group */
.b-buttons-list .b-buttons-list__item-holder .b-buttons-list__group:last-child,
.b-buttons-list__group {
  margin: 0;
  margin-right: 6px;
  display: inline-block;
  vertical-align: top;
}

.b-buttons-list .b-buttons-list__item-holder:last-child .b-buttons-list__group:last-child,
.b-buttons-list__group:last-child {
  margin-right: 0;
}

.b-buttons-list__group > .b-text-field_advanced,
.b-buttons-list__group > .b-text-field,
.b-buttons-list__group > .b-button {
  border-width: 1px;
  margin-right: 0;
  /*border-left-width: 0;*/
  margin-left: -1px;
  /* new */
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  vertical-align: top;
}

.b-buttons-list .b-buttons-list__item-holder .b-buttons-list__group > .b-button {
  margin-right: 0;
}

.b-buttons-list__group > .b-text-field_advanced:first-child,
.b-buttons-list__group > .b-text-field:first-child,
.b-buttons-list__group > .b-button:first-child {
  /*border-left-width: 1px;*/
  margin-left: 0;
  /* new */
  -webkit-border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.b-buttons-list__group > .b-text-field_advanced:last-child,
.b-buttons-list__group > .b-text-field:last-child,
.b-buttons-list__group > .b-button:last-child {
  -webkit-border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.b-buttons-list__group > .b-button:hover {
  /* new */
  position: relative;
  z-index: 1;
}

/* @end */
/* @group RTL */
.g-rtl .b-buttons-list .b-buttons-list__item-holder .b-buttons-list__group:last-child,
.g-rtl .b-buttons-list__group {
  margin-right: 0;
  margin-left: 6px;
}

.g-rtl .b-buttons-list .b-buttons-list__item-holder:last-child .b-buttons-list__group:last-child,
.g-rtl .b-buttons-list__group:last-child {
  margin-left: 0;
}

.g-rtl .b-buttons-list__group > .b-text-field_advanced,
.g-rtl .b-buttons-list__group > .b-text-field,
.g-rtl .b-buttons-list__group > .b-button {
  margin-left: 0;
  margin-right: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.g-rtl .b-buttons-list .b-buttons-list__item-holder .b-buttons-list__group > .b-button {
  margin-left: 0;
  margin-right: -1px;
}

.g-rtl .b-buttons-list__group > .b-text-field_advanced:first-child,
.g-rtl .b-buttons-list__group > .b-text-field:first-child,
.g-rtl .b-buttons-list__group > .b-button:first-child {
  margin-right: 0;
  -webkit-border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.g-rtl .b-buttons-list__group > .b-text-field_advanced:last-child,
.g-rtl .b-buttons-list__group > .b-text-field:last-child,
.g-rtl .b-buttons-list__group > .b-button:last-child {
  -webkit-border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

/* @end */
/* @group Buttons List > _separate-group */
.b-buttons-list__separate-group {
  display: inline-block;
  white-space: nowrap;
}

/* _line */
.b-buttons-list__separate-group_line {
  vertical-align: top;
  margin-top: 7px;
}

.b-buttons-list__separate-group_line:first-child {
  margin-top: 0;
}

/* @end */
/* @group Checkbox */
.b-checkbox {
  display: inline-block;
  position: relative;
  padding: 0 0 0 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.b-topic__itemOver_fields .b-checkbox {
  padding: 4px 6px 3px 26px;
}

.b-checkbox.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/* input */
.b-checkbox input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 2px;
  margin: 0;
  opacity: 0;
  z-index: 1;
}

.b-checkbox .b-checkbox__pseudo {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  left: 0;
  top: 2px;
  border: 1px solid #ccc;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: border-color 0.2s, background 0.2s;
  -webkit-transition: border-color 0.2s, background 0.2s;
  -o-transition: border-color 0.2s, background 0.2s;
  transition: border-color 0.2s, background 0.2s;
  cursor: default;
}

.b-topic__itemOver_fields .b-checkbox .b-checkbox__pseudo {
  left: 6px;
  top: 6px;
}

.b-checkbox:hover .b-checkbox__pseudo {
  border-color: #bbb;
}

.b-checkbox:active .b-checkbox__pseudo {
  background: #fafafa;
}

.b-checkbox input[type="checkbox"]:disabled ~ .b-checkbox__pseudo {
  opacity: 0.5;
}

.b-checkbox .b-checkbox__pseudo:before {
  color: transparent;
  display: block;
  font-size: 12px;
  width: 12px;
  min-width: 0;
  line-height: 12px;
  font-weight: 900;
  text-align: center;
}

.b-checkbox input[type="checkbox"]:checked ~ .b-checkbox__pseudo:before {
  color: #333;
}

/* b-checkbox_collapsedSingle */
.b-checkbox_collapsedSingle {
  width: 14px;
  height: 14px;
  padding: 0;
  top: 2px;
}

.b-checkbox_collapsedSingle input[type="checkbox"],
.b-checkbox_collapsedSingle .b-checkbox__pseudo {
  top: 0;
  left: 0;
}

/* @end */
/* @group RTL */
/* input */
.g-rtl .b-checkbox input[type="checkbox"] {
  left: auto;
  right: 0;
}

.g-rtl .b-checkbox .b-checkbox__pseudo {
  left: 0;
  right: 0;
}

.g-rtl .b-topic__itemOver_fields .b-checkbox .b-checkbox__pseudo {
  right: 6px;
}

/* label */
.g-rtl .b-checkbox {
  padding: 0 20px 0 0;
}

.g-rtl .b-topic__itemOver_fields .b-checkbox {
  padding: 4px 26px 3px 6px;
}

.g-rtl .b-checkbox_collapsedSingle {
  padding: 0;
}

.g-rtl .b-checkbox_collapsedSingle input[type="checkbox"],
.g-rtl .b-checkbox_collapsedSingle .b-checkbox__pseudo {
  right: 0;
}

/* @end */
/* @group Custom style */
/* input */
/*.ie .b-checkbox input[type="checkbox"] {
	left: -3px;
	top: -1px;
	}*/
/* @end */
/* @group Color Panel */
.b-colorpanel {
  display: inline-block;
  padding: 0 0 2px;
  padding: 3px 0 3px;
  background: #fff;
  border: 1px solid #aaa;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* title */
.b-colorpanel__ttl {
  font-size: 13px;
  font-weight: bold;
  margin: 3px;
  padding: 0 0 0 8px;
  line-height: 21px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #eee;
  color: #002c6e;
}

/* colors table */
.b-colorpanel__table {
  table-layout: fixed;
  margin: 0 2px;
}

/* cell */
.b-colorpanel__cell {
  padding: 0;
  width: 12px;
  height: 12px;
  line-height: 12px;
  border: 1px solid #ccc;
  cursor: pointer;
}

/* _defaults colors */
.b-colorpanel__table.default-colors {
  margin-bottom: 3px;
}

/* @end */
/* @group RTL */
/* title */
.g-rtl .b-colorpanel__ttl {
  padding: 0 8px 0 0;
}

/* @end */
.jcrop-holder {
  text-align: left;
}

.jcrop-vline, .jcrop-hline {
  font-size: 0px;
  position: absolute;
  background: white url(images/gif/jcrop.gif) top left repeat;
}

.jcrop-vline {
  height: 100%;
  width: 1px !important;
}

.jcrop-hline {
  width: 100%;
  height: 1px !important;
}

.jcrop-vline.right {
  right: 0px;
}

.jcrop-hline.bottom {
  bottom: 0px;
}

.jcrop-handle {
  font-size: 1px;
  border: 1px #eee solid;
  background-color: #333;
}

.jcrop-tracker {
  width: 100%;
  height: 100%;
}

.custom .jcrop-vline,
.custom .jcrop-hline {
  background: yellow;
}

.custom .jcrop-handle {
  border-color: black;
  background-color: #C7BB00;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.cropWrapper {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* @group Datepicker */
.b-datepicker {
  display: inline-block;
  width: 178px;
  background: #fff;
  border: 1px solid #aaa;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* detapicker table */
.b-datepicker__table {
  margin: 0 4px;
  border-collapse: separate;
}

/* row */
/* cell */
.b-datepicker__cell {
  padding: 0;
  width: 22px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  line-height: normal;
  background: #dcebf7;
  /*
  border: 1px solid #fff;
  */
}

/* _current */
.b-datepicker__cell.current {
  background: transparent;
  border-color: #ffa415 !important;
}

/* _selected */
.b-datepicker__cell.selected {
  background-color: #e6f7dc;
}

/* _disabled */
.b-datepicker__cell.disabled {
  font-weight: normal !important;
  background-color: #FAFAFA !important;
  color: #a0a5a8 !important;
  cursor: default !important;
}

/* head */
.b-datepicker__head .b-datepicker__cell {
  background: transparent;
  border-left: 1px solid #dcebf7;
}

/* _first cell */
.b-datepicker__head .b-datepicker__cell:first-child {
  border-color: #fff !important;
}

/* body */
/* cell */
.b-datepicker__body .b-datepicker__cell {
  border: 1px solid #fff;
}

/* _hover */
.b-datepicker__body .b-datepicker__cell:hover {
  font-weight: bold;
  background-color: #1b60aa;
  color: #fff;
  cursor: pointer;
}

/* period */
.b-datepicker__period {
  padding: 5px;
  text-align: justify;
}

.b-datepicker__period > .month {
  width: 100px;
}

.b-datepicker__period > .year {
  width: 60px;
  vertical-align: top;
  /* because of webkit */
}

.b-datepicker__period > .year > .b-text-field {
  width: 60px;
}

/* navigation */
.b-datepicker .navigation {
  padding: 5px 5px 4px;
  direction: ltr;
  text-align: center;
}

.b-datepicker .previous,
.b-datepicker .next {
  position: relative;
}

/*.b-datepicker .previous:after,
.b-datepicker .next:after {
	content: '';
	display: block;
	
	width: 0;
	height: 0;
	
	position: absolute;
	top: 2px;
	left: 5px;
	
	border: 6px solid transparent;
	border-left-width: 8px;
	border-right-width: 0;
	border-left-color: #666;
	}
.b-datepicker .previous:after {
	left: auto;
	right: 5px;
	
	border: 6px solid transparent;
	border-left-width: 0;
	border-right-width: 8px;
	border-left-color: transparent;
	border-right-color: #666;
	}*/
/* @end */
/* @group RTL */
/* head */
.g-rtl .b-datepicker__head .b-datepicker__cell {
  border-left: 0;
  border-right: 1px solid #dcebf7;
}

/* @end */
/* @group Dialog */
.b-dialog {
    /*
	display: none;
	*/
  position: absolute;
  left: 20%;
  top: 10%;
  width: 800px;
  /*
  height: 450px;
  */
  border: 1px solid #bbb;
  background: #fff;
  -webkit-box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 4px 4px 3px 3px;
  -moz-border-radius: 4px 4px 3px 3px;
  border-radius: 4px 4px 3px 3px;
}

/* title */
.b-dialog__ttl {
  position: relative;
  padding: 0 8px;
  margin: -1px -1px 0 -1px;
  border: 1px solid #bbb;
  border-bottom-color: #eaeaea;
  background: #f5f5f5;
  cursor: move;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.b-dialog__ttl_noMouseMove {
  cursor: default;
}

.b-dialog__ttl:after {
  position: absolute;
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.b-dialog__ttl-txt {
  font-size: 18px;
  position: relative;
  display: block;
  float: none;
  overflow: hidden;
  line-height: 34px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #555555;
}

.b-dialog__ttl-txt:after {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  height: 26px;
  width: 50px;
  clear: both;
  content: " ";
  /*background: url(img/title-fade.png);*/
}

/* dialog content area */
.b-dialog__content {
  border-bottom: 1px solid #f5f5f5;
  position: relative;
  min-width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.b-dialog__content:last-child {
  border-bottom: 0;
}

.b-dialog__content + .b-toolbar {
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  background: #fff;
  border-top-color: #eeeeee;
}

/*
_phantom
*/
.b-dialog_phantom {
  background: url(img/phantom-bg.png);
  background: rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0;
  color: #FFF;
  padding: 5px;
  white-space: nowrap;
  border: 1px solid transparent;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*
bottom toolbar
*/
.b-dialog__content .b-toolbar:last-child {
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}

/*
attachments grid
*/
.b-dialog__content .attachments-grid {
  overflow: auto;
  position: absolute;
  bottom: 0;
  top: 39px;
  left: 0;
  right: 0;
}

/* counter */
.b-dialog__counterTitle {
  font-size: 16px;
  text-align: center;
  padding: 10px;
}

/* @end */
/* @group RTL */
.bulk-invite-email-errors {
  color: #F25509;
}

.bulk-invite-email-success {
  color: #1BB700;
}

.bulk-invite-email-text-holder {
  overflow: auto;
  max-height: 180px;
}

/* @end */
/* @group RTL */
.g-rtl .b-dialog__ttl-txt:after {
  right: auto;
  left: 0;
}

/* @end */
/* @group Dialog > .b-toolbox */
/* toolbox */
.b-dialog .b-toolbox {
  float: right;
  margin: 5px 0 0 10px;
}

/* @end */
/* @group RTL */
/* toolbox */
.g-rtl .b-dialog .b-toolbox {
  float: left;
  margin: 5px 10px 0 0;
}

/* @end */
/* @group Dialog > __actions */
.b-dialog__actions {
  padding: 7px;
  border-top: 1px solid #bbb;
}

/* @end */
/* @group Dialog > __layouts */
/* Insert Link Layout */
.b-dialog .insert-link-layout:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* tabbar */
.b-dialog .insert-link-layout__tabs {
  height: 359px;
  /* optional */
  width: 70px;
  float: left;
}

.b-dialog .insert-link-layout__tabs > .b-tabbar {
  width: auto;
}

/* data */
.b-dialog .insert-link-layout__data {
  margin-left: 80px;
  padding: 10px 10px 10px 0;
}

.b-dialog .insert-link-layout__data .b-forms__cell.label {
  padding-left: 13px;
}

.b-dialog .insert-link-layout .b-forms__cell .b-text-field_combo {
  vertical-align: top;
}

.b-dialog .insert-link-layout .item-title {
  vertical-align: top;
}

.b-dialog .insert-link-layout .spaces {
  width: 120px;
}

.b-dialog .insert-link-layout .types {
  width: 120px;
}

.b-dialog .insert-link-layout .autocompliter {
  display: inline;
  vertical-align: top;
}

.b-dialog .insert-link-layout .item-search-result {
  padding-bottom: 15px;
}

/* default Data content Layout */
.b-dialog .default-data-layout {
  overflow: auto;
  padding: 10px;
  border-bottom: 1px solid #eaeaea;
}

.b-dialog .default-data-layout:last-child {
  border-bottom: 0;
}

.b-dialog .default-data-layout__row {
  overflow: hidden;
}

.b-dialog .default-data-layout__column {
  float: left;
  width: 50%;
}

.b-dialog .default-data-layout__row_three-columns .default-data-layout__column {
  width: 33%;
}

.b-dialog .default-data-layout .default-data-layout__no-padding {
  margin: -10px;
}

/* @end */
/* @group RTL */
/* tabbar */
.g-rtl .b-dialog .insert-link-layout__tabs {
  float: right;
}

/* data */
.g-rtl .b-dialog .insert-link-layout__data {
  margin-left: 0;
  margin-right: 80px;
  padding: 10px 0 10px 10px;
}

.g-rtl .b-dialog .insert-link-layout__data .b-forms__cell.label {
  padding-left: 0;
  padding-right: 13px;
}

/* default Data content Layout */
.g-rtl .b-dialog .default-data-layout__column {
  float: right;
}

/* @end */
/* @group Forms */
	/*.b-forms-over {
		height: 100%;
		position: relative;
		}

	.b-forms-over > .b-toolbar_settings_top {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		}

	.b-forms-over > .b-toolbar_settings_bottom {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		}

	.b-forms-over > .b-forms-case {
		overflow: auto;
		position: absolute;
		top: 39px;
		left: 0;
		right: 0;
		bottom: 39px;
		}*/
.b-forms {
  font-size: 12px;
  margin: 15px;
  max-width: 1000px;
}

.b-forms_wide {
  max-width: initial;
}

.b-forms_marginBottom {
  margin-bottom: 50px;
}

.b-forms_tiles {
  max-width: 1260px;
}

.l-layout__item > .b-forms {
  margin: 0;
  padding: 0 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #eaeaea;
}

.l-layout__item > .b-forms_item-edit {
  margin: 0;
  padding: 0;
}

/* content */
.b-forms h1 {
  font-size: 22px;
  font-weight: normal;
}

.b-forms h2 {
  font-size: 18px;
  font-weight: normal;
  margin-top: 30px;
  margin-bottom: 20px;
  color: #555;
}

.b-forms h1 + h2 {
  margin-top: 1.6em;
}

.b-forms__headerWrapper {
  margin: 18px 0;
}

.b-forms__headerWrapper__more {
  margin-left: 20px;
  vertical-align: text-bottom;
}

.b-forms__headerWrapper__more.b-buttons-list {
  display: inline-block;
  margin-top: -3px;
  margin-bottom: -3px;
  margin-left: 26px;
}

.b-forms__headerWrapper h1 {
  display: inline;
}

/* radio and checkbox list */
.b-forms__radio-list,
.b-forms__checkbox-list {
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
}

.b-forms__radio-list:first-child,
.b-forms__checkbox-list:first-child {
  margin-top: 0;
}

.b-forms__radio-list > .item,
.b-forms__checkbox-list > .item {
  margin-top: 12px;
}

.b-forms__radio-list > .item:first-child,
.b-forms__checkbox-list > .item:first-child {
  margin-top: 0;
}

.b-forms dl {
  line-height: 18px;
}

.b-forms dd {
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: 15px;
}

.b-forms code {
  padding: 2px 4px 3px;
  border: 1px solid #eee;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #007384;
}

/* __bottomBar */
.b-forms > .b-buttons-list,
.b-forms__bottomBar.b-buttons-list,
.b-forms__bottomBar .b-buttons-list {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px dotted #ddd;
}

.b-forms > .b-buttons-list:last-child,
.b-forms__bottomBar.b-buttons-list:last-child,
.b-forms__bottomBar .b-buttons-list:last-child {
  margin-bottom: 30px;
}

/* collapsible content */
.b-forms__collapsibleContent_offset {
  margin-left: 20px;
  margin-bottom: 15px;
}

/* @end */
/* b-related-list */
.b-related-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.b-related-list li {
  margin: 3px 0;
}

.b-related-list .b-icon:first-child {
  margin-right: 6px;
}

/* @group RTL */
.g-rtl .b-forms__headerWrapper__more {
  margin-left: 0;
  margin-right: 20px;
}

.g-rtl .b-forms__headerWrapper__more.b-buttons-list {
  margin-right: 26px;
}

.g-rtl .b-forms dd {
  margin-left: 0;
  margin-right: 15px;
}

.g-rtl .b-forms__collapsibleContent_offset {
  margin-left: 0;
  margin-right: 20px;
}

/* b-related-list */
.g-rtl .b-related-list .b-icon:first-child {
  margin-right: 0;
  margin-left: 6px;
}

/* @end */
/* @group Forms > __table */
.b-forms__table {
  width: 100%;
  display: table;
  border-collapse: collapse;
}

/* table fixed */
.b-forms__table_fixed {
  table-layout: fixed;
}

/* table inside table */
.b-forms__table .b-forms__cell > table {
  border-collapse: collapse;
}

.b-forms__table .b-forms__cell > table.b-forms__table_noborder .b-forms__cell:first-child {
  padding-left: 0;
}

/* row */
.b-forms__row {
  display: table-row;
}

/* cell */
.b-forms__cell {
  display: table-cell;
  padding: 12px 9px;
  vertical-align: top;
}

/* _noborder */
.b-forms__table_noborder .b-forms__cell {
  border-top: none;
}

/* descriptions */
.b-forms__cell .desc {
  font-size: 12px;
  /*
  display: block; because it can me inline element
  */
  margin: 8px 0 0;
  color: #777;
}

.b-forms__cell .desc:first-child {
  margin-top: 0;
  /*color: #444; rem because of inline description view */
}

/*
_label
*/
.b-forms__cell .desc_label {
  color: #444;
}

.b-forms__cell .desc .b-button {
  color: #333;
}

/*
table after description
*/
.b-forms__cell .desc + table {
  margin-top: 1em;
}

/*
p_semimargin after description
*/
.b-forms__cell .desc + .p_semimargin {
  margin-top: 1em;
}

/* checkbox cell */
.b-forms__cell_checkbox {
  width: 20px;
  padding-right: 0;
}

.b-forms__cell_checkbox + .b-forms__cell {
  padding-left: 4px;
}

/* _label cell */
.b-forms__cell.label {
  width: 145px;
  padding-right: 10px;
  padding-left: 8px;
  font-weight: bold;
  color: #444;
}

.l-layout__content .b-forms__cell .b-forms__cell.label,
.l-layout__content .b-forms__cell .b-forms__cell:first-child,
.l-layout__content .b-forms .b-forms__cell.label,
.l-layout__content .b-forms .b-forms__cell:first-child {
  padding-left: 0;
}

/* required */
.b-forms__cell.required:after {
  content: '*';
  margin-left: 4px;
  font-size: 15px;
  line-height: 16px;
  color: #F00;
}

.b-forms__table_ticket .b-forms__cell.required:after {
  margin-left: 2px;
  font-size: 14px;
  color: rgba(216, 0, 0, 0.6);
}

/* cell icon */
.b-forms__cell .cell-icon .cell-icon__icon {
  float: left;
  width: 16px;
  height: 16px;
  vertical-align: top;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../b-forms__cell-icon_lamp.png);
}

.b-forms__cell .cell-icon .cell-icon__label {
  overflow: hidden;
  margin-left: 24px;
}

/* b-forms__group */
.b-forms__group {
  padding: 8px 0;
  border-top: 1px dotted #eee;
}

.b-forms__group_noDivider {
  border-top: 0;
}

.b-forms__group:first-child {
  padding-top: 0;
  border-top: 0;
}

.b-forms__group:last-child {
  padding-bottom: 0;
}

.b-forms__group__sidebar {
  float: right;
}

.b-forms__group__txt {
  margin-right: 6px;
}

.b-forms__group .b-buttons-list__group {
  vertical-align: middle;
}

.b-forms__group:after {
  content: '.';
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  font-size: 0;
  line-height: 0;
}

.b-forms__groupRow {
  margin: 8px 0;
}

.b-forms__groupRow:empty {
  display: none;
}

.b-forms__groupRow_collapsible {
  margin-right: 26px;
}

div:empty + .b-forms__groupRow,
.b-forms__group__sidebar + .b-forms__groupRow,
.b-forms__groupRow:first-child {
  margin-top: 0;
}

.b-forms__groupRow_last,
.b-forms__groupRow:last-child {
  margin-bottom: 0;
}

/* table ticket */
.b-forms__table_ticket {
  width: auto;
  max-width: 100%;
  margin: 2px 0 3px;
}

.b-forms__table_ticket:empty {
  display: none;
}

.b-topic_ticketView .b-forms__table_ticket {
  margin: 0;
}

.b-forms__table_ticket .b-forms__cell {
  padding-top: 3px;
  padding-bottom: 2px;
}

.b-forms__table_ticket .b-forms__cell.label {
  width: auto;
  max-width: 150px;
  padding-top: 7px;
  color: #999;
  word-wrap: break-word;
  font-weight: normal;
}

.b-forms__table_ticket .b-forms__cell:first-child {
  padding-left: 0;
}

.b-forms__table_ticket .b-forms__cell:last-child {
  padding-right: 0;
}

/* disabled value input imitation */
.b-forms__table_ticket .b-forms__cell .disabled-value {
  padding: 4px 5px 0 6px;
  color: #000;
}

.b-forms__table_ticket .b-forms__cell .disabled-value:empty {
  display: none;
}

/* ticket add */
.components-tickets-add .b-forms__table_ticket {
  display: block;
  width: 100%;
}

.components-tickets-add .b-forms__table_ticket tbody {
  display: block;
}

.components-tickets-add .b-forms__table_ticket .b-forms__row {
  display: block;
}

.components-tickets-add .b-forms__table_ticket .b-forms__cell {
  display: block;
  width: auto;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.components-tickets-add .b-forms__table_ticket .b-forms__cell.label {
  padding-top: 3px;
  padding-bottom: 0;
}

/* table fields view */
.b-forms__table_ticketFieldsView {
  width: auto;
  max-width: 100%;
  margin: 0;
}

.b-forms__table_ticketFieldsView .b-forms__cell {
  padding: 3px 0 2px 0;
}

.b-forms__table_ticketFieldsView .b-forms__cell.label {
  width: auto;
  max-width: 150px;
  padding-right: 10px;
  color: #999;
  word-wrap: break-word;
  font-weight: normal;
}

/*
_title row
*/
/* cell */
.b-forms__row_title > .b-forms__cell.label {
  padding-left: 8px;
}

        /*
		_hideLabelCell
		*/
.b-forms__row_hideLabelCell > .b-forms__cell.label {
  display: none;
}

.b-forms__table_ticket .b-forms__row_hideLabelCell > .b-forms__cell.label:first-child + .b-forms__cell {
  padding-left: 0;
}

/*
_no-border-top
*/
.b-forms__row_no-border-top > .b-forms__cell {
  border-top: 0;
}

/*
_combo
*/
.b-forms__cell .b-text-field_combo {
  /*vertical-align: middle;*/
}

/*
_h and p
*/
.b-forms__cell h2 {
  font-weight: normal;
}

.b-forms__cell > p:first-child,
.b-forms__cell > h1:first-child,
.b-forms__cell > h2:first-child,
.b-forms__cell > h3:first-child {
  margin-top: 0;
}

.b-forms__cell > p:last-child,
.b-forms__cell > h1:last-child,
.b-forms__cell > h2:last-child,
.b-forms__cell > h3:last-child {
  margin-bottom: 0;
}

.h3_feature-name .b-label {
  margin-left: 10px;
}

.h3_feature-name .b-label_text {
  float: right;
}

/*
_combo
*/
.b-forms__cell > .b-wysiwyg,
.b-forms__cell > .b-buttons-list__item-holder .b-button,
.b-forms__cell > .b-buttons-list__item-holder .b-text-field_advanced,
.b-forms__cell > .b-buttons-list__item-holder > .b-text-field,
.b-forms__cell > .b-buttons-list__item-holder > .b-text-field_combo,
.b-forms__cell > .b-buttons-list__item-holder > .b-text-field_spin,
.b-forms__cell > .b-forms__group:first-child > .b-buttons-list__item-holder .b-button,
.b-forms__cell > .b-forms__group:first-child > .b-buttons-list__item-holder .b-text-field_advanced,
.b-forms__cell > .b-forms__group:first-child > .b-buttons-list__item-holder > .b-text-field,
.b-forms__cell > .b-forms__group:first-child > .b-buttons-list__item-holder > .b-text-field_combo,
.b-forms__cell > .b-forms__group:first-child > .b-buttons-list__item-holder > .b-text-field_spin,
.b-forms__cell > .b-forms__group:first-child .b-button,
.b-forms__cell > .b-forms__group:first-child > .b-text-field_advanced,
.b-forms__cell > .b-forms__group:first-child > .b-text-field,
.b-forms__cell > .b-forms__group:first-child > .b-text-field_combo,
.b-forms__cell > .b-forms__group:first-child > .b-text-field_spin,
.b-forms__cell > .b-buttons-list,
.b-forms__cell > * > .b-text-field_combo,
.b-forms__cell > .b-text-field,
.b-forms__cell > .b-text-field_combo,
.b-forms__cell > .b-text-field_spin {
  margin-top: -4px;
  vertical-align: top;
}

.b-forms__informerHolder .b-informer {
  margin: 15px 0;
}

.b-forms__informerHolder:first-child .b-informer {
  margin-top: 0;
}

.b-forms__informerHolder:last-child .b-informer {
  margin-bottom: 0;
}

.b-forms__cell > .b-informer {
  margin: 10px 0px;
}

.b-forms__cell > .b-informer:first-child {
  margin-top: 0px;
}

.b-forms__cell > .b-informer:last-child {
  margin-bottom: 0px;
}

/*
input after informer
*/
.b-forms__cell > .b-informer + .b-text-field,
.b-forms__cell > .b-informer + .b-text-field_combo,
.b-forms__cell > .b-informer + .b-text-field_spin {
  margin-top: 0px;
}

/*
.b-forms__group inline b-text-field
*/
.b-forms__group > .b-text-field,
.b-forms__group > .b-text-field_combo,
.b-forms__group > .b-text-field_spin,
.b-forms__group > .b-forms__groupRow > .b-text-field,
.b-forms__group > .b-forms__groupRow > .b-text-field_combo,
.b-forms__group > .b-forms__groupRow > .b-text-field_spin {
  margin-right: 6px;
}

/*
.b-forms__group b-textarea
*/
.b-forms__cell .b-textarea {
  vertical-align: top;
}

/* b-forms__table_min */
.b-forms__table_min .b-forms__cell {
  padding-top: 6px;
  padding-bottom: 6px;
  border-top: none;
}

.b-forms__table_min .b-forms__cell .b-button {
  margin-top: -3px;
  margin-bottom: -3px;
  vertical-align: top;
}

/* _normalizePadding */
.b-forms__table_min_normalizeButtons .b-forms__cell .b-button {
  margin-top: initial;
  margin-bottom: initial;
  vertical-align: initial;
}

/* _normalizePadding */
.b-forms__table_min_normalizePadding {
  margin: 3px 0;
}

/* sadminAccount */
.b-forms__table_sadminAccountSubscription {
  border-top: 0;
  padding: 0;
}

.b-forms__cell_sadminAccountSubscription {
  width: 50%;
  border-top: 0;
  padding: 0 10px;
}

.b-forms__cell_sadminAccountSubscription:first-child {
  padding-left: 0;
}

.b-forms__cell_sadminAccountSubscription:last-child {
  padding-right: 0;
}

.b-forms__table_sadminAccountHeader .b-forms__cell {
  border-top: 0;
}

.b-forms__table_sadminAccountHeader .b-forms__cell:first-child {
  padding-left: 0;
}

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

.b-forms__cell_icon img {
  max-height: 70px;
}

.b-forms h1.b-sadminAccount__header {
  margin-bottom: 20px;
  font-size: 30px;
  line-height: 30px;
  color: #4b879a;
}

.b-sadminAccount__userItemsList {
  margin: 15px 0;
}

.b-sadminAccount__userItemsList:after {
  content: '.';
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  font-size: 0;
  line-height: 0;
}

.b-sadminAccount__userItem {
  width: 300px;
  float: left;
  padding: 0 15px 15px 0;
}

.b-sadminAccount__userItem .b-avatar {
  float: left;
}

.b-sadminAccount__userItem .b-avatar img {
  width: 50px;
}

.b-sadminAccount__userItem .b-topic__user-info {
  margin-left: 67px;
}

/* @end */
/* @group RTL */
/* _label cell */
.g-rtl .b-forms__cell.label {
  padding-left: 10px;
  padding-right: 8px;
}

.g-rtl .l-layout__content .b-forms__cell .b-forms__cell.label,
.g-rtl .l-layout__content .b-forms__cell .b-forms__cell:first-child,
.g-rtl .l-layout__content .b-forms .b-forms__cell.label,
.g-rtl .l-layout__content .b-forms .b-forms__cell:first-child {
  padding-left: 10px;
  padding-right: 0;
}

/* required */
.g-rtl .b-forms__cell.required:after {
  margin-left: 0;
  margin-right: 4px;
}

.g-rtl .b-forms__table_ticket .b-forms__cell.required:after {
  margin-right: 2px;
}

/* cell icon */
.g-rtl .b-forms__cell .cell-icon .cell-icon__icon {
  float: right;
}

.g-rtl .b-forms__cell .cell-icon .cell-icon__label {
  margin-left: 0;
  margin-right: 24px;
}

/* b-forms__group */
.g-rtl .b-forms__group__sidebar {
  float: left;
}

.g-rtl .b-forms__group__txt {
  margin-right: 0;
  margin-left: 6px;
}

.g-rtl .b-forms__groupRow_collapsible {
  margin-right: 0;
  margin-left: 26px;
}

.g-rtl .b-forms__table_ticketFieldsView .b-forms__cell.label {
  padding-right: 0;
  padding-left: 10px;
}

/* cell */
.g-rtl .b-forms__row_title > .b-forms__cell.label {
  padding-left: 0;
  padding-right: 8px;
}

.g-rtl .h3_feature-name .b-label {
  margin-left: 0;
  margin-right: 10px;
}

.g-rtl .h3_feature-name .b-label_text {
  float: left;
}

.g-rtl .b-forms__table .b-forms__cell > table.b-forms__table_noborder .b-forms__cell:first-child {
  padding-left: 9px;
  padding-right: 0;
}

/* checkbox cell */
.g-rtl .b-forms__cell_checkbox {
  padding-right: 9px;
  padding-left: 0;
}

.g-rtl .b-forms__cell_checkbox + .b-forms__cell {
  padding-left: 9px;
  padding-right: 4px;
}

/*
.b-forms__group inline b-text-field
*/
.g-rtl .b-forms__group > .b-text-field,
.g-rtl .b-forms__group > .b-text-field_combo,
.g-rtl .b-forms__group > .b-text-field_spin,
.g-rtl .b-forms__group > .b-forms__groupRow > .b-text-field,
.g-rtl .b-forms__group > .b-forms__groupRow > .b-text-field_combo,
.g-rtl .b-forms__group > .b-forms__groupRow > .b-text-field_spin {
  margin-right: 0;
  margin-left: 6px;
}

.g-rtl .b-forms__table_sadminAccountHeader .b-forms__cell:first-child {
  padding-left: 9px;
  padding-right: 0;
}

.g-rtl .b-forms__cell_icon {
  text-align: left;
}

.g-rtl .b-sadminAccount__userItem {
  float: right;
  padding: 0 0 15px 15px;
}

.g-rtl .b-sadminAccount__userItem .b-avatar {
  float: right;
}

.g-rtl .b-sadminAccount__userItem .b-topic__user-info {
  margin-left: 0;
  margin-right: 67px;
}

/* @end */
/* @group Grid */
/* grid case */
/*.b-grid-case {
	border: 1px solid #eaeaea;
	border-top: none;
	}
.b-grid-case:last-child {
	@include border-radius(0 0 3px 3px);
	}*/
/* grid */
.b-grid {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-collapse: collapse;
  /*border-top: 1px solid #FFF;*/
}

/* b-grid_multiline */
.b-grid_multiline .b-grid__cell {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* b-grid_form */
.b-grid_form {
  max-width: 800px;
}

/* b-grid_inform */
.b-grid_inForm {
  margin: 10px 0;
}

/* fixed */
.b-grid_fixed {
  table-layout: fixed;
}

/* default grid cell */
.b-grid__cell {
  padding: 8px;
  width: auto;
  vertical-align: top;
}

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

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

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

/* _no nowrap cell */
.b-grid__cell_nowrap,
.b-grid__cell.nowrap_false {
  white-space: nowrap;
}

/* head */
/* head default cell */
.b-grid__head .b-grid__cell {
  border-bottom: 1px solid #eaeaea;
  height: 26px;
  padding: 0 8px;
  vertical-align: middle;
  background-color: #fcfcfc;
  color: #999;
}

/* _name head cell */
.b-grid__head .b-grid__cell_name {
  min-width: 150px;
}

/* _first head cell */
.b-grid__head .b-grid__cell:first-child {
  border-left: 0;
}

/* _hover cell */
.b-grid__head .b-grid__cell:hover {
  background: #eee;
}

/* button in cell */
.b-grid__head .b-grid__cell .b-button {
  margin-top: -4px;
  margin-bottom: -4px;
}

/* icon in cell */
.b-grid__head .b-grid__cell .b-icon {
  font-size: 12px;
}

/* title (default title is sortable) */
.b-grid__ttl {
  display: inline-block;
  padding-right: 10px;
  margin: 0;
  margin-top: 1px !important;
  position: relative;
  line-height: 18px;
  white-space: nowrap;
  cursor: default;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

/* _sortable title variants */
.b-grid__ttl:before,
.b-grid__ttl:after {
  position: absolute;
  top: 1px;
  right: 0;
  height: 10px;
}

.b-grid__ttl:after {
  top: 7px;
}

                    /*.b-grid__ttl:before {
						content: '';
						display: block;
						
						width: 0;
						height: 0;
						
						position: absolute;
						top: 4px;
						left: 0;
						
						border: 4px solid transparent;
						border-top-width: 0;
						border-bottom-color: #ccc;
                        
                        @include transition((border-color 0.2s));
						}
					.b-grid__ttl:after {
						content: '';
						display: block;
						
						width: 0;
						height: 0;
						
						position: absolute;
						top: 10px;
						left: 0;
						
						border: 4px solid transparent;
						border-bottom-width: 0;
						border-top-color: #ccc;
                        
                        @include transition((border-color 0.2s));
						}
					.b-grid__ttl.asc:before {
						border-bottom-color: #999;
						}
					.b-grid__ttl.desc:after {
						border-top-color: #999;
						}*/
.b-grid .b-grid__ttl.desc, .b-grid__ttl.desc {
  margin: 0;
  overflow: visible;
}

/* hover */
                        /*.b-grid__cell:hover .b-grid__ttl.asc:before {
                            border-bottom-color: #777;
                        }
                        .b-grid__cell:hover .b-grid__ttl.desc:after {
                            border-top-color: #777;
						}*/
/* _not sortable title */
.b-grid__ttl.not-sort {
  padding-left: 0;
  background: transparent;
}

.b-grid__ttl.not-sort:before,
.b-grid__ttl.not-sort:after {
  content: none;
}

/* title img */
.b-grid__ttl img {
  vertical-align: middle;
}

/* title icon */
.b-grid__ttl .b-icon {
  vertical-align: baseline;
}

/* _title */
.b-grid__ttl_title {
  font-size: 14px;
  color: #333;
}

/* icon */
.b-grid__ttl-ico {
  display: inline-block;
  width: 18px;
  line-height: 18px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/* sorting icon */
.b-grid__ttl-ico.sort,
.b-grid__ttl-ico.sort_asc,
.b-grid__ttl-ico.sort_desc {
  width: 8px;
  cursor: pointer;
}

/* _checkbox cell */
.b-grid__cell.cell_checkbox {
  padding-right: 2px;
  padding-left: 2px;
  width: 25px;
  vertical-align: top;
  text-align: center;
}

/* head _checkbox cell */
.b-grid__head .b-grid__cell.cell_checkbox {
  padding: 1px 2px 0;
  vertical-align: middle;
}

.b-grid__cell.cell_checkbox .b-checkbox,
.b-grid__cell.cell_checkbox .checkbox {
  margin: 2px 0 0 0;
}

.b-grid__head .b-grid__cell.cell_checkbox .checkbox {
  margin-top: 4px;
}

.b-grid__cell.cell_checkbox .b-checkbox {
  margin-top: 4px;
}

.b-grid__head .b-grid__cell.cell_checkbox .b-checkbox {
  margin-top: 2px;
}

/* body _checkbox cell */
.b-grid__body .b-grid__cell.cell_checkbox_label {
  position: relative;
  height: 100%;
}

.b-grid__body .b-grid__cell.cell_checkbox_label > label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}

.b-grid__body .b-grid__cell.cell_checkbox_label > label > .b-checkbox__pseudo,
.b-grid__body .b-grid__cell.cell_checkbox_label > label > .checkbox {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/* _top */
.b-grid__body .b-grid__cell.b-grid__cell_top.cell_checkbox_label > label > .b-checkbox__pseudo,
.b-grid__body .b-grid__cell.b-grid__cell_top.cell_checkbox_label > label > .checkbox {
  margin-top: 10px;
}

/* _middleAvatar */
.b-grid__body .b-grid__cell.b-grid__cell_middleAvatar.cell_checkbox_label > label > .b-checkbox__pseudo,
.b-grid__body .b-grid__cell.b-grid__cell_middleAvatar.cell_checkbox_label > label > .checkbox {
  margin-top: 21px;
}

/* _checkbox in button */
.b-grid__cell.cell_checkbox .b-button {
  white-space: nowrap;
}

.b-grid__cell.cell_checkbox .b-button .checkbox {
  position: relative;
  top: 2px;
}

/* body */
.b-grid__body {
  width: 100%;
}

/* body row */
.b-grid__row,
.b-grid__row_even {
  /*border-top:1px solid #FFF;*/
  border-bottom: 1px solid #eee;
  -moz-transition: background 0.2s;
  -webkit-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
  background-color: transparent;
}

.b-grid__row:hover {
  background-color: #f9f9f9;
}

/* faded cell */
.b-fader > .b-topic-list__header,
.b-fader > .b-topic-list__info {
  display: block;
  height: 18px;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
}

/* _even row */
.b-grid__row_even {
  background: #fefefe;
}

/* _selected row */
.b-grid__row_selected {
  background: #e5f5fa !important;
}

/* _disabled row */
.b-grid__row_disabled {
  color: #AAA;
  font-style: italic;
}

tr[data-enabled=false] {
  color: #AAA;
}

/* _baseAction */
.b-grid__row_baseAction {
  cursor: pointer;
}

.b-grid__row_new {
  background-color: rgba(199, 255, 90, 0.25);
}

.b-grid__row_new_show {
  animation: showReply .4s;
  -webkit-animation: showReply .4s;
  /* Safari and Chrome */
}

/* body cell */
.b-grid__body .b-grid__cell {
  height: auto;
  padding-top: 6px 0;
  border-bottom: 1px dotted #EEE;
}

/* b-icon */
.b-grid__body .b-grid__cell > .b-icon {
  margin: 1px 3px 1px 0;
}

.b-grid__body .b-grid__cell_icon > .b-icon {
  margin: 1px 0 1px 3px;
  vertical-align: top;
}

/* _in the case */
.b-grid-case .b-grid__body .b-grid__cell {
  border-bottom: 0;
  border-top: 1px dotted #EEE;
}

/* _first row cells */
.b-grid__body > .b-grid__row:first-child > .b-grid__cell {
  border-top: 0;
}

/* baseAction */
.b-grid__cell.baseAction:hover {
  cursor: pointer;
}

/* nodata */
.b-grid__row_nodata {
  border: none;
}

.b-grid__row_nodata,
.b-grid__row_nodata:hover {
  background-color: transparent;
}

.b-grid__row_nodata .b-grid__cell {
  border: none;
}

/* cell_indicator */
.b-grid__cell_indicator {
  width: 3px;
  padding: 0;
}

.b-grid__body .b-grid__cell_icon_min {
  padding-right: 0px;
}

/* cell_top */
.b-grid__cell_top.b-grid__cell.cell_checkbox,
.b-grid__cell_top {
  vertical-align: top;
}

/* cell_middle */
.b-grid__cell_middle.b-grid__cell.cell_checkbox,
.b-grid__cell_middle {
  vertical-align: middle;
}

/* ver align on the middle of avatar */
.b-grid__cellMiddleAvatar {
  min-height: 37px;
  display: flex;
  align-items: center;
}

.b-grid_multiline .b-grid__body .cell_actions .b-grid__cellMiddleAvatar {
  margin-top: 3px;
}

/* */
.b-grid__cell > .b-topic-list__vote {
  margin: 0;
  white-space: nowrap;
}

/* b-grid__actionCorner */
.b-grid__actionCornerHolder {
  width: 0;
  height: 0;
  position: relative;
}

.b-grid__actionCorner {
  display: none;
  position: absolute;
  top: -1px;
  left: 0;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.b-topic-list__item_agentCollision_view .b-grid__actionCorner,
.b-topic-list__item_agentCollision_edit .b-grid__actionCorner {
  display: block;
}

.b-grid__actionCorner:after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: #ff2a00;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: -11px;
  left: -11px;
}

.b-topic-list__item_agentCollision_view .b-grid__actionCorner:after {
  background: #ffd400;
}

.b-topic-list__item_agentCollision_edit .b-grid__actionCorner:after {
  background: #ff2a00;
}

.b-grid .b-avatar {
  margin: -5px 10px -4px 0;
  float: left;
}

.b-grid_name {
  font-size: 14px;
  word-wrap: break-word;
  word-break: break-all;
}

.b-grid_breakableText {
  word-wrap: break-word;
  word-break: break-all;
}

.b-grid .b-avatar + .b-grid_name,
.b-grid_people_label + .b-grid_name {
  margin-left: 38px;
  display: block;
  overflow: hidden;
}

.b-grid_people_label {
  margin-right: 10px;
  float: right;
}

td > .b-grid_people_label:first-child {
  margin-right: 0;
}

/* b-grid_regular */
.b-grid_regular .b-grid__row,
.b-grid_regular .b-grid__body .b-grid__cell {
  border-bottom: 0;
}

.b-grid_regular .b-grid__row:hover {
  background-color: transparent;
}

.b-grid_regular .b-grid__row_baseAction {
  cursor: inherit;
}

/* @end */
.b-main-grid {
  height: 100%;
  position: relative;
}

.b-main-grid > .b-toolbar_type_grid,
.b-main-grid > .b-gridbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.b-main-grid > .b-gridstatusbar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.b-main-grid > .b-grid-case {
  overflow: auto;
  position: absolute;
  top: 39px;
  left: 0;
  right: 0;
  bottom: 39px;
}

/* @group b-fader */
.b-fader {
  display: block;
  position: relative;
}

.b-fader__extension,
.b-fader:before,
.b-fader:after {
  content: '';
  display: block;
  width: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #fff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 255, 255, 0)', endColorstr='#fff',GradientType=1 );
  /* IE6-8 */
  opacity: 1;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.b-fader:after {
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f9f9f9 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #f9f9f9));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f9f9f9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f9f9f9 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f9f9f9 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f9f9f9 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 255, 255, 0)', endColorstr='#f9f9f9',GradientType=1 );
  /* IE6-8 */
  opacity: 0;
}

.b-fader__extension {
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #e5f5fa 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #e5f5fa));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #e5f5fa 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #e5f5fa 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #e5f5fa 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #e5f5fa 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 255, 255, 0)', endColorstr='#e5f5fa',GradientType=1 );
  /* IE6-8 */
  opacity: 0;
  z-index: 1;
}

.b-grid__row:hover .b-fader:after {
  opacity: 1;
}

.b-grid__row:hover .b-fader:before {
  opacity: 0;
}

.b-grid__row_selected .b-fader__extension {
  opacity: 1;
}

.b-grid__row_selected .b-fader:after,
.b-grid__row_selected:hover .b-fader:after {
  opacity: 0;
}

.b-grid__row_selected .b-fader:before,
.b-grid__row_selected:hover .b-fader:before {
  opacity: 0;
}

/* @end */
/* Custom browser fixes */
.ie .b-grid__body .b-grid__cell.cell_checkbox_label > label {
  position: static;
  display: inline;
}

.ie .b-grid__body .b-grid__cell.cell_checkbox_label > label > .b-checkbox__pseudo {
  position: static;
  margin: 2px auto 0;
  vertical-align: top;
}

/* @group RTL */
/* grid */
.g-rtl .b-grid__cell.left {
  text-align: right;
}

.g-rtl .b-grid__cell.right {
  text-align: left;
}

/* _first head cell */
.g-rtl .b-grid__head .b-grid__cell:first-child {
  border-right: 0;
}

/* title (default title is sortable) */
.g-rtl .b-grid__ttl {
  padding-right: 0;
  padding-left: 10px;
}

/* _sortable title variants */
.g-rtl .b-grid__ttl:before {
  right: auto;
  left: 0;
}

.g-rtl .b-grid__ttl:after {
  right: auto;
  left: 0;
}

/* _not sortable title */
.g-rtl .b-grid__ttl.not-sort {
  padding-right: 0;
}

/* b-icon */
.g-rtl .b-grid__body .b-grid__cell > .b-icon {
  margin: 1px 0 1px 3px;
}

.g-rtl .b-grid__body .b-grid__cell_icon > .b-icon {
  margin: 1px 3px 1px 0;
}

.g-rtl .b-grid__body .b-grid__cell_icon_min {
  padding-right: 8px;
  padding-left: 0px;
}

/**/
.g-rtl .b-grid__actionCorner {
  left: initial;
  right: 0;
}

.g-rtl .b-grid__actionCorner:after {
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: initial;
  right: -11px;
}

.g-rtl .b-grid .b-avatar {
  margin: -5px 0 -4px 10px;
  float: right;
}

.g-rtl .b-grid .b-avatar + .b-grid_name,
.g-rtl .b-grid_people_label + .b-grid_name {
  margin-left: 0;
  margin-right: 38px;
}

.g-rtl .b-grid_people_label {
  margin-right: 0;
  margin-left: 10px;
  float: left;
}

.g-rtl td > .b-grid_people_label:first-child {
  margin-left: 0;
}

.g-rtl .b-fader:before,
.g-rtl .b-fader:after {
  right: initial;
  left: 0;
  background: -moz-linear-gradient(left, #fff 0%, transparent 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fff), color-stop(100%, transparent));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #fff 0%, transparent 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #fff 0%, transparent 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #fff 0%, transparent 100%);
  /* IE10+ */
  background: linear-gradient(to right, #fff 0%, transparent 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='transparent',GradientType=1 );
  /* IE6-8 */
}

.g-rtl .b-fader:after {
  background: -moz-linear-gradient(left, #f9f9f9 0%, transparent 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f9f9f9), color-stop(100%, transparent));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #f9f9f9 0%, transparent 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #f9f9f9 0%, transparent 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #f9f9f9 0%, transparent 100%);
  /* IE10+ */
  background: linear-gradient(to right, #f9f9f9 0%, transparent 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='transparent',GradientType=1 );
  /* IE6-8 */
}

.g-rtl .b-grid__row_selected .b-fader:before,
.g-rtl .b-grid__row_selected .b-fader:after {
  background: -moz-linear-gradient(left, #fffacc 0%, transparent 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fffacc), color-stop(100%, transparent));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #fffacc 0%, transparent 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #fffacc 0%, transparent 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #fffacc 0%, transparent 100%);
  /* IE10+ */
  background: linear-gradient(to right, #fffacc 0%, transparent 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffacc', endColorstr='transparent',GradientType=1 );
  /* IE6-8 */
}

/* @end */
/* @group b-table_lightBorders */
.b-table_lightBorders {
  border-collapse: collapse;
}

.b-table_lightBorders th,
.b-table_lightBorders td {
  border: 1px solid #eaeaea;
  padding: 4px 6px;
}

.b-table_lightBorders th {
  background-color: #fafafa;
  text-align: left;
  font-weight: normal;
}

/* @end */
/* @group b-table-clean */
.b-table_clean {
  border-spacing: 0;
  border-collapse: collapse;
}

.b-table_clean td {
  padding: 0;
}

/* @end */
/* @group Grid > action */
/* _actions grid cell */
.b-grid__cell.cell_actions {
  width: 1px;
  padding-bottom: 0;
  white-space: nowrap;
}

/* _action button */
/*.b-grid__cell.cell_actions .b-button {
	line-height: 20px;
	}*/
.b-grid__cell.cell_actions .b-button {
  opacity: 0.8;
}

/* icon */
.b-grid__cell.cell_actions .dropdown_down,
.b-grid__cell.cell_actions .dropdown_up {
  width: 7px;
}

/* label */
/*.b-grid__cell.cell_actions .b-button__icon,*/
.b-grid__cell.cell_actions .b-button__label {
  line-height: 20px;
  color: #369;
}

/* _hover button */
.b-grid__cell.cell_acrions .b-button:hover .b-button__label {
  text-decoration: underline;
}

/* _hover row body */
.b-grid__body .b-grid__row:hover .cell_actions .b-button {
  opacity: 1;
}

/* _actions grid cell in body */
.b-grid__body .cell_actions {
  padding-top: 2px;
  padding-bottom: 2px;
}

.b-grid_multiline .b-grid__body .cell_actions {
  padding-top: 7px;
  padding-bottom: 7px;
}

/* @end */
/* @group Grid > content */
/* title */
.b-grid .title {
  font-size: 15px;
  color: #225599;
}

/* _middle */
.b-grid .title_small {
  font-size: 16px;
}

/* _large */
.b-grid .title_big {
  font-size: 20px;
}

/* _not-link */
.b-grid .title.not-link {
  color: #000;
}

/* _not-link */
.b-grid .title.inline {
  display: inline;
  font-size: inherit;
}

/* desc */
.b-grid .desc {
  margin: 1em 0;
}

.b-grid .desc {
  overflow: hidden;
  max-height: 126px;
}

.b-grid .desc ul,
.b-grid .desc ol,
.b-grid .desc p,
.b-grid .desc blockquote {
  margin: 18px 0;
}

.b-grid .desc ul:first-child,
.b-grid .desc ol:first-child,
.b-grid .desc p:first-child,
.b-grid .desc blockquote:first-child {
  margin-top: 0;
}

.b-grid .desc ul:last-child,
.b-grid .desc ol:last-child,
.b-grid .desc p:last-child,
.b-grid .desc blockquote:last-child {
  margin-bottom: 0;
}

.b-grid .desc ol,
.b-grid .desc ul {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

.b-grid .desc ol li,
.b-grid .desc ul li {
  display: inline;
}

.b-grid .desc ol li:before,
.b-grid .desc ul li:before {
  content: "\2022";
  margin-right: 5px;
}

/* attributes */
.b-grid .attr {
  font-size: 11px;
  margin: 0;
  color: #777;
}

/* description */
.b-grid .dsc {
  margin: 9px 0 0;
  color: #555;
}

/* simple actions */
.b-grid .act {
  margin: 9px 0 0;
}

/* @end */
/* @group RTL */
.g-rtl .b-grid .desc ol li:before,
.g-rtl .b-grid .desc ul li:before {
  margin-right: 0;
  margin-left: 5px;
}

/* @end */
/* @group Grid Status bar */
.b-gridstatusbar {
  border-top: 1px solid #eee;
}

.b-gridstatusbar.b-buttons-list {
  text-align: right;
}

.b-paging-holder .b-toolbar,
.b-toolbar_paging,
.l-layout__cell_topic-list .l-layout__content .b-toolbar_topic-list-bottom,
.b-gridstatusbar.b-toolbar,
.b-gridstatusbar .b-toolbar {
  background: #fcfcfc;
  border-bottom-color: #eee;
}

.l-layout__cell_topic-list .l-layout__content .b-content-scrollable {
  border-bottom-color: #eee;
}

.b-gridstatusbar__actions {
  float: left;
  padding: 0 0 0 26px;
  margin-left: 3px;
  position: relative;
}

.b-gridstatusbar__actions > .selected-txt {
  font-size: 12px;
  margin: 0 8px;
  line-height: 25px;
}

/*
icon
*/
.b-gridstatusbar__icon {
  position: absolute;
  top: 6px;
  left: 6px;
  display: block;
  width: 14px;
  height: 8px;
}

/*
_disabled actions
*/
/* @end */
/* @group RTL */
.g-rtl .b-gridstatusbar.b-buttons-list {
  text-align: left;
}

.g-rtl .b-gridstatusbar__actions {
  float: right;
  padding: 0 26px 0 0;
  margin-left: 0;
  margin-right: 3px;
}

/*
icon
*/
.g-rtl .b-gridstatusbar__icon {
  left: auto;
  right: 6px;
}

/* @end */
/* @group Grid Status bar > .b-resizer */
.b-gridstatusbar .b-resizer {
  margin: -6px;
  margin-top: -3px;
}

.b-gridstatusbar .b-resizer__snatch {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

.b-gridstatusbar .b-resizer_selected {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

/* @end */
/* @group Header */
.b-header {
  overflow: hidden;
  position: relative;
  height: 33px;
}

/* logotype */
.b-header__logo {
  margin: 1px 10px 1px;
}

.b-header__logo-lnk {
  display: block;
}

.b-header__logo-lnk img {
  max-height: 31px;
}

/* right side */
.b-header__right-side {
  position: absolute;
  top: 5px;
  right: 2px;
}

/* text-field */
.b-header__right-side > .b-text-field_search > .b-text-field {
  height: 22px;
  line-height: 22px;
}

/* button */
.b-header__right-side > .b-button {
  vertical-align: top;
}

.b-header__right-side > .b-button > .b-button__label {
  color: #369;
}

/* @end */
/* @group RTL */
/* right side */
.g-rtl .b-header__right-side {
  right: auto;
  left: 2px;
}

/* @end */
/* @group Hint */
.b-hint {
  position: absolute;
  z-index: 12000;
  padding: 5px 7px;
  background: #edf6fb;
  border: 1px solid #76A9BC;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.4);
}

/* title */
.b-hint__ttl,
.b-hint__txt {
  font-size: 12px;
}

/* text */
.b-hint__txt {
  margin: 0;
  line-height: 15px;
}

/* text */
.b-hint__txt .b-hint__txt__bottom {
  display: block;
  text-align: center;
  font-size: 11px;
  font-style: normal;
  text-transform: lowercase;
}

/* @end */
/* @group Hint Big */
.b-hint_big {
  padding: 10px 12px;
}

/* @end */
/* @group Hint Dark */
.b-hint_dark {
  background: #777;
  border: 1px solid #FFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  max-width: 250px;
  text-align: center;
}

.b-hint_dark_show {
  animation: hintShow 0.3s;
  -webkit-animation: hintShow 0.3s;
  /* Safari and Chrome */
}

.b-hint_dark_hide {
  animation: hintHide 0.2s;
  -webkit-animation: hintHide 0.2s;
  /* Safari and Chrome */
}

/* title */
.b-hint_dark .b-hint__ttl,
.b-hint_dark .b-hint__txt {
  color: #FFF;
}

/* @end */
/* @group Hint Light Accent Header */
.b-hint_lightAccentHeader {
  padding: 10px 12px;
  background: #FFF;
  border: 1px solid #CCC;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15);
}

/* title */
.b-hint_lightAccentHeader .b-hint__ttl {
  color: #007384;
  display: block;
  padding: 10px 12px 8px 12px;
  margin: -10px -12px 10px -12px;
  border-bottom: 1px solid #eee;
}

/* @end */
/* @group Hint Combo */
.b-hint_popup {
  background: #efefef;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* @end */
/**/
@keyframes hintShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.95;
  }
}
@-webkit-keyframes hintShow {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 0.95;
  }
}
@keyframes hintHide {
  from {
    opacity: 0.95;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes hintHide {
  /* Safari and Chrome */
  from {
    opacity: 0.95;
  }
  to {
    opacity: 0;
  }
}
/**/
/* @group Hint > .b-toolbox */
.b-hint > .close-tips {
  position: absolute;
  top: 3px;
  right: 3px;
}

/* @end */
/* @group RTL */
.g-rtl .b-hint > .close-tips {
  right: auto;
  left: 3px;
}

/* @end */
/* @group Arrows Hint */
/* border */
.b-arrow.b-hint:before {
  border-color: #76A9BC;
}

/* bg */
.b-arrow.b-hint:after {
  border-color: #edf6fb;
}

/* @end */
/* @group Arrows Hint Dark */
/* border */
.b-arrow.b-hint_dark:before {
  border-color: #fff;
  opacity: 0.95;
  filter: alpha(opacity=95);
}

/* bg */
.b-arrow.b-hint_dark:after {
  border-color: #777;
  opacity: 0.95;
  filter: alpha(opacity=95);
}

/* @end */
/* @group Arrows Hint Toolbar */
/* border */
.b-arrow.b-hint_toolbar:before {
  border-color: #bbb;
}

/* bg */
.b-arrow.b-hint_toolbar:after {
  border-color: #f5f5f5;
}

/* @end */
/* @group Arrows Toolbar */
/* border */
.b-arrow.b-toolbar:before {
  border-color: #bbb;
}

/* bg */
.b-arrow.b-toolbar:after {
  border-color: #f5f5f5;
  visibility: visible;
}

/* @end */
/* @group Arrows Hint Light */
/* border */
.b-arrow.b-hint_lightAccentHeader:before {
  border-color: #CCC;
}

/* bg */
.b-arrow.b-hint_lightAccentHeader:after {
  border-color: #FFF;
  visibility: visible;
}

/* @end */
/* @group Hint > _closable */
.b-hint_closable {
  padding-right: 20px;
}

/* @end */
/* @group RTL */
.g-rtl .b-hint_closable {
  padding-right: 6px;
  padding-left: 20px;
}

/* @end */
/* @group Hint > _tree */
.b-hint_tree_header_big .b-hint__txt {
  font-size: 18px;
  line-height: 24px;
}

.b-hint_tree_header_middle .b-hint__txt {
  font-size: 16px;
  line-height: 22px;
}

.b-hint_tree_header_small .b-hint__txt {
  font-size: 14px;
  line-height: 20px;
}

.b-hint_tree_default .b-hint__txt {
  font-size: 12px;
  line-height: 18px;
}

/* @end */
/* @group b-icon */
.b-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
}

.b-icon > img {
  width: auto;
  height: auto;
  max-width: 16px;
  max-height: 16px;
  border: 0;
}

/* @end */
/* @group icons */
.b-icon.previous:after,
.b-icon.next:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 2px;
  left: 5px;
  border: 6px solid transparent;
  border-left-width: 8px;
  border-right-width: 0;
  border-left-color: #666;
}

.b-icon.previous:after {
  left: auto;
  right: 5px;
  border: 6px solid transparent;
  border-left-width: 0;
  border-right-width: 8px;
  border-left-color: transparent;
  border-right-color: #666;
}

/*.b-icon.status_new:after,
.b-icon.status_on-hold:after,
.b-icon.status_open:after,
.b-icon.status_pending:after,
.b-icon.status_solved:after,
.b-icon.status_closed:after,*/
.icon.status_published:after,
.icon.status_unpublished:after,
.icon.status_urgent:after,
.icon.status_high:after,
.icon.status_normal:after,
.icon.status_low:after,
.icon.status_new:after,
.icon.status_on-hold:after,
.icon.status_open:after,
.icon.status_pending:after,
.icon.status_solved:after,
.icon.status_closed:after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 2px;
  left: 2px;
}

.b-icon.loading {
  position: relative;
  width: 16px;
  height: 16px;
}

.b-tree__icon.loading:before,
.b-mask__loader-icon,
.b-icon.loading:before {
  		/*background-image: url(images/gif/loading.gif) !important;
  		background-position: 50% 50% !important;
          background-size: 100% !important;*/
  width: 16px;
  height: 16px;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

.b-tree__icon.loading:before,
.b-icon.loading:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
}

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
/* @end */
/* @group Image editor */
.b-image-manager {
  height: 300px;
  /*border-bottom: 1px solid $toolbar-border-color;*/
}

/* left/right side */
.b-image-manager__left-side {
  height: 100%;
  float: left;
}

.b-image-manager__splitter {
  height: 100%;
  float: left;
}

.b-image-manager__right-side {
  height: 100%;
  overflow: hidden;
}

/* case */
.b-image-manager__case {
  position: relative;
  /*padding: 10px;*/
}

.b-image-manager__case__title {
  position: absolute;
  left: 10px;
  top: -9px;
}

.b-image-manager__case__title__txt {
  padding: 0 3px;
  background: #fff;
}

/*
_tree case
*/
.b-image-manager__case_tree {
  overflow: auto;
  height: 100%;
  width: 208px;
}

.b-image-manager__case_tree > .b-tree {
  padding: 5px;
}

/*
_preview-area case
*/
.b-image-manager__case_preview-area {
  position: relative;
  width: 590px;
  height: 290px;
  overflow: auto;
  padding: 5px;
  height: 100%;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.b-image-manager__case_preview-area.list {
  height: 250px;
}

/*
_thumbs-area case
*/
.b-image-manager__case_thumbs-area {
  overflow: auto;
  height: 100%;
}

/*
_preview web area case
*/
.b-image-manager__case_web-area {
  display: table;
  vertical-align: middle;
  text-align: center;
  height: 368px;
  width: 100%;
}

.b-image-manager__case_web-area img {
  max-height: 360px;
}

/* images thumbs list */
.b-image-manager__thumbs {
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
  list-style: none;
  font-size: 0;
}

.b-image-manager__thumbs__item {
  display: inline-block;
  width: 100px;
  margin: 10px 0 0 10px;
  vertical-align: top;
  cursor: default;
}

.b-image-manager__thumbs__item:hover {
  background-color: #EEE;
}

.b-image-manager__thumbs__item.selected {
  background-color: #DDD;
}

.b-image-manager__thumbs__item_drop,
.b-image-manager__thumbs__item_drop:hover {
  background-color: #FFF;
}

.b-image-manager__thumbs__item_drop .b-image-manager__thumbs__thumb-area {
  border-style: dashed;
  position: relative;
}

.b-image-manager__thumbs__item_drop .b-image-manager__thumbs__thumb-area:before {
  content: '';
  display: block;
  width: 20px;
  height: 25px;
  position: absolute;
  top: 15px;
  left: 30px;
  background-color: #dadada;
}

.b-image-manager__thumbs__item_drop .b-image-manager__thumbs__thumb-area:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 40px;
  left: 15px;
  border: 25px solid transparent;
  border-top-color: #dadada;
}

.b-image-manager__thumbs__item_drop .b-image-manager__thumbs__desc {
  color: #999;
}

.b-image-manager__thumbs__thumb-area {
  display: table;
  height: 80px;
  width: 80px;
  margin: 9px;
  position: relative;
  border: 1px solid #ccc;
  /*#E8EEF7*/
  background-color: #FFF;
}

.b-image-manager__thumbs__thumb-area.selected {
  background-color: #E8EEF7;
}

.b-image-manager__thumbs__thumb-case {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  width: 80px;
  height: 80px;
}

.b-image-manager__thumbs__thumb {
  display: block;
  margin: 0 auto;
  max-height: 80px;
  max-width: 80px;
  border: 0;
}

.b-image-manager__thumbs__item .b-image-manager__thumbs__thumb__enlarger {
  opacity: 0;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.b-image-manager__thumbs__item:hover .b-image-manager__thumbs__thumb__enlarger {
  opacity: 1;
}

.b-image-manager__thumbs__thumb__enlarger {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #a3a3a3;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -moz-transition: background 0.2s;
  -webkit-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
  cursor: pointer;
}

.b-image-manager__thumbs__thumb__enlarger .b-icon {
  margin: 4px;
}

.b-image-manager__thumbs__thumb-preview {
  float: right;
  margin-top: -16px;
  width: 16px;
  height: 16px;
}

.b-image-manager__thumbs__desc {
  text-align: center;
  padding: 0 5px 5px;
}

.b-image-manager__thumbs__desc-txt {
  display: block;
  font-size: 11px;
  line-height: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* exrternal image */
.b-image-manager__external-image {
  width: 100%;
  border-collapse: collapse;
}

.b-image-manager__external-image__cell {
  padding: 0;
  vertical-align: middle;
}

.b-image-manager__external-image__cell + .b-image-manager__external-image__cell {
  padding: 0 5px;
  width: 100%;
}

.b-image-manager__external-image__cell + .b-image-manager__external-image__cell + .b-image-manager__external-image__cell {
  padding: 0;
  width: auto;
  white-space: nowrap;
}

/* image preview */
.b-image-manager__image-preview {
  height: 100%;
  width: 100%;
  overflow: auto;
  /*width: 590px;*/
  position: relative;
}

.b-image-manager__image-preview__container {
  display: table-cell;
  width: 590px;
  height: 290px;
  vertical-align: middle;
}

.b-image-manager__image-preview__image {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

.preview-popup-image {
  max-height: 100%;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

/* @end */
/* Upload Button */
.b-button.b-image-manager-button__upload {
  position: relative;
  height: 22px;
  width: 80px;
}

.b-button__icon.b-image-manager-button__upload {
  position: absolute;
  left: 2px;
  top: 0px;
}

.b-button__label.b-image-manager-button__upload {
  position: absolute;
  left: 22px;
  top: 0px;
}

.b-button__inp.b-image-manager-button__upload {
  position: relative;
  text-align: right;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  width: 80px;
  height: 20px;
}

/* end */
.b-image-manager__upload {
  height: 332px;
  overflow: auto;
}

.b-image-manager__upload-cell {
  padding: 6px;
}

.b-image-manager__upload-title {
  font-size: 12px;
  font-weight: bold;
}

.b-image-manager__upload-area {
  border: 3px dotted #2f4f4f;
  margin: 10px 20px;
  height: 150px;
  font-size: 28px;
  vertical-align: middle;
  text-align: center;
  padding-top: 20px;
  opacity: 0.5;
  cursor: default;
}

.b-image-manager__upload-cell-inp {
  padding-left: 20px;
}

.b-image-manager__upload-inp {
  padding: 2px 0;
}

.b-image-manager__upload-toolbar {
  padding: 4px 0;
}

/* upload from web toolbal */
.b-toolbar_web-upload > .b-toolbar__txt {
  float: left;
}

.b-toolbar_web-upload > .b-button {
  float: right;
  margin-right: 0;
}

.b-toolbar_web-upload > .b-buttons-list__group {
  overflow: hidden;
  display: block;
  padding: 5px;
  top: -5px;
  position: relative;
  left: -5px;
  margin-bottom: -10px;
}

/* @group RTL */
/* left/right side */
.g-rtl .b-image-manager__left-side {
  float: right;
}

.g-rtl .b-image-manager__splitter {
  float: right;
}

/* case */
.g-rtl .b-image-manager__case__title {
  left: auto;
  right: 10px;
}

/* images thumbs list */
.g-rtl .b-image-manager__thumbs__item {
  margin: 10px 10px 0 0;
}

.g-rtl .b-image-manager__thumbs__thumb__enlarger {
  right: auto;
  left: 0;
}

.g-rtl .b-image-manager__thumbs__thumb-preview {
  float: left;
}

/* Upload Button */
.g-rtl .b-button__icon.b-image-manager-button__upload {
  left: auto;
  right: 2px;
}

.g-rtl .b-button__label.b-image-manager-button__upload {
  left: auto;
  right: 22px;
}

.g-rtl .b-button__inp.b-image-manager-button__upload {
  text-align: left;
}

/* end */
.g-rtl .b-image-manager__upload-cell-inp {
  padding-left: 0;
  padding-right: 20px;
}

/* upload from web toolbal */
.g-rtl .b-toolbar_web-upload > .b-toolbar__txt {
  float: right;
}

.g-rtl .b-toolbar_web-upload > .b-button {
  float: left;
  margin-left: 0;
}

.g-rtl .b-toolbar_web-upload > .b-buttons-list__group {
  left: auto;
  right: -5px;
}

/* @end */
/* @group Informer */
.b-informer {
  position: relative;
  /* for close button */
  padding: 10px 36px 10px 10px;
  overflow: hidden;
  background: #DEF3CA;
  background-color: #eef9e4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* with arrow */
.b-informer.b-arrow {
  overflow: visible;
}

/* _inline */
.b-informer_inline {
  display: inline-block;
  vertical-align: top;
}

/* _ticketSave */
.b-informer_ticketSave {
  padding: 5px 15px 5px 15px;
}

.b-informer_ticketSave.b-arrow_bottom_left:before,
.b-informer_ticketSave.b-arrow_bottom_left:after {
  left: 46px;
}

.b-informer_ticketSave .b-informer__data a {
  margin-left: 10px;
}

/* data */
.b-informer__data {
  display: table-cell;
  vertical-align: middle;
}

/* title */
.b-informer__ttl {
  display: block;
}

/* text */
.b-informer__txt {
  margin: 0;
}

.b-informer__list .b-informer__ttl,
.b-informer__txt .b-informer__ttl {
  display: inline;
}

/* info */
.b-informer__info {
  color: #AAA;
}

/* text */
.b-reply__text .b-informer__list,
.b-informer__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.b-informer__list li {
  display: block;
}

.b-informer_activity .b-informer__list li {
  margin: 10px 0;
  position: relative;
}

.b-informer_activity .b-informer__list li:first-child {
  margin-top: 5px;
}

.b-informer_activity .b-informer__list li:last-child {
  margin-bottom: 5px;
}

.b-informer_activity .b-informer__list li .b-icon {
  position: absolute;
  top: 1px;
  left: 0;
}

.b-informer_activity .b-informer__list li .b-icon + .b-informer__txt {
  display: block;
  padding-left: 20px;
}

/* actions */
.b-informer__actions {
  margin-top: 5px;
}

/* informers list */
.b-informer + .b-informer {
  margin-top: 10px;
}

/* _noClose */
.b-informer_noClose {
  padding: 10px;
}

/* informers _activity */
.b-informer_activity {
  padding: 10px;
  font-size: 12px;
  background-color: #f9f9f9;
}

.b-informer_activity .b-informer__list {
  margin: 0 5px;
}

/* informers _email */
.b-informer_email {
  padding: 5px 10px;
  margin-top: 5px;
  background-color: transparent;
  border: 1px solid #eee;
}

/* @end */
/* @group holder */
.b-informer__holder {
  width: 500px;
  position: absolute;
  position: fixed;
  top: 35px;
  left: 50%;
  margin-left: -250px;
  z-index: 1000;
  z-index: 10000;
  z-index: 100000;
}

.b-informer__holder .b-informer.auth {
  margin-top: -32px;
}

.b-informer__holder .b-informer {
  display: block;
  margin-top: 15px;
  /*@include transition(all 0.5s);*/
  -webkit-box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.b-informer__holder .b-informer.b-informer_close {
  animation: informerClose 0.3s 1;
  -moz-animation: informerClose 0.3s 1;
  -webkit-animation: informerClose 0.3s 1;
  -o-animation: informerClose 0.3s 1;
}

.b-informer__holder .b-informer.success {
  display: inline-block;
  margin-top: 0;
  border: 0;
  padding: 5px 15px;
  position: absolute;
  top: -35px;
  left: 50%;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  vertical-align: top;
  animation: informerSuccessShow 0.3s 1;
  -moz-animation: informerSuccessShow 0.3s 1;
  -webkit-animation: informerSuccessShow 0.3s 1;
  -o-animation: informerSuccessShow 0.3s 1;
}

.success .b-informer__txt a,
.success .b-informer__txt a:hover,
.success .b-informer__txt a:visited {
  color: #FFF;
  text-decoration: underline;
}

.b-informer__holder .b-informer.success.b-informer_close {
  animation: informerSuccessHide 0.3s 1;
  -moz-animation: informerSuccessHide 0.3s 1;
  -webkit-animation: informerSuccessHide 0.3s 1;
  -o-animation: informerSuccessHide 0.3s 1;
}

/* animation */
/* animation informer fadeOut */
@keyframes informerClose {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes informerClose {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* animation informer success show */
@keyframes informerSuccessShow {
  from {
    top: -58px;
  }
  to {
    top: -35px;
  }
}
@-webkit-keyframes informerSuccessShow {
  from {
    top: -58px;
  }
  to {
    top: -35px;
  }
}
/* animation informer success hide */
@keyframes informerSuccessHide {
  from {
    top: -35px;
  }
  to {
    top: -58px;
  }
}
@-webkit-keyframes informerSuccessHide {
  from {
    top: -35px;
  }
  to {
    top: -58px;
  }
}
/* @end */
/* @group RTL */
.g-rtl .b-informer {
  padding: 10px 10px 10px 36px;
}

.g-rtl .b-informer_noClose {
  padding: 10px;
}

.g-rtl .b-informer_activity .b-informer__list li .b-icon {
  left: auto;
  right: 0;
}

.g-rtl .b-informer_activity .b-informer__list li .b-icon + .b-informer__txt {
  padding-left: 0;
  padding-right: 20px;
}

.g-rtl .b-informer_ticketSave.b-arrow_bottom_left:before,
.g-rtl .b-informer_ticketSave.b-arrow_bottom_left:after {
  left: auto;
  right: 46px;
}

.g-rtl .b-informer_ticketSave .b-informer__data a {
  margin-left: 0;
  margin-right: 10px;
}

/* @end */
/* @group Custom style */
.ie9 .b-informer {
  /*display: inline-block; /* WTF. Need for currect RTL view */
}

/* @end */
/* @group Informer > .b-toolbox */
.b-informer > .close-tips {
  position: absolute;
  top: 10px;
  right: 10px;
}

/* @end */
/* @group RTL */
.g-rtl .b-informer > .close-tips {
  right: auto;
  left: 10px;
}

/* @end */
/* @group Informer > _critical */
.b-informer_critical {
  background-color: #ffc7b8;
  background-color: #fff1ed;
}

/* @end */
/* @group Informer > _error */
.b-informer_error {
  background-color: #FCEBBD;
  background-color: #fdf5de;
}

/* @end */
/* @group Informer > _help */
.b-informer_help {
  background-color: #CCEAFD;
}

/* @end */
/* @group Informer > _disabled */
.b-informer_disabled {
  background-color: #EDF791;
}

/* @end */
/* @group Informer > _popup */
.b-informer_popup {
  border: 2px solid #699E1F;
  /*border-top: 0;*/
  background: #DCFAC1;
  /* Old browsers */
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.5);
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  color: #333;
}

.b-informer_popup .b-toolbox__icon.close-tips:after {
  color: #999;
}

.b-informer_popup_separate {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* .success */
.b-informer_popup.success {
  background: #4caf50;
  color: #FFF;
  text-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);
}

/* _error */
.b-informer_popup.b-informer_error {
  border-color: #A02912;
  background: #FCDDDA;
  /* Old browsers */
}

		/*.b-informer_popup a,
		.b-informer_popup a:hover {
			color: #fff;
            text-decoration: underline;
			}*/
/* @end */
/* @group Arrows Informer _help */
/* border */
.b-arrow.b-informer_help:before {
  border-color: #CCEAFD;
}

/* bg */
.b-arrow.b-informer_help:after {
  border-color: #CCEAFD;
}

/* @end */
/* @group Labels */
.user-app .label,
.user-app .badge,
.b-label,
.b-badge {
  display: inline-block;
  padding: 2px 4px;
  /*font-weight: bold;*/
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.b-label.b-label_text {
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-label.b-label_text_bold {
  font-weight: bold;
}

.b-label.b-label_text_normalColor {
  color: #333;
}

/* _button */
.b-label_button {
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap;
  display: inline-block;
  height: 25px;
  padding: 0 7px;
  margin: 0;
  text-shadow: 0 0px 2px rgba(0, 0, 0, 0.5);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 23px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.b-buttons-list .b-label_button {
  margin-right: 6px;
}

.b-buttons-list .b-toolbar__txt .b-label_button {
  margin-right: 0;
}

.b-label .b-icon {
  margin-top: -1px;
  margin-bottom: -1px;
  vertical-align: top;
}

/* badge */
.user-app .badge,
.b-badge {
  padding-right: 9px;
  padding-left: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}

.b-badge_topicList {
  padding: 0px 4px;
  border: 1px solid #ddd;
  color: #aaa !important;
  background-color: #fff;
  font-size: 12px;
  text-shadow: none;
  font-weight: normal;
  border-radius: 5px;
  background-color: #eee;
}

.b-badge_min {
  padding-right: 6px;
  padding-left: 6px;
  font-size: 11px;
  line-height: 12px;
  font-weight: normal;
  text-shadow: none;
}

/* badge positions */
.b-menu__item > .b-badge {
  position: absolute;
  line-height: 12px;
  font-weight: normal;
  min-width: 16px;
  text-align: center;
  padding: 1px;
  font-size: 12px;
  border: 1px solid #d07f01;
  text-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  animation: showPopAndFadeMenuBadge 0.2s;
  -webkit-animation: showPopAndFadeMenuBadge 0.2s;
}

.b-menu__item > .b-badge_leftTop {
  left: 4px;
  top: 3px;
}

.b-menu__item > .b-badge_leftBottom {
  left: 4px;
  bottom: 3px;
}

.b-menu__item > .b-badge_rightTop {
  right: 4px;
  top: 3px;
}

.b-menu__item > .b-badge_rightBottom {
  right: 4px;
  bottom: 3px;
}

.b-text-field_advanced .b-badge {
  padding-right: 6px;
  padding-left: 6px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  font-weight: normal;
  background: inherit;
  color: #999;
  line-height: 12px;
  font-size: 11px;
  text-shadow: none;
}

.b-label_min {
  line-height: 10px;
  height: 9px;
  padding: 2px 3px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: normal;
  /*text-shadow: 0 1px 0 rgba(0,0,0,0.3);*/
}

.b-label_big {
  line-height: 21px;
  padding: 2px 7px;
  vertical-align: top;
}

.b-label.right {
  float: right;
}

/* _success */
.user-app .label-success,
.b-label_success,
.b-badge_success {
  background-color: #468847;
}

.b-label_text.b-label_success,
.user-app .fa.text-success,
.user-app .text-success {
  color: #468847;
}

/* _warning */
.user-app .label-warning,
.b-label_warning,
.b-badge_warning {
  background-color: #f89406;
}

.b-label_text.b-label_warning,
.user-app .fa.text-warning,
.user-app .text-warning {
  color: #f89406;
}

/* _important */
.user-app .label-danger,
.b-label_important,
.b-badge_important {
  background-color: #b94a48;
}

.user-app .fa.text-danger,
.user-app .text-danger {
  color: #b94a48;
}

/* _info */
.user-app .label-info,
.b-label_info,
.b-badge_info {
  background-color: #3a87ad;
}

.user-app .fa.text-info,
.user-app .text-info {
  color: #3a87ad;
}

/* _inverse */
.b-label_inverse,
.b-badge_inverse {
  background-color: #333333;
}

/* _inuse */
.b-label_inuse,
.b-badge_inuse {
  background-color: #F23509;
}

/* _newReply */
.b-label.b-label_text.newReply {
  padding: 0;
  color: #30B1C3;
  font-weight: bold;
  text-transform: uppercase;
  background-color: transparent;
}

.b-reply .b-label.b-label_text.newReply {
  margin: 0;
}

.b-icon.status_newReply:after,
.icon.status_newReply:after,
.b-button.newReply,
.b-label.newReply,
.b-badge.newReply {
  color: #FFF;
  background: #30B1C3;
}

/* _note */
.b-label_note {
  color: #e2a527;
}

/* empty */
.b-label:empty, .b-badge:empty {
  display: none;
}

/* .b-label_text */
.b-label_text {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

/* _tag */
.b-label_tag.b-label_text {
  color: #43ac6d;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  background-color: transparent;
}

.b-label_tag {
  color: #FFF;
  background: #43ac6d;
  font-weight: normal;
  padding: 1px 4px;
  text-shadow: none;
  margin-right: 5px;
  white-space: normal;
}

a.b-label_tag:hover,
a.b-label_tag {
  color: #FFF;
}

/* knowledgebase */
.b-label.b-label_text.published {
  color: #1BB700;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-icon.status_published:after,
.icon.status_published:after,
.b-button.published,
.b-label.published,
.b-badge.published {
  color: #FFF;
  background: #1BB700;
}

.b-label.b-label_text.unpublished {
  color: #A5BB8C;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-icon.status_unpublished:after,
.icon.status_unpublished:after,
.b-button.unpublished,
.b-label.unpublished,
.b-badge.unpublished {
  color: #FFF;
  background: #A5BB8C;
}

/* questions */
.b-label.b-label_text.answered {
  color: #1BB700;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-button.answered,
.b-label.answered,
.b-badge.answered {
  color: #FFF;
  background: #1BB700;
}

.b-label.b-label_text.unanswered {
  color: #009AB8;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-button.unanswered,
.b-label.unanswered,
.b-badge.unanswered {
  color: #FFF;
  background: #009AB8;
}

/* Problems */
.b-label.b-label_text.acknowledged {
  color: #B8C808;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-button.acknowledged,
.b-label.acknowledged,
.b-badge.acknowledged {
  color: #FFF;
  background: #B8C808;
}

.b-label.b-label_text.in_progress {
  color: #009AB8;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-button.in_progress,
.b-label.in_progress,
.b-badge.in_progress {
  color: #FFF;
  background: #009AB8;
}

.b-label.b-label_text.solved {
  color: #1BB700;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-icon.status_solved:after,
.icon.status_solved:after,
.b-button.solved,
.b-label.solved,
.b-badge.solved {
  color: #FFF;
  background: #1BB700;
}

/* Ideas */
.b-label.b-label_text.under_review {
  color: #A5BB8C;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-button.under_review,
.b-label.under_review,
.b-badge.under_review {
  color: #FFF;
  background: #A5BB8C;
}

.b-label.b-label_text.planned {
  color: #C1CB00;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-button.planned,
.b-label.planned,
.b-badge.planned {
  color: #FFF;
  background: #C1CB00;
}

.b-label.b-label_text.started {
  color: #009AB8;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-button.started,
.b-label.started,
.b-badge.started {
  color: #FFF;
  background: #009AB8;
}

.b-label.b-label_text.completed {
  color: #1BB700;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-button.completed,
.b-label.completed,
.b-badge.completed {
  color: #FFF;
  background: #1BB700;
}

.b-label.b-label_text.declined {
  color: #F25509;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-button.declined,
.b-label.declined,
.b-badge.declined {
  color: #FFF;
  background: #F25509;
}

/* Tickets */
.b-label.b-label_text.new {
  color: #E9AB17;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-icon.status_new:after,
.icon.status_new:after,
.b-button.new,
.b-label.new,
.b-badge.new {
  color: #FFF;
  background: #E9AB17;
}

.b-label.b-label_text.on-hold {
  color: #8A4B8B;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-icon.status_on-hold:after,
.icon.status_on-hold:after,
.b-button.on-hold,
.b-label.on-hold,
.b-badge.on-hold {
  color: #FFF;
  background: #8A4B8B;
}

.b-label.b-label_text.open {
  color: #F25509;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-icon.status_open:after,
.icon.status_open:after,
.b-button.open,
.b-label.open,
.b-badge.open {
  color: #FFF;
  background: #F25509;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}

.b-label.b-label_text.pending {
  color: #009AB8;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-icon.status_pending:after,
.icon.status_pending:after,
.b-button.pending,
.b-label.pending,
.b-badge.pending {
  color: #FFF;
  background: #009AB8;
}

.b-label.b-label_text.closed {
  color: #A5BB8C;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-icon.status_closed:after,
.icon.status_closed:after,
.b-button.closed,
.b-label.closed,
.b-badge.closed {
  color: #FFF;
  background: #A5BB8C;
}

/* Ticket priority */
.b-label.b-label_text.low {
  color: #dddddd;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-icon.status_low:after,
.icon.status_low:after,
.b-button.low,
.b-label.low,
.b-badge.low {
  color: #888;
  background: #dddddd;
  /*text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);*/
  text-shadow: none;
}

.b-label.b-label_text.normal {
  /*color: #dddddd;
  text-shadow: 0 1px 0 rgba(255,255,255,0.2);
  background-color: transparent;*/
}

.b-icon.status_normal:after,
.icon.status_normal:after,
.b-button.normal,
.b-label.normal,
.b-badge.normal {
  color: #333;
  background: transparent;
  text-shadow: none;
  /*color:#FFF;
  background: #dddddd;*/
}

.b-label.b-label_text.high {
  color: #ea9999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-icon.status_high:after,
.icon.status_high:after,
.b-button.high,
.b-label.high,
.b-badge.high {
  color: #FFF;
  background: #ea9999;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}

.b-label.b-label_text.urgent {
  color: #cc0000;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-icon.status_urgent:after,
.icon.status_urgent:after,
.b-button.urgent,
.b-label.urgent,
.b-badge.urgent {
  color: #FFF;
  background: #cc0000;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}

/* Email statuses */
.b-label.b-label_text.primary {
  color: #80b4e1;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-button.primary,
.b-label.primary,
.b-badge.primary {
  color: #FFF;
  background: #80b4e1;
}

.b-label.b-label_text.not_verified {
  color: #CCC;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-button.not_verified,
.b-label.not_verified,
.b-badge.not_verified {
  color: #FFF;
  background: #CCC;
}

.b-label.b-label_text.verified {
  color: #bad97e;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-button.verified,
.b-label.verified,
.b-badge.verified {
  color: #FFF;
  background: #bad97e;
}

.b-label.b-label_text.connected {
  color: #7fbe05;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-button.connected,
.b-label.connected,
.b-badge.connected {
  color: #FFF;
  background: #7fbe05;
}

.b-label.b-label_text.nostatus {
  color: #777777;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-button.nostatus,
.b-label.nostatus,
.b-badge.nostatus {
  color: #777777;
  background: #FFF;
}

/* user statuses */
.b-label.b-label_text.blocked {
  color: #F25509;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: transparent;
}

.b-button.blocked,
.b-label.blocked,
.b-badge.blocked {
  color: #FFF;
  background: #F25509;
}

/* buttons */
.b-button_status,
.b-button_status:hover,
.b-button_status:active {
  filter: none;
  color: #FFF;
  text-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);
  border-color: transparent;
  border-color: rgba(0, 0, 0, 0.1);
}

.b-button_status:hover {
  border-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.b-button_status:active {
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset;
}

.b-button.b-button_color_orange:hover > .b-button__icon.dropdown_down,
.b-button.b-button_color_primary:hover > .b-button__icon.dropdown_down,
.b-button.b-button_status:hover > .b-button__icon.dropdown_down,
.b-button.b-button_color_orange:hover > .b-button__icon.dropdown_up,
.b-button.b-button_color_primary:hover > .b-button__icon.dropdown_up,
.b-button.b-button_status:hover > .b-button__icon.dropdown_up,
.b-button.b-button_color_orange > .b-button__icon.dropdown_down,
.b-button.b-button_color_primary > .b-button__icon.dropdown_down,
.b-button.b-button_status > .b-button__icon.dropdown_down,
.b-button.b-button_color_orange > .b-button__icon.dropdown_up,
.b-button.b-button_color_primary > .b-button__icon.dropdown_up,
.b-button.b-button_status > .b-button__icon.dropdown_up {
  color: #FFF;
}

/* labels in b-button_status */
.b-button.b-button_status .b-label {
  display: inline;
  padding: 0;
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  text-shadow: inherit;
  white-space: inherit;
  vertical-align: inherit;
  background-color: transparent;
}

.b-button.b-button_status .b-button__label:first-child .b-label:first-child,
.b-button.b-button_status .b-button__label:last-child .b-label:last-child {
  margin: 0;
}

/* labels in .b-popup-menu__button > .label */
.b-popup-menu__button > .label .b-label {
  padding: 0;
}

/* edit_button */
.b-button__edit_button,
.b-button__edit_button:hover,
.b-button__edit_button:active {
  background: #ff2a00;
  border-color: #e52600;
  text-shadow: none;
  color: #FFF;
  -moz-transition: background 2s, border 2s;
  -webkit-transition: background 2s, border 2s;
  -o-transition: background 2s, border 2s;
  transition: background 2s, border 2s;
}

.b-button__edit_button:hover {
  background: #f22800;
}

/* view_button */
.b-button__view_button,
.b-button__view_button:hover,
.b-button__view_button:active {
  background: #ffd400;
  border-color: #e5be00;
  text-shadow: none;
  -moz-transition: background 2s, border 2s;
  -webkit-transition: background 2s, border 2s;
  -o-transition: background 2s, border 2s;
  transition: background 2s, border 2s;
}

.b-button__view_button:hover {
  background: #f2ca00;
}

/* grid and form label colors */
.b-grid__cell .green,
.b-forms__cell .green {
  color: green;
}

.b-grid__cell .red,
.b-forms__cell .red {
  color: red;
}

/* badge light */
.user-app .badge,
.b-badge_light,
.b-tree__item .b-badge {
  padding-right: 6px;
  padding-left: 6px;
  margin: 1px 0px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  font-size: 11px;
  line-height: 12px;
  font-weight: normal;
  text-shadow: none;
  color: #555;
  background: #e5e5e5;
}

/* @end */
/* @group b-txt */
.b-txt_gray {
  color: #808080;
}

.b-txt_gray_labelDefault {
  color: #999;
  margin-right: 10px;
}

/* @end */
/* @group RTL */
.g-rtl .b-label_tag {
  margin-right: 0;
  margin-left: 5px;
}

.g-rtl .b-buttons-list .b-label_button {
  margin-right: 7px;
  margin-left: 6px;
}

.g-rtl .b-buttons-list .b-toolbar__txt .b-label_button {
  margin-left: 0;
}

.g-rtl .b-label.right {
  float: left;
}

.g-rtl .b-txt_gray_labelDefault {
  margin-right: 0;
  margin-left: 10px;
}

/* @end */
/* animations */
@keyframes showPopAndFadeMenuBadge {
  from {
    opacity: 0.5;
    -ms-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  to {
    opacity: 1;
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes showPopAndFadeMenuBadge {
  from {
    opacity: 0.5;
    -ms-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  to {
    opacity: 1;
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
/* @group Layer */
.b-layer {
  background: #f5f5f5;
  border: 1px solid #BBB;
  padding: 0;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.b-layer_default {
  padding: 5px 8px;
}

.b-layer__no_border {
  border-width: 0;
}

.b-layer > .b-toolbar:last-child {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border-bottom: 0;
}

.b-layer_combo .b-text-field_advanced {
  margin: -1px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 4px 3px;
  height: 33px;
  border-color: #aaa;
}

.b-layer_combo .b-text-field_advanced:hover,
.b-layer_combo .b-text-field_combo.b-text-field_advanced_focus,
.b-layer_combo .b-text-field_combo_editable.b-text-field_advanced_focus,
.b-layer_combo .b-text-field_advanced_focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: #aaa;
}

/* _listVisible */
.b-layer_combo .b-text-field_advanced_listVisible,
.b-layer_combo .b-text-field_advanced_listVisible:hover,
.b-layer_combo .b-text-field_advanced_listVisible.b-text-field_combo.b-text-field_advanced_focus,
.b-layer_combo .b-text-field_advanced_listVisible.b-text-field_combo_editable.b-text-field_advanced_focus,
.b-layer_combo .b-text-field_advanced_listVisible.b-text-field_advanced_focus {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  border-bottom-color: #ddd;
}

.b-layer_combo .b-text-field__icon.dropdown {
  display: none;
}

.b-layer .loader {
  padding: 10px;
  display: block;
}

/* @end */
/* @group Arrows Layer */
/* border */
.b-arrow.b-layer:before {
  border-color: #bbb;
}

/* bg */
.b-arrow.b-layer:after {
  border-color: #f5f5f5;
}

/* @end */
/* @group Avatar List Layer */
.b-layer_avatarList {
  padding: 5px;
}

.b-layer_avatarList .b-avatar {
  margin-right: 5px;
}

.b-layer_avatarList .b-avatar:last-child {
  margin-right: 0;
}

/* @end */
/* @group Users List Layer */
.b-layer_usersList {
  padding: 5px;
}

.b-layer_usersList .b-user-layer_usersList {
  margin-bottom: 5px;
}

.b-layer_usersList .b-user-layer_usersList:last-child {
  margin-bottom: 0;
}

/* @end */
.firefox .b-layer_combo {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

/* @group Mask */
.b-mask {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
}

.b-content-scrollable > .b-mask,
.b-content-scrollable > * > .b-mask {
  position: fixed !important;
}

/*
_overlay
*/
.b-mask_overlay {
  background: rgba(0, 0, 0, 0.5);
}

/*
_opaque
*/
.b-mask_opaque {
  background: #FFF;
}

.b-mask_opaque.b-mask_overlay {
  background: #000;
}

/* @end */
/* @group Mask > loader */
.b-mask__loader {
  display: table;
  width: 100%;
  height: 100%;
}

.b-mask__loader__i {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.b-mask__loader-txt {
  display: inline-block;
  display: none;
  padding: 10px 12px 10px 40px;
  background: #fff url(images/gif/loading.gif) 10px 50% no-repeat;
  background-size: 16px;
  border: 1px solid #888;
  -webkit-box-shadow: inset 0 0 15px 5px rgba(8, 8, 8, 0.1);
  -moz-box-shadow: inset 0 0 15px 5px rgba(8, 8, 8, 0.1);
  box-shadow: inset 0 0 15px 5px rgba(8, 8, 8, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.b-mask__loader-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #333;
}

.b-mask_overlay .b-mask__loader-icon {
  background-color: #FFF;
}

.b-mask__request {
  top: 0;
  left: 0;
  display: table;
  width: 100%;
  height: 100%;
  z-index: 10000;
}

/* @end */
/* @group RTL */
.g-rtl .b-mask__loader-txt {
  padding: 10px 40px 10px 12px;
  background-position: 90% 50%;
  background-position: calc(100% - 10px) 50%;
}

/* @end */
/* @group Menu */
.b-menu {
  position: relative;
  /*overflow: hidden;*/
  background: #007384;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

/* sidebar */
.b-menu__sidebar {
  flex: 0 1 auto;
}

/* main */
.b-menu__logo {
  width: 48px;
  height: 48px;
  display: block;
  cursor: pointer;
  overflow: hidden;
  -moz-transition: background 0.2s;
  -webkit-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
  flex: 0 1 auto;
}

.b-menu__logo img {
  max-width: 32px;
  max-height: 32px;
  margin: 8px;
  display: block;
}

.b-menu__main {
  flex: 1 1 auto;
}

/* b-menu__avatar */
.b-menu__avatar {
  width: 26px;
  height: 26px;
  margin: 6px;
  margin-left: 0;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1), inset 0 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1), inset 0 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.1), inset 0 0 0 rgba(0, 0, 0, 0.1);
}

.b-menu__avatar:hover {
  background-image: -moz-linear-gradient(top, #729b00, #698f00);
  /* Firefox 3.6+ */
  /* Chrome 1-9, Safari 4-5 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #729b00), color-stop(100%, #698f00));
  /* Chrome 10+, Safari 5.1+ */
  background-image: -webkit-linear-gradient(top, #729b00, #698f00);
  background-image: -o-linear-gradient(top, #729b00, #698f00);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #729b00, #698f00);
  /* IE10 */
  background-image: linear-gradient(to bottom, #729b00, #698f00);
  /* CSS3 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#729b00', endColorstr='#698f00',GradientType=0 );
  /* IE6-8 */
  border: 1px solid #5E8100;
  border-bottom-color: #455F00;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 0 rgba(0, 0, 0, 0.1);
}

.b-menu__avatar:active {
  border: 1px solid #455F00;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(0, 0, 0, 0.1);
}

.b-menu__avatar img {
  width: 26px;
  height: 26px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/* chart */
.b-menu__item .b-circle-chart {
  margin: 8px;
  width: 32px;
  height: 32px;
  font-size: 32px;
  background: #039db3;
  -moz-transition: background 0.2s;
  -webkit-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
}

.b-menu__item:hover .b-circle-chart {
  background: #00adc6;
}

.b-menu__item.selected .b-circle-chart,
.b-menu__item:active .b-circle-chart {
  background: #007384;
}

.b-menu__item .b-circle-chart:after {
  background: #007384;
  -moz-transition: background 0.2s;
  -webkit-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
}

.b-menu__item:hover .b-circle-chart:after {
  background: #039db3;
}

.b-menu__item.selected .b-circle-chart:after,
.b-menu__item:active .b-circle-chart:after {
  background: #00adc6;
}

.b-menu__item .b-circle-chart__sliceIn {
  background: #fff;
}

.b-menu__item .b-circle-chart__legend {
  font-size: 12px;
  color: #c0d7db;
  -moz-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}

.b-menu__item.selected .b-circle-chart__legend,
.b-menu__item:active .b-circle-chart__legend,
.b-menu__item:hover .b-circle-chart__legend {
  color: #fff;
}

/* items list */
.b-menu__list {
  margin: 0;
  list-style-type: none;
  padding: 0;
}

/*.b-menu__list:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}*/
/* node */
.b-menu__node {
  margin: 0;
  padding: 0;
  -moz-transition: background 0.2s;
  -webkit-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
  position: relative;
}

/* item */
.b-menu__item {
  font-size: 13px;
  line-height: 26px;
  cursor: pointer;
  color: #c0d7db;
  border: 0;
  margin: 0;
  padding: 0;
  height: 38px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: background 0.2s;
  -webkit-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
  /*overflow: hidden;*/
  position: relative;
  z-index: 2;
  display: inline-block;
  vertical-align: top;
  background: #007384;
}

.b-menu__item .b-icon {
  margin-top: 5px;
  vertical-align: top;
}

.b-menu__item__icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 7px 12px;
  vertical-align: top;
}

.b-menu__item__icon.fa_20 {
  width: 26px;
  height: 20px;
  margin: 9px 11px;
}

.b-menu__item__icon.fontello,
.b-menu__item__icon.fa {
  color: inherit;
}

.b-menu__item__icon.fa-calendar.fa_20 + .b-menu__item__label {
  position: absolute;
  top: 13px;
  left: 12px;
  display: block;
  width: 24px;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
}

.b-menu__item_img {
  padding: 0;
}

.b-menu__item_img img {
  display: block;
  width: 32px;
  height: 32px;
  margin: 3px 8px;
}

.b-menu__item_avatar {
  height: 48px;
}

.b-menu__item_avatar img {
  width: 32px;
  height: 32px;
  margin: 8px 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.b-menu__item_avatar img[name="avatarItem"] {
  background-color: #FFF;
}

.b-menu__item_chart {
  height: 48px;
}

/* _hover item */
.b-menu__logo.active,
.b-menu__item.active,
.b-menu__logo:hover,
.b-menu__item:hover {
  color: #FFF;
  background-color: #039db3;
}

/* _active item */
.b-menu__logo:active,
.b-menu__logo.selected,
.b-menu__item:active,
.b-menu__item.selected {
  background: #00adc6;
  color: #FFF;
}

/* disabled item */
.b-menu__item.disabled:hover,
.b-menu__item.disabled:active,
.b-menu__item.disabled {
  opacity: 0.5;
  background: transparent;
}

.b-menu__item.disabled:hover .b-menu__item__icon {
  color: #c0d7db;
}

/* _no-shadow items list */
.b-menu__list_no-shadow > .b-menu__item {
  text-shadow: none;
}

/* _highlight */
.b-menu__item_highlight {
  color: #fff;
}

/* _ok */
.b-menu__item_ok {
  				/*margin-right: 12px;
                  background: #009e0f;
                  border-color: #00695C;*/
  color: #009e0f;
  background: #009e0f;
  color: #fff;
}

				/*.b-menu__item_ok:hover {
                    background: #00910E;
                    border-color: #00695C;
                    }
				.b-menu__item_ok:active,
				.b-menu__item_ok.selected {
                    background: #008B0D;
                    border-color: #00695C;
					}*/
/* _problem */
.b-menu__item_problem {
  color: #fe9800;
  /*background: #fe9800;
  color: #fff;*/
}

.b-menu__item_problem:hover .fa {
  color: #fe9800;
}

.b-menu__item_problem .fa-exclamation-triangle {
  position: relative;
  /*text-shadow: -1px -1px 0 #fff,
  	1px -1px 0 #fff,
  	-1px 1px 0 #fff,
  	1px 1px 0 #fff;*/
  text-shadow: -1px -1px 0 #fff, -1px 0px 0 #fff, -1px 1px 0 #fff, 0px -1px 0 #fff, 0px 0px 0 #fff, 0px 1px 0 #fff, 1px -1px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff;
}

.b-menu__item_problem .fa-exclamation-triangle:before {
  position: relative;
  z-index: 2;
}

.b-menu__item_problem .fa-exclamation-triangle:after {
  /*content: '';
  width: 6px;
  height: 12px;*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  /*background-color: #fff;*/
}

.b-menu__item_problem .fa_20.fa-exclamation-triangle:after {
  width: 26px;
}

/*.b-menu__item_problem .fa-exclamation-triangle {
	position: relative;
	}
.b-menu__item_problem .fa-exclamation-triangle:before {
	position: relative;
	z-index: 2;
	}
.b-menu__item_problem .fa-exclamation-triangle:after {
	content: "\f071";
	position: absolute;
	top: -1px;
	left: 0;
	z-index: 1;
	color: #fff;
	font-size: 24px;
	}*/
.b-menu__item_problem:hover {
  color: #fe9800;
}

.b-menu__item_problem:active,
.b-menu__item_problem.selected {
  color: #fe9800;
}

/* subList */
.b-menu__subList {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: none;
  display: flex;
  position: absolute;
  left: 48px;
  top: 0;
  bottom: 0;
  background: #007384;
  -moz-transition: width 0.2s ease 0.5s;
  -webkit-transition: width 0.2s ease 0.5s;
  -o-transition: width 0.2s ease 0.5s;
  transition: width 0.2s ease 0.5s;
  width: 0;
  overflow: hidden;
}

.b-menu__node:hover .b-menu__subList {
  display: flex;
  /*animation: showSubMenu 0.2s 1;
  -webkit-animation: showSubMenu 0.2s 1;*/
  -moz-transition: width 0.2s;
  -webkit-transition: width 0.2s;
  -o-transition: width 0.2s;
  transition: width 0.2s;
}

.b-menu__node_hide:hover .b-menu__subList {
  width: 0 !important;
}

.b-menu__node:hover .b-menu__subList_1 {
  width: 38px;
}

.b-menu__node:hover .b-menu__subList_2 {
  width: 76px;
}

.b-menu__node:hover .b-menu__subList_3 {
  width: 114px;
}

.b-menu__node:hover .b-menu__subList_4 {
  width: 152px;
}

.b-menu__node:hover .b-menu__subList_5 {
  width: 190px;
}

.b-menu__node:hover .b-menu__subList_6 {
  width: 228px;
}

.b-menu__node:hover .b-menu__subList_7 {
  width: 266px;
}

.b-menu__node:hover .b-menu__subList_8 {
  width: 304px;
}

.b-menu__node:hover .b-menu__subList_9 {
  width: 342px;
}

.b-menu__node:hover .b-menu__subList_10 {
  width: 380px;
}

.b-menu__subList__item {
  display: block;
  width: 38px;
  color: #c0d7db;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.b-menu__subList__item:hover {
  color: #FFF;
  background: #039db3;
}

.b-menu__subList__item:active,
.b-menu__subList__item.selected {
  background: #00adc6;
  color: #FFF;
}

.b-menu__subList__item .b-menu__item__icon {
  margin: 7px;
}

.b-menu__subList__item .b-menu__item__icon.fa_20 {
  margin: 9px 6px;
}

/* @end */
/* @group RTL */
.g-rtl .b-menu__subList {
  left: auto;
  right: 48px;
}

/* @end */
/* animations */
@keyframes showSubMenu {
  from {
    opacity: 0.5;
    -ms-transform: translateX(-38px);
    -moz-transform: translateX(-38px);
    -webkit-transform: translateX(-38px);
    -o-transform: translateX(-38px);
    transform: translateX(-38px);
  }
  to {
    opacity: 1;
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes showSubMenu {
  from {
    opacity: 0.5;
    -ms-transform: translateX(-38px);
    -moz-transform: translateX(-38px);
    -webkit-transform: translateX(-38px);
    -o-transform: translateX(-38px);
    transform: translateX(-38px);
  }
  to {
    opacity: 1;
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
/* @group Paging */
/* current page text-field */
.b-paging > .b-buttons-list__inlineBlock > .current-page,
.b-paging > .current-page {
  margin: 0 5px;
  width: 30px;
  border-color: #e5e5e5;
  color: #999;
}

/* button */
.b-paging > .b-buttons-list__inlineBlock > .b-button,
.b-paging > .b-button {
  color: #999;
}

/* paging text */
.b-paging .b-toolbar__txt {
  color: #999;
}

/* icons */
/*.b-paging .start,
.b-paging .previous,
.b-paging .next,
.b-paging .end {
	position: relative;
	}*/
.b-datepicker .previous:after,
.b-datepicker .next:after {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 5px;
  left: 2px;
  border: 1px solid transparent;
  border-width: 0 1.5px 1.5px 0;
  border-color: #999;
  -moz-transition: border-color 0.2s;
  -webkit-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  transition: border-color 0.2s;
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.b-datepicker .previous:after {
  left: auto;
  left: initial;
  right: 2px;
  border-width: 0 0 1.5px 1.5px;
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.b-paging .end:before {
  /*left: 4px;*/
}

.b-paging .start:before {
  /*right: 4px;*/
}

			/*.b-paging .start:after,
			.b-paging .end:after {
				content: '';
				display: block;
				
				width: 1.1px;
				height: 11px;
				
				position: absolute;
				top: 3px;
				left: 13.3px;
				
				background-color: #999;
                
                @include transition((background-color 0.2s));
				}
			.b-paging .start:after {
				left: auto;
				right: 13.3px;
				}*/
/* button hover */
                /*.b-paging .b-button:hover .start:before,
                .b-paging .b-button:hover .previous:before,
                .b-paging .b-button:hover .next:before,
                .b-paging .b-button:hover .end:before {
                    border-color: #777;
				}
                .b-paging .b-button:hover .start:after,
                .b-paging .b-button:hover .end:after {
                    background-color: #777;
				}*/
.b-paging .g-rtl__cancel {
  vertical-align: top;
}

/* @end */
/* @group Paging > _simple */
/* position text */
.b-paging_simple > .position {
  font-size: 12px;
  margin-right: 5px;
}

/* @end */
/* @group RTL */
/* position text */
.g-rtl .b-paging_simple > .position {
  margin-right: 0;
  margin-left: 5px;
}

/* @end */
/* @group Popup menu */
/* default text menu */
.b-popup-menu {
  position: absolute;
  z-index: 99;
  max-height: 500px;
  padding: 3px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: auto;
}

.popup-menu .b-popup-menu {
  right: 0;
}

/* list */
.b-popup-menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

/* list scrolled */
.b-popup-menu__list_scrolled {
  overflow: auto;
}

/* list fixed */
.b-popup-menu__list_fixed:first-child {
  border-bottom: 1px solid #ddd;
}

.b-popup-menu__list_fixed:last-child {
  border-top: 1px solid #ddd;
}

/* item */
.b-popup-menu__item {
  border-top: 1px solid transparent !important;
}

.b-popup-menu__item.noselect:hover,
.b-popup-menu__item.noselect:focus,
.b-popup-menu__item.noselect > .b-popup-menu__button {
  cursor: default;
  background: none;
}

/* delimeter */
.b-popup-menu__item_separator {
  height: 0;
  padding: 0;
  border-top: 1px solid #eaeaea;
  margin: 3px 0;
}

.b-popup-menu__item_separator + .b-popup-menu__item {
  border-top: 0 !important;
}

/* button */
.b-popup-menu__list-header,
.b-popup-menu__button {
  display: block;
  padding: 1px 20px 1px 8px;
  position: relative;
  cursor: pointer;
}

/* icon */
.b-popup-menu__list-header > .icon,
.b-popup-menu__button > .icon {
  display: block;
  width: 22px;
  height: 24px;
  /* 22px = label line-height value */
  position: absolute;
  left: 5px;
  top: 1px;
  /*background-position: 50% 50%;*/
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  left: 8px;
  top: 5px;
}

.b-popup-menu__button > .icon > img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  border: 0;
}

.b-popup-menu_with-icons_avatars .b-popup-menu__button > .icon > img {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.b-popup-menu__button__secondaryIcon {
  display: block;
  position: absolute;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  right: 2px;
  top: 50%;
}

/* checkbox */
.b-popup-menu__button > .b-checkbox,
.b-popup-menu__button > input[type="checkbox"] {
  position: absolute;
  left: 8px;
  top: 8px;
}

.b-popup-menu__button > .b-checkbox {
  top: 50%;
  margin-top: -7px;
}

/* actions */
.b-popup-menu__button__actions {
  float: right;
  margin: 4px -15px 0 5px;
}

.b-popup-menu__button__actions .b-icon {
  vertical-align: top;
}

/* label */
.b-popup-menu__list-header > .label,
.b-popup-menu__button > .label {
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.b-popup-menu__button > .label {
  display: block;
}

.b-popup-menu__button > .label > .b-icon {
  /*top: 4px;*/
  /* this makes problem in ticket edit suggestions (lock icon) */
}

.b-popup-menu__button > .label.bold {
  font-weight: bold;
}

.b-popup-menu__button > .label.indent {
  padding-left: 10px;
}

.b-popup-menu_multiline .b-popup-menu__button > .label {
  margin: 3px 0;
  display: block;
  white-space: normal;
  line-height: 18px;
}

/* label description */
.b-popup-menu__button > .description {
  font-size: 11px;
  display: block;
  margin: 0 5px 7px 0;
  line-height: 16px;
  color: #666;
}

/* b-popup-menu__button_user */
.b-popup-menu__list.with-icons .b-popup-menu__button_user {
  min-height: 42px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.b-popup-menu__button_user > .icon {
  width: 30px;
  height: 30px;
  top: 6px;
}

.b-popup-menu__button_user > .icon > img {
  border-radius: 50%;
}

.b-popup-menu__button > .label_name {
  font-size: 13px;
  color: #000;
}

.b-popup-menu__button > .label_contacts {
  margin-top: -6px;
  font-size: 11px;
  color: #888;
}

/*
_parent item button
*/
.b-popup-menu__button.parent {
  margin: 0 5px 0 0;
  position: relative;
}

/*.b-popup-menu__button.parent:after {
	content: '';
	display: block;
	
	width: 0;
	height: 0;
	
	position: absolute;
	top: 9px;
	right: 5px;
	
	border: 7px solid transparent;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-right-width: 0;
	border-left-color: #999;
	}*/
.b-popup-menu__button.parent:before {
  position: absolute;
  top: 5px;
  right: 5px;
}

.b-popup-menu__button_user.parent:before {
  top: 14px;
}

/*
:hover and :focus item
*/
.b-popup-menu__item:hover,
.b-popup-menu__item:focus,
.b-popup-menu__item.selected {
  background: #EEF6FB;
  background: #efefef;
  /*background: #B7DBDB;*/
}

/*
_disabled
*/
.b-popup-menu__item.disabled {
  background: transparent !important;
  opacity: 0.4 !important;
  filter: alpha(opacity=40) !important;
  cursor: default;
}

.b-popup-menu__item.disabled_normalized {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

.b-popup-menu__item.disabled > .b-popup-menu__button {
  cursor: default;
}

                /*
				__hidden
				*/
.b-popup-menu__button__hidden {
  opacity: 0.6 !important;
  filter: alpha(opacity=60) !important;
}

/*
_with-icons list view
*/
/* button*/
.b-popup-menu__list-header.has-icon,
.b-popup-menu__list.with-icons .b-popup-menu__button {
  padding-left: 31px;
}

.b-popup-menu__list.with-icons .b-popup-menu__button_user {
  padding-left: 46px;
}

/*
_group items
*/
.b-popup-menu__list.group {
  padding: 3px 0;
  border-top: 1px solid #bbb;
}

.b-popup-menu__list.group:first-child {
  border-top: 0;
}

            /*
			delimiter
			*/
.b-popup-menu__item.disabled.b-popup-menu__delimiter,
.b-popup-menu_main-menu .b-popup-menu__item.b-popup-menu__delimiter,
.b-popup-menu__delimiter {
  display: block;
  height: 0;
  overflow: hidden;
  margin-top: 3px;
  padding-bottom: 3px;
  border-top: 1px solid #bbb;
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

.b-popup-menu__list-message {
  padding: 2px 6px;
}

/* list header */
.b-popup-menu__list-header {
  cursor: default;
}

/*
_groups popup menu view
*/
.b-popup-menu_groups {
  padding: 0;
}

/* @end */
/* @group Arrows */
/* border */
.b-arrow.b-popup-menu:before {
  border-color: #aaa;
}

/* bg */
.b-arrow.b-popup-menu:after {
  border-color: #FFF;
}

/* @end */
/* @group RTL */
/* button */
.g-rtl .b-popup-menu__list-header,
.g-rtl .b-popup-menu__button {
  padding-left: 20px;
  padding-right: 8px;
}

/* icon */
.g-rtl .b-popup-menu__list-header > .icon,
.g-rtl .b-popup-menu__button > .icon {
  left: auto;
  right: 8px;
}

.g-rtl .b-popup-menu__button__secondaryIcon {
  right: auto;
  left: 2px;
}

/* actions */
.g-rtl .b-popup-menu__button__actions {
  float: left;
  margin-right: 5px;
  margin-left: -15px;
}

/* checkbox */
.g-rtl .b-popup-menu__button > input[type="checkbox"] {
  left: auto;
  right: 8px;
}

/* label description */
.g-rtl .b-popup-menu__button > .description {
  margin: 0 0 7px 5px;
}

/* default text menu */
.g-rtl .popup-menu .b-popup-menu {
  right: auto;
  left: 0;
}

/* label */
.g-rtl .b-popup-menu__button > .label.indent {
  padding-left: 0;
  padding-right: 10px;
}

/*
_parent item button
*/
.g-rtl .b-popup-menu__button.parent {
  margin: 0 0 0 5px;
}

/*.g-rtl .b-popup-menu__button.parent:after {
	right: auto;
	left: 5px;
	
	border-right-width: 7px;
	border-left-width: 0;
	border-left-color: transparent;
	border-right-color: #999;
	}*/
.g-rtl .b-popup-menu__button.parent:before {
  right: auto;
  left: 5px;
}

/*
_with icons list
*/
.g-rtl .b-popup-menu__list-header.has-icon,
.g-rtl .b-popup-menu__list.with-icons .b-popup-menu__button {
  padding-left: 20px;
  padding-right: 31px;
}

.g-rtl .b-popup-menu__list.with-icons .b-popup-menu__button_user {
  padding-right: 46px;
}

/* @end */
/* browser specific */
.ie .b-popup-menu__button > .icon > img[src*=".svg"] {
  width: 100%;
}

/* @group Popup menu > _main-menu view */
.b-popup-menu_main-menu {
  max-width: 500px;
  /*
  padding: 0;
  */
}

.b-popup-menu_main-menu .b-popup-menu__item {
  border-top: 1px dotted #eee;
}

.b-popup-menu_main-menu .b-popup-menu__delimiter + .b-popup-menu__item,
.b-popup-menu_main-menu .b-popup-menu__item:first-child {
  border: 0;
}

/* button */
.b-popup-menu_main-menu .b-popup-menu__button {
  padding-right: 20px;
}

/* @end */
/* @group RTL */
/* button */
.g-rtl .b-popup-menu_main-menu .b-popup-menu__button {
  padding-right: 8px;
  padding-left: 20px;
}

/* @end */
/* @group Popup menu > _scrollable */
.b-popup-menu_scrollable {
  position: relative;
  position: absolute;
  overflow: hidden;
  padding: 10px 0;
}

.b-popup-menu_scrollable > .buttons-case {
  overflow: auto;
  height: 100%;
  /*			margin-right: -16px;*/
}

/* _scroll buttons */
.b-popup-menu_scrollable .scroll_up,
.b-popup-menu_scrollable .scroll_down {
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  height: 10px;
  padding: 0;
  border: 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}

.b-popup-menu_scrollable .scroll_down {
  top: auto;
  bottom: 0px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}

.b-popup-menu_scrollable .scroll_up,
.b-popup-menu_scrollable .scroll_down,
.b-popup-menu_scrollable .scroll_up:hover,
.b-popup-menu_scrollable .scroll_down:hover {
  /*background: url(img/pointer_resizer.png) 50% 0 no-repeat;*/
  background: transparent;
}

.b-popup-menu_scrollable .scroll_up:after,
.b-popup-menu_scrollable .scroll_down:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  margin-left: -4px;
  position: absolute;
  top: 3px;
  left: 50%;
  border: 4px solid transparent;
  border-top-width: 0;
  border-bottom-color: #6c6c6c;
}

.b-popup-menu_scrollable .scroll_down:after {
  top: auto;
  bottom: 3px;
  border: 4px solid transparent;
  border-bottom-width: 0;
  border-top-color: #6c6c6c;
}

.b-popup-menu_scrollable .scroll_up:hover,
.b-popup-menu_scrollable .scroll_down:hover {
  background-color: #f8f8f8;
}

.b-popup-menu_scrollable .scroll_up:hover {
  border-bottom: 1px solid #ccc;
}

.b-popup-menu_scrollable .scroll_down:hover {
  border-top: 1px solid #ccc;
}

.b-popup-menu_scrollable .scroll_down,
.b-popup-menu_scrollable .scroll_down:hover {
  background-position: 50% 100%;
}

/* @end */
/* @group Popup menu > _style_combo */
.b-popup-menu_style_combo {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  overflow: visible;
}

.b-popup-menu_style_combo_layer {
  /*@include transform((translateY(-1px)));*/
  /*border-top: 0;*/
  border-top-color: #ddd;
  position: relative;
  top: 0 !important;
  margin: -1px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* icon */
.b-popup-menu_style_combo.b-popup-menu_style_combo_macros .b-popup-menu__button > .icon {
  opacity: 0.4;
}

/* label */
.b-popup-menu_style_combo .b-popup-menu__button > .label {
  color: #000;
}

/* @end */
/*.firefox .b-popup-menu_style_combo_layer {
    @include box-shadow(0 5px 10px rgba(0,0,0,0.1));
}*/
/* @group Progress Bar */
.b-progressbar {
  position: relative;
  display: block;
  height: 14px;
  border: 1px solid #6593CF;
}

.b-progressbar__line {
  font-style: normal;
  display: block;
  height: 100%;
  width: 0;
  background: #abd3f9;
  /* Old browsers */
  background: -moz-linear-gradient(top, #abd3f9 0%, #72b3ed 50%, #69a9e1 50%, #89bcea 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #abd3f9), color-stop(50%, #72b3ed), color-stop(50%, #69a9e1), color-stop(100%, #89bcea));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #abd3f9 0%, #72b3ed 50%, #69a9e1 50%, #89bcea 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #abd3f9 0%, #72b3ed 50%, #69a9e1 50%, #89bcea 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #abd3f9 0%, #72b3ed 50%, #69a9e1 50%, #89bcea 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ABD3F9', endColorstr='#89BCEA',GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, #abd3f9 0%, #72b3ed 50%, #69a9e1 50%, #89bcea 100%);
  /* W3C */
}

.b-progressbar__txt {
  font-style: normal;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 14px;
  text-align: center;
}

/* @end */
/* @group Quick bar */
.b-quickbar {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* regular */
/* title */
.b-quickbar__ttl {
  position: relative;
  padding: 0 6px;
  overflow: hidden;
  /* need for currect :focus in ff */
  border-color: #ccc;
  border-style: solid;
  border-width: 0 0 1px 0;
  background-image: -moz-linear-gradient(top, #f9f9f9, #f2f2f2);
  /* Firefox 3.6+ */
  /* Chrome 1-9, Safari 4-5 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f2f2f2));
  /* Chrome 10+, Safari 5.1+ */
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f2f2f2);
  background-image: -o-linear-gradient(top, #f9f9f9, #f2f2f2);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f9f9f9, #f2f2f2);
  /* IE10 */
  background-image: linear-gradient(to bottom, #f9f9f9, #f2f2f2);
  /* CSS3 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 );
  /* IE6-8 */
  cursor: pointer;
  outline: none;
  text-shadow: 0 1px 0 #FFF;
}

.b-quickbar__ttl-txt {
  font-size: 15px;
  line-height: 26px;
}

/* _b-toolbox */
.b-quickbar__ttl > .b-toolbox {
  position: absolute;
  top: 6px;
  right: 7px;
}

/* data */
.b-quickbar__data-case {
  position: relative;
}

.b-quickbar__data {
  height: 100%;
  overflow: hidden;
}

/* content */
.b-quickbar__content {
  overflow: auto;
}

/* title */
.b-quickbar__data__ttl-ico {
  width: 30px;
  display: inline-block;
  line-height: 42px;
  vertical-align: top;
  background-position: 0 50%;
  background-repeat: no-repeat;
}

.b-quickbar__data__ttl-txt {
  font-size: 18px;
  line-height: 42px;
}

/* toolbar */
.b-quickbar__data__toolbar.b-toolbar {
  padding-top: 3px;
  padding-bottom: 2px;
  margin-right: 8px;
}

/* _with-tabs data */
/* tabs */
.b-quickbar__tabbar {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
}

/* _selected */
.b-quickbar__item.selected {
  /*overflow: hidden;*/
}

/* title */
.b-quickbar__item.selected > .b-quickbar__ttl {
  cursor: default;
}

/* data */
.b-quickbar__item.selected > .b-quickbar__data {
  /*
  display: block;
  */
}

/* @end */
/* @group RTL */
/* _b-toolbox */
.g-rtl .b-quickbar__ttl > .b-toolbox {
  right: auto;
  left: 7px;
}

/* toolbar */
.g-rtl .b-quickbar__data__toolbar.b-toolbar {
  margin-right: 0;
  margin-left: 8px;
}

/* _with-tabs data */
/* tabs */
.g-rtl .b-quickbar__tabbar {
  left: auto;
  right: 0;
}

/* content */
.g-rtl .b-quickbar__data-case_with-tabs > .b-quickbar__data {
  /*margin-left: 0;
  margin-right: 33px;*/
}

/* @end */
/* @group Radio */
.b-radio {
  display: inline-block;
  position: relative;
  padding: 0 0 0 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.b-radio + .b-radio {
  margin-left: 10px;
}

.b-radio.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/* input */
.b-radio input[type="radio"] {
  position: absolute;
  left: 6px;
  top: 6px;
  margin: 0;
  opacity: 0;
}

.b-radio .b-radio__pseudo {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  left: 0;
  top: 2px;
  border: 1px solid #ccc;
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: border-color 0.2s, background 0.2s;
  -webkit-transition: border-color 0.2s, background 0.2s;
  -o-transition: border-color 0.2s, background 0.2s;
  transition: border-color 0.2s, background 0.2s;
  cursor: default;
}

.b-radio:hover .b-radio__pseudo {
  border-color: #bbb;
}

.b-radio:active .b-radio__pseudo {
  background: #fafafa;
}

.b-radio input[type="radio"]:disabled ~ .b-radio__pseudo {
  opacity: 0.5;
}

.b-radio .b-radio__pseudo:before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 3px;
  left: 3px;
  background-color: transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.b-radio input[type="radio"]:checked ~ .b-radio__pseudo:before {
  background-color: #666;
}

/* @end */
/* @group RTL */
.g-rtl .b-radio + .b-radio {
  margin-left: 0;
  margin-right: 10px;
}

/* input */
.g-rtl .b-radio input[type="radio"] {
  left: auto;
  right: 6px;
}

.g-rtl .b-radio .b-radio__pseudo {
  left: 0;
  right: 0;
}

/* label */
.g-rtl .b-radio {
  padding: 0 20px 0 0;
}

/* @end */
/* @group Custom style */
/* input */
/*.ie .b-radio input[type="radio"] {
	left: -3px;
	top: -1px;
	}*/
/* @end */
/* @group Toolbar */
.b-toolbar.b-toolbar_reply {
  background: transparent;
  border-top: 0;
  border-bottom: 0;
  padding: 0;
}

.b-toolbar.b-toolbar_reply .b-toolbar__txt_h a {
  margin-right: 10px;
}

.b-toolbar.b-toolbar_reply .b-toolbar__txt_h a.b-user-layer__info-name {
  margin-right: 0;
  color: #4b879a;
}

/* sidebar */
/*.b-toolbar.b-toolbar_reply .b-toolbar__sidebar time.g-date {
    margin-right: 17px;
}*/
.b-toolbar.b-toolbar_reply .b-toolbar__sidebar time.g-date {
  font-size: 11px;
}

/* @end */
/* rtl */
/*.g-rtl .b-toolbar.b-toolbar_reply .b-toolbar__sidebar time.g-date {
    margin-right: 0;
    margin-left: 17px;
}*/
/* @group Reply */
.b-replies {
  /*border-bottom: 1px solid $toolbar-border-color;*/
}

.b-replies:empty {
  border-bottom: 0;
}

/* topic */
.b-topic ~ * .b-replies,
.b-topic ~ .b-replies {
  border-bottom-color: #eee;
}

/* replies in popup */
.default-data-layout .b-replies {
  margin: -10px;
}

.default-data-layout .b-replies:first-child {
  margin-top: 0;
}

.b-reply {
  padding: 15px;
  border-bottom: 1px dotted #eeeeee;
  position: relative;
}

.b-reply:last-child {
  border-bottom: 1px solid #eeeeee;
  border-bottom-color: transparent;
}

.b-reply_hidden {
  opacity: 0.6;
  border-bottom-color: #e5e5e5;
}

        /*.b-reply_new.b-reply_note,
		.b-reply_note {
			background-color: #fef2e7;
			}*/
.b-reply_note:after {
  content: '';
  display: block;
  width: 3px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #ffc646;
}

.b-reply_new {
  background-color: rgba(199, 255, 90, 0.25);
}

.b-reply_new_show {
  animation: showReply .4s;
  -webkit-animation: showReply .4s;
  /* Safari and Chrome */
}

/* avatar */
.b-reply .b-avatar {
  float: left;
  position: absolute;
  width: 40px;
  height: 40px;
}

.b-reply .b-avatar img {
  max-width: 100%;
  max-height: 100%;
}

/* content */
.b-reply__content {
  margin-left: 70px;
  min-height: 40px;
  margin-left: 60px;
}

.b-avatar_min + .b-reply__content {
  margin-left: 60px;
}

.b-reply__content .b-informer_activity {
  margin-top: 15px;
}

/* reply subHeader */
.b-reply__subHeader {
  margin-top: 10px;
  color: #999;
}

.b-reply__subHeader a.b-user-layer__info-name {
  color: #4b879a;
}

/* reply text */
.b-reply__text {
  margin: 16px 0;
  margin-right: 40px;
  font-size: 13px;
  line-height: 18px;
  word-wrap: break-word;
}

.b-reply__textOver .b-reply__text:first-child {
  margin-top: 16px;
}

.b-reply__textOver:first-child .b-reply__text:first-child,
.b-reply__text:first-child {
  margin-top: 0;
}

.b-reply__text_edit {
  margin-right: 0;
}

.b-reply__comment .b-reply__text {
  color: #555;
}

/*.b-reply__text > p {
	white-space: pre;
	}*/
.b-reply__text ul,
.b-reply__text ol {
  padding-left: 30px;
}

.b-reply__text li {
  margin: 5px 0;
}

/* __info */
.b-reply__text__info {
  font-size: 11px;
  color: #AAA;
}

/* table */
.b-reply__text table {
  border-collapse: collapse;
  border-color: #000;
}

.b-reply__text table .highlight {
  background-color: #F0F0F0;
}

.b-reply__text tr.header {
  text-align: center;
  vertical-align: middle;
}

.b-reply__text th,
.b-reply__text td {
  border: 1px solid #DDD;
  padding: 8px;
  vertical-align: top;
}

.b-reply__text th,
.b-reply__text thead th,
.b-reply__text thead td {
  background-color: #eee;
  font-weight: bold;
}

/* _ticket */
.b-reply_ticket .b-reply__text table {
  border-collapse: initial;
  border: initial;
}

.b-reply_ticket .b-reply__text table .highlight {
  background-color: initial;
}

.b-reply_ticket .b-reply__text tr.header {
  text-align: initial;
  vertical-align: initial;
}

.b-reply_ticket .b-reply__text th,
.b-reply_ticket .b-reply__text td {
  border: initial;
  padding: 1px;
  vertical-align: inherit;
}

.b-reply_ticket .b-reply__text th,
.b-reply_ticket .b-reply__text thead th,
.b-reply_ticket .b-reply__text thead td {
  background-color: initial;
}

.b-reply_ticket .b-reply__text thead td {
  font-weight: initial;
}

.b-reply__text__original {
  border: 0 solid #ddd;
  border-left-width: 5px;
  padding-left: 10px;
  margin-top: 10px;
}

.b-reply__text__original > *:first-child {
  margin-top: 0;
}

.b-reply__text__original > *:last-child {
  margin-bottom: 0;
}

/* comments */
.b-reply__comments {
  margin-left: 70px;
  margin-left: 60px;
}

/* comment */
.b-reply__comment {
  border-top: 1px dotted #eaeaea;
  padding-top: 15px;
  margin-top: 15px;
  padding-bottom: 15px;
  margin-bottom: -15px;
}

.b-reply .b-reply__comment .b-avatar {
  width: 25px;
  height: 25px;
}

/* content */
.b-reply__comment .b-reply__content {
  margin-left: 50px;
  min-height: 0;
  margin-left: 45px;
}

/* reply muted buttons */
.b-reply .b-toolbar_reply_muted > .b-button {
  opacity: 0.4;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.b-reply:hover .b-toolbar_reply_muted > .b-button {
  opacity: 1;
}

.b-reply .b-reply__comment .b-toolbar_reply_muted > .b-button {
  opacity: 0.4;
}

.b-reply:hover .b-reply__comment .b-toolbar_reply_muted > .b-button {
  opacity: 0.4;
}

.b-reply:hover .b-reply__comment:hover .b-toolbar_reply_muted > .b-button {
  opacity: 1;
}

/* icon */
.b-reply .b-icon.yes_green {
  margin-top: 4px;
  margin-left: 10px;
  margin-right: 10px;
}

/* label */
/*.b-topic .b-label,
.b-reply .b-label {
	margin-left: 10px;
	margin-right: 10px;
	}
.b-reply .b-label {
	margin-top: 4px;
	}*/
/* @end */
/* @group best reply */
.b-best-reply {
  margin-top: 15px;
  margin-bottom: 15px;
}

/* @end */
/* @group rtl */
/* avatar */
.g-rtl .b-reply .b-avatar {
  float: right;
}

/* content */
.g-rtl .b-reply__content {
  margin-left: 0;
  margin-right: 70px;
  margin-right: 60px;
}

.g-rtl .b-reply__text {
  margin-right: 0;
  margin-left: 40px;
}

/* comments */
.g-rtl .b-reply__comments {
  margin-left: 0;
  margin-right: 70px;
  margin-right: 60px;
}

.g-rtl .b-reply__comment .b-reply__content {
  margin-left: 0;
  margin-right: 60px;
  margin-right: 45px;
}

.g-rtl .b-reply__text ul,
.g-rtl .b-reply__text ol {
  padding-left: 0;
  padding-right: 30px;
}

.g-rtl .b-reply__text__original {
  border-left-width: 0;
  border-right-width: 5px;
  padding-left: 0;
  padding-right: 10px;
}

.g-rtl .b-reply_note:after {
  left: initial;
  right: 0;
}

/* @end */
/* reply bottom reply form */
.b-toolbar.b-toolbar_bottom.b-toolbar_topic-list-bottom {
  min-height: 25px;
}

/*.b-toolbar__sidebar ~ .b-toolbar__ttl.reply-caption-block.reply-caption-block-bottom {
	position: absolute;
	
	background: $toolbar-bg-color;
	box-shadow: 20px 0 10px $toolbar-bg-color;
	}*/
/* @group Resizer */
.b-resizer {
  display: block;
}

.b-resizer__shadow,
.b-resizer__snatch {
  display: block;
}

.b-resizer__shadow {
  display: none;
  height: 24px;
  background: #f5f5f5;
}

.b-resizer__snatch {
  height: 8px;
  background: #f5f5f5;
  border-bottom: 1px solid transparent;
  cursor: n-resize;
  position: relative;
}

.b-resizer__snatch .s-icon {
  display: block;
  width: 18px;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -9px;
  margin-top: -1px;
}

/* _hover */
.b-resizer__snatch:hover {
  background-image: -moz-linear-gradient(top, #f5f5f5, #ededed);
  /* Firefox 3.6+ */
  /* Chrome 1-9, Safari 4-5 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #ededed));
  /* Chrome 10+, Safari 5.1+ */
  background-image: -webkit-linear-gradient(top, #f5f5f5, #ededed);
  background-image: -o-linear-gradient(top, #f5f5f5, #ededed);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f5f5f5, #ededed);
  /* IE10 */
  background-image: linear-gradient(to bottom, #f5f5f5, #ededed);
  /* CSS3 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ededed',GradientType=0 );
  /* IE6-8 */
  border-bottom-color: #bdbdbd;
}

/* _selected */
.b-resizer.selected {
  cursor: n-resize;
}

.b-resizer.selected > .b-resizer__shadow {
  display: block;
}

/* @end */
/* @group Special characted */
.b-special-character {
  border-collapse: collapse;
  background: #fff;
}

.b-special-character__cell {
  padding: 0;
  min-width: 30px;
  min-height: 30px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #BED6E9;
}

.b-special-character__cell > :link,
.b-special-character__cell > :visited {
  font-size: 14px;
  display: block;
  padding: 2px 3px;
  text-decoration: none !important;
  color: #000;
}

/*
:hover, :focus
*/
.b-special-character__cell > :link:hover,
.b-special-character__cell > :link:focus {
  background: #efefef;
}

/* @end */
/* @group Splitter */
.b-splitter {
  position: relative;
  display: block;
  height: 100%;
  width: 3px;
  background-color: whitesmoke;
  cursor: w-resize;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  cursor: w-resize;
  height: 100%;
  -moz-transition: all 130ms ease-in-out;
  -webkit-transition: all 130ms ease-in-out;
  -o-transition: all 130ms ease-in-out;
  transition: all 130ms ease-in-out;
}

/* b-splitter:hover */
.b-splitter:hover {
  background-color: #999;
}

/* icon */
.b-splitter > .b-toolbox__icon {
  display: none;
}

.b-splitter > .s-icon {
  display: block;
  width: 2px;
  height: 18px;
  position: absolute;
  left: 1px;
  top: 50%;
  margin-top: -9px;
}

/* panel name */
.b-splitter > .panel-name {
  font-style: normal;
  font-weight: bold;
  display: none;
  width: 300px;
  height: 300px;
  overflow: hidden;
  padding-top: 10px;
  margin: 0 0 0 -5px;
  text-align: right;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/* _horizontal */
.b-splitter_horizontal {
  display: block;
  height: 2px;
  width: auto;
  border-width: 1px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  cursor: n-resize;
}

.b-splitter_horizontal > .s-icon {
  display: block;
  width: 18px;
  height: 2px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: 0;
  margin-left: -9px;
}

/* @end */
/* @group Splitter -> _left-side_opener */
.b-splitter_left-side_opener {
  width: 15px;
  padding: 3px 2px 0;
  background-image: none;
  cursor: default;
}

/* icon */
.b-splitter_left-side_opener > .b-toolbox__icon {
  display: block;
}

/* panel name */
.b-splitter_left-side_opener > .panel-name {
  display: block;
  line-height: 15px;
}

/* @end */
/* @group Tabbar */
.b-tabbar {
  font-size: 0;
  height: 32px;
  padding: 0 0 0 5px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid #eaeaea;
}

.b-tabbar:first-child {
  padding-top: 5px;
}

.b-tabbar .b-toolbar__txt {
  vertical-align: top;
}

/*
top margin
*/
.b-tabbar_margin-top {
  margin-top: 5px;
}

/*
after .b-toolbar position
*/
.b-toolbar + .b-tabbar {
  margin-top: 5px;
}

/*
aligns
*/
.b-tabbar.right {
  text-align: right;
}

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

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

/* @end */
/* @group b-tabbar_grey */
.b-tabbar.b-tabbar_grey {
  margin: 0;
  padding: 6px;
  height: auto;
  background: #f5f5f5;
  /*border-top: 1px solid #FFF;*/
  border-bottom: 1px solid #eaeaea;
  position: relative;
  z-index: 1;
}

.b-tabbar.b-tabbar_grey .b-button {
  top: 0;
  vertical-align: top;
}

/* @end */
/* @group _pills */
.b-tabbar_pills {
  border-bottom: 1px solid transparent;
}

/* pills inline */
.b-tabbar_pills_inline,
.b-tabbar_pills_inline:first-child {
  width: auto;
  height: auto;
  display: inline-block;
  padding: 0;
  margin: 0;
  border: 0;
}

.l-layout__contentFlex__item_shrink .b-tabbar_pills_inline {
  display: inline;
}

/* _pill tab */
.b-toolbar.b-toolbar_pillsVisible .b-tabbar_pills .b-button_tab,
.b-tabbar_pills .b-button_tab {
  background: whitesmoke;
  filter: progid:DXImageTransform.Microsoft.gradient( enabled="false" ) !important;
  /* IE6-9 */
  border: 1px solid #e5e5e5 !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 25px;
  padding: 0 7px;
}

.b-toolbar .b-tabbar_pills .b-button_tab,
.b-toolbar .b-tabbar_pills .b-button_tab.selected,
.b-toolbar .b-tabbar_pills .b-button_tab.selected:hover,
.b-toolbar .b-tabbar_pills .b-button_tab.selected:active {
  border-color: transparent !important;
}

/* label */
.b-tabbar_pills .b-button_tab > .b-button__label {
  line-height: 23px;
}

/* selected */
.b-toolbar_light .b-tabbar_pills .b-button_tab.selected,
.b-toolbar_light .b-tabbar_pills .b-button_tab.selected:hover,
.b-toolbar_light .b-tabbar_pills .b-button_tab.selected:active,
.b-toolbar_light .b-tabbar_pills .b-button_tab.selected:focus,
.b-toolbar.b-toolbar_pillsVisible .b-tabbar_pills .b-button_tab.selected,
.b-toolbar.b-toolbar_pillsVisible .b-tabbar_pills .b-button_tab.selected:hover,
.b-toolbar.b-toolbar_pillsVisible .b-tabbar_pills .b-button_tab.selected:active,
.b-toolbar.b-toolbar_pillsVisible .b-tabbar_pills .b-button_tab.selected:focus,
.b-tabbar_pills .b-button_tab.selected,
.b-tabbar_pills .b-button_tab.selected:hover,
.b-tabbar_pills .b-button_tab.selected:active,
.b-tabbar_pills .b-button_tab.selected:focus {
  background: #d9d9d9;
  border: 1px solid #CCC !important;
  text-shadow: 0 1px 0 rgba(238, 238, 238, 0.2);
}

/* label */
.b-tabbar_pills .b-button_tab_primary_passive.selected > .b-button__label {
  color: inherit;
}

/* selected _primary */
.b-tabbar_pills .b-button_tab_primary_passive,
.b-toolbar.b-toolbar_pillsVisible .b-tabbar_pills_primary .b-button_tab.selected,
.b-toolbar.b-toolbar_pillsVisible .b-tabbar_pills_primary .b-button_tab.selected:hover,
.b-toolbar.b-toolbar_pillsVisible .b-tabbar_pills_primary .b-button_tab.selected:active,
.b-toolbar.b-toolbar_pillsVisible .b-tabbar_pills_primary .b-button_tab.selected:focus,
.b-tabbar_pills_primary .b-button_tab.selected,
.b-tabbar_pills_primary .b-button_tab.selected:hover,
.b-tabbar_pills_primary .b-button_tab.selected:active,
.b-tabbar_pills_primary .b-button_tab.selected:focus {
  background: #00adc6;
  text-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);
  border: 1px solid transparent !important;
}

.b-tabbar_pills .b-button_tab_primary_passive {
  border: 1px solid #008ea2 !important;
}

/* label */
.b-tabbar_pills .b-button_tab_primary_passive > .b-button__label,
.b-tabbar_pills_primary .b-button_tab.selected > .b-button__label {
  color: #FFF;
}

/* icon */
.b-tabbar_pills .b-button_tab_primary_passive:hover > .b-button__icon.fa,
.b-tabbar_pills .b-button_tab_primary_passive > .b-button__icon.fa,
.b-tabbar_pills_primary .b-button_tab.selected:hover > .b-button__icon.fa,
.b-tabbar_pills_primary .b-button_tab.selected > .b-button__icon.fa {
  color: #FFF;
}

/* selected _note */
.b-toolbar.b-toolbar_pillsVisible .b-tabbar_pills .b-button_tab_note.selected,
.b-toolbar.b-toolbar_pillsVisible .b-tabbar_pills .b-button_tab_note.selected:hover,
.b-toolbar.b-toolbar_pillsVisible .b-tabbar_pills .b-button_tab_note.selected:active,
.b-toolbar.b-toolbar_pillsVisible .b-tabbar_pills .b-button_tab_note.selected:focus,
.b-tabbar_pills .b-button_tab_note.selected,
.b-tabbar_pills .b-button_tab_note.selected:hover,
.b-tabbar_pills .b-button_tab_note.selected:active,
.b-tabbar_pills .b-button_tab_note.selected:focus {
  background-color: #ffcf64;
  border: 1px solid #ffcf64 !important;
  text-shadow: 0 0 0 transparent;
}

/* _underline */
.b-tabbar_pills_underline .b-button_tab {
  background: transparent;
  border-color: transparent !important;
  position: relative;
  overflow: visible;
}

.b-tabbar_pills_underline .b-button_tab > .b-button__label {
  color: #888;
}

.b-tabbar_pills_underline .b-button_tab.selected > .b-button__label {
  color: #333;
}

.b-tabbar_pills_underline .b-button_tab.selected,
.b-tabbar_pills_underline .b-button_tab.selected:hover,
.b-tabbar_pills_underline .b-button_tab.selected:active,
.b-tabbar_pills_underline .b-button_tab.selected:focus {
  background: transparent;
  border-color: transparent !important;
  text-shadow: none;
}

.b-tabbar_pills_underline .b-button_tab:before {
  content: '';
  display: none;
  height: 2px;
  position: absolute;
  left: 3px;
  right: 3px;
  bottom: -7px;
  background-color: transparent;
}

.b-tabbar_pills_underline .b-button_tab.selected:hover:before,
.b-tabbar_pills_underline .b-button_tab.selected:before {
  display: block;
  background-color: #00adc6;
}

.b-tabbar_pills_underline .b-button_tab:hover:before {
  display: block;
  background-color: #ddd;
}

/* _activeBold */
.b-tabbar_activeBold .b-button_tab .b-button__label {
  display: inline-block;
}

.b-tabbar_activeBold .b-button_tab.selected .b-button__label {
  font-weight: bold;
}

.b-tabbar_activeBold .b-button_tab .b-button__label:after {
  display: block;
  content: attr(title);
  font-weight: bold;
  height: 1px;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
}

.b-tabbar_activeBold .b-button_tab .b-button__label + .b-badge {
  -ms-transform: translate(3px, 4px);
  -moz-transform: translate(3px, 4px);
  -webkit-transform: translate(3px, 4px);
  -o-transform: translate(3px, 4px);
  transform: translate(3px, 4px);
  vertical-align: top;
}

/* _light */
.b-toolbar_light .b-tabbar_pills .b-button_tab {
  background: #fbfbfb;
}

/* @end */
/* @group RTL */
.g-rtl .b-tabbar {
  padding: 0 5px 0 0;
}

/* @group b-tabbar_grey */
.g-rtl .b-tabbar.b-tabbar_grey {
  padding: 6px;
}

.g-rtl .b-tabbar_activeBold .b-button_tab .b-button__label + .b-badge {
  -ms-transform: translate(-3px, 4px);
  -moz-transform: translate(-3px, 4px);
  -webkit-transform: translate(-3px, 4px);
  -o-transform: translate(-3px, 4px);
  transform: translate(-3px, 4px);
}

	/*
    aligns
    */
.g-rtl .b-tabbar.right {
  text-align: left;
}

.g-rtl .b-tabbar.left {
  text-align: right;
}

/* @end */
/* @group Arrows Pills */
/* arrow pills pill */
.b-tabbar_pills .b-button_tab.b-arrow:before,
.b-tabbar_pills .b-button_tab.b-arrow:after {
  opacity: 0;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.b-tabbar_pills .b-button_tab:before {
  border-color: #CCC;
}

.b-tabbar_pills .b-button_tab:after {
  border-color: #d9d9d9;
}

/* note */
.b-tabbar_pills .b-button_tab_note:before {
  border-color: #ffcf64;
}

.b-tabbar_pills .b-button_tab_note:after {
  border-color: #ffcf64;
}

/* selected */
.b-tabbar_pills .b-button_tab.b-arrow.selected:before,
.b-tabbar_pills .b-button_tab.b-arrow.selected:after {
  opacity: 1;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

/* arrow pills pill _color_primary */
.b-tabbar_pills_primary .b-button_tab.b-arrow:before,
.b-tabbar_pills_primary .b-button_tab.b-arrow:after {
  opacity: 0;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.b-tabbar_pills_primary .b-button_tab:before,
.b-tabbar_pills_primary .b-button_tab:after {
  border-color: #268bbd;
}

/* selected */
.b-tabbar_pills_primary .b-button_tab.b-arrow.selected:before,
.b-tabbar_pills_primary .b-button_tab.b-arrow.selected:after {
  opacity: 1;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

/* @end */
/* @group Tabbar > .b-button */
.g-rtl .b-tabbar .b-button {
  margin-right: 0;
  margin-left: 5px;
}

.g-rtl .b-tabbar .b-button__icon.close:after {
  left: auto;
  right: -1px;
}

/* @end */
/* @group Tabbar > .b-button */
.b-tabbar .b-button {
  position: relative;
  top: 2px;
  margin-right: 5px;
}

/* icon */
.b-tabbar .b-button__icon.close {
  width: 12px;
  position: relative;
}

.b-tabbar .b-button__icon.close:after {
  content: "\00D7";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -3px;
  left: -1px;
  line-height: 18px;
  font-size: 18px;
  color: #aeaeae;
  text-align: center;
  text-shadow: none;
}

/* @end */
/* @group Tabbar > _minimal */
.b-tabbar_minimal {
  height: 23px;
}

/* @end */
/* @group Tabbar > _vertical */
.b-tabbar_vertical {
  height: 100%;
  /*
  padding: 3px 0 0; because of padding incorrect view
  */
  background: #fafafa;
  border: 0;
  border-right: 1px solid #bbb;
}

.b-tabbar_vertical > .b-buttons-list__data {
  /*padding-left: 2px;*/
  padding-top: 4px;
}

/* button */
.b-tabbar_vertical .b-button {
  top: 0;
  left: 1px;
  margin: 2px 0 0;
}

/* @end */
/* @group RTL */
.g-rtl .b-tabbar_vertical {
  border-right: 0;
  border-left: 1px solid #bbb;
}

/* button */
.g-rtl .b-tabbar_vertical .b-button {
  left: -1px;
}

/* @end */
/* @group IE */
/* @end */
/* @group Tabbar > _vertical_multiline */
.b-tabbar_vertical_multiline .b-button_tab_minimal_vertical {
  padding: 5px 5px 7px 8px;
  height: auto;
  line-height: 14px;
}

.b-tabbar_vertical_multiline .b-button_tab_minimal_vertical > .b-button__label {
  line-height: inherit;
}

/* @end */
/* @group RTL */
.g-rtl .b-tabbar_vertical_multiline .b-button_tab_minimal_vertical {
  padding: 5px 8px 7px 5px;
}

/* @end */
/* @group Text field */
.operationTime .mini-time,
.b-text-field {
  font-size: 12px;
  font-family: inherit;
  /* because Firefox */
  display: inline-block;
  height: 25px;
  width: 300px;
  padding: 0 5px 0 6px;
  /*line-height: 23px;*/
  border: 1px solid #ccc;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /*@include box-shadow( $text-field-shadow );*/
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: box-shadow 0.2s;
  -webkit-transition: box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
}

.operationTime input.mini-time,
input.b-text-field {
  padding-top: 4px;
  padding-bottom: 4px;
}

/* Text field placeholder */
.b-forms__table_ticket .b-text-field-superHover:hover .b-text-field_advanced_focus .b-text-field::-webkit-input-placeholder,
.b-forms__table_ticket .b-text-field-superHover:hover .b-text-field:focus::-webkit-input-placeholder,
.b-forms__table_ticket .b-text-field-superHover .b-text-field_advanced_focus .b-text-field::-webkit-input-placeholder,
.b-forms__table_ticket .b-text-field-superHover .b-text-field:focus::-webkit-input-placeholder,
.operationTime .mini-time::-webkit-input-placeholder,
.b-text-field::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #888;
  opacity: 1;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.b-forms__table_ticket .b-text-field-superHover:hover .b-text-field_advanced_focus .b-text-field:-moz-placeholder,
.b-forms__table_ticket .b-text-field-superHover:hover .b-text-field:focus:-moz-placeholder,
.b-forms__table_ticket .b-text-field-superHover .b-text-field_advanced_focus .b-text-field:-moz-placeholder,
.b-forms__table_ticket .b-text-field-superHover .b-text-field:focus:-moz-placeholder,
.operationTime .mini-time:-moz-placeholder,
.b-text-field:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #888;
  opacity: 1;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.b-forms__table_ticket .b-text-field-superHover:hover .b-text-field_advanced_focus .b-text-field::-moz-placeholder,
.b-forms__table_ticket .b-text-field-superHover:hover .b-text-field:focus::-moz-placeholder,
.b-forms__table_ticket .b-text-field-superHover .b-text-field_advanced_focus .b-text-field::-moz-placeholder,
.b-forms__table_ticket .b-text-field-superHover .b-text-field:focus::-moz-placeholder,
.operationTime .mini-time::-moz-placeholder,
.b-text-field::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #888;
  opacity: 1;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.b-forms__table_ticket .b-text-field-superHover:hover .b-text-field_advanced_focus .b-text-field:-ms-input-placeholder,
.b-forms__table_ticket .b-text-field-superHover:hover .b-text-field:focus:-ms-input-placeholder,
.b-forms__table_ticket .b-text-field-superHover .b-text-field_advanced_focus .b-text-field:-ms-input-placeholder,
.b-forms__table_ticket .b-text-field-superHover .b-text-field:focus:-ms-input-placeholder,
.operationTime .mini-time:-ms-input-placeholder,
.b-text-field:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #888;
  opacity: 1;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.b-forms__table_ticket .b-text-field-superHover .b-text-field::-webkit-input-placeholder {
  opacity: 0;
}

.b-forms__table_ticket .b-text-field-superHover .b-text-field:-moz-placeholder {
  opacity: 0;
}

.b-forms__table_ticket .b-text-field-superHover .b-text-field::-moz-placeholder {
  opacity: 0;
}

.b-forms__table_ticket .b-text-field-superHover .b-text-field:-ms-input-placeholder {
  opacity: 0;
}

.b-forms__table_ticket .b-text-field-superHover:hover .b-text-field::-webkit-input-placeholder {
  opacity: 0.5;
}

.b-forms__table_ticket .b-text-field-superHover:hover .b-text-field:-moz-placeholder {
  opacity: 0.5;
}

.b-forms__table_ticket .b-text-field-superHover:hover .b-text-field::-moz-placeholder {
  opacity: 0.5;
}

.b-forms__table_ticket .b-text-field-superHover:hover .b-text-field:-ms-input-placeholder {
  opacity: 0.5;
}

/* hover view */
.operationTime .mini-time:hover,
.b-text-field:hover {
  border-color: #bbb;
}

/* focus view */
.operationTime .mini-time:focus,
.b-text-field-superHover:hover .b-text-field_inline.b-text-field_advanced_focus,
.b-text-field-superHover:hover .b-text-field_inline:focus,
.b-text-field_inline:hover:focus,
.b-text-field:focus {
  background-color: #FFF;
  outline: none;
  border-color: #1d89bf;
  -webkit-box-shadow: inset 0 0 0 transparent, 0 0 5px rgba(43, 159, 217, 0.75);
  -moz-box-shadow: inset 0 0 0 transparent, 0 0 5px rgba(43, 159, 217, 0.75);
  box-shadow: inset 0 0 0 transparent, 0 0 5px rgba(43, 159, 217, 0.75);
}

/*
_default value
*/
.b-text-field_default_value {
  color: #999;
}

/*
_empty value
*/
.emptyField .b-textarea,
.emptyField .b-text-field,
.emptyField .b-text-field_advanced,
.b-text-field_empty {
  border-color: #e8e8e8;
}

.emptyField .b-textarea_inline_updates,
.emptyField .b-textarea_inline_changes,
.emptyField .b-text-field_inline_updates,
.emptyField .b-text-field_inline_changes {
  border-color: transparent;
}

.emptyField .b-textarea:focus,
.emptyField .b-text-field_advanced_focus,
.emptyField .b-text-field:focus {
  border-color: #1d89bf;
}

/* b-text-field_card */
.b-text-field_advanced.b-text-field_card > .b-text-field__icon {
  width: 36px;
}

.b-text-field_advanced.b-text-field_card > .b-text-field__icon > .s-icon {
  width: 34px;
  height: 21px;
  top: 1px;
  left: 1px;
}

/*
_error value
*/
.b-text-field_error.b-text-field_advanced,
.b-text-field_error {
  border-color: rgba(242, 42, 9, 0.75);
}

.b-text-field_error.b-text-field_advanced:hover,
.b-text-field_error:hover {
  border-color: #f22a09;
}

.b-text-field_error.b-text-field_combo.b-text-field_advanced_focus,
.b-text-field_error.b-text-field_advanced_focus,
.b-text-field_error.b-text-field_advanced:focus,
.b-text-field_error:focus {
  background-color: #FFF;
  border-color: #f22a09;
  -webkit-box-shadow: inset 0 0 0 transparent, 0 0 5px rgba(242, 42, 9, 0.75);
  -moz-box-shadow: inset 0 0 0 transparent, 0 0 5px rgba(242, 42, 9, 0.75);
  box-shadow: inset 0 0 0 transparent, 0 0 5px rgba(242, 42, 9, 0.75);
}

.b-text-field_error.b-text-field_inline.b-text-field_advanced.b-text-field_advanced_focus > .b-text-field__icon.dropdown,
.b-text-field_error.b-text-field_inline.b-text-field_advanced.text-field_advanced_focus > .b-text-field__icon.dropdown,
.b-text-field_error.b-text-field_advanced_focus > .b-text-field__icon.dropdown,
.b-text-field_error.text-field_advanced_focus > .b-text-field__icon.dropdown {
  border-color: #f22a09;
}

/* @end */
/* @group Text-field > _disabled */
.b-text-field_advanced.disabled,
.b-text-field_advanced.disabled:hover,
.b-text-field_advanced.disabled:focus,
.b-text-field_advanced[disabled],
.b-text-field_advanced[disabled]:hover,
.b-text-field_advanced[disabled]:focus,
.b-text-field.disabled,
.b-text-field.disabled:hover,
.b-text-field.disabled:focus,
.b-text-field[disabled],
.b-text-field[disabled]:hover,
.b-text-field[disabled]:focus {
  background-color: #fff;
  color: inherit;
  opacity: 0.4 !important;
  filter: alpha(opacity=40) !important;
  cursor: default;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 0 #FFF;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 0 #FFF;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 0 #FFF;
  border-color: #ccc;
}

/* @end */
/* @group Text-field-holder */
.b-text-field-holder {
  position: relative;
}

.b-text-field-holder_add-ticket {
  margin-bottom: 7px;
}

.b-text-field-holder_add-ticket:empty {
  display: none;
}

.b-text-field-holder > .b-icon.loading {
  position: absolute;
  top: 5px;
  right: 5px;
}

/* @end */
/* @group RTL */
.g-rtl .b-text-field {
  padding: 0 6px 0 5px;
}

.g-rtl .b-text-field_advanced.b-text-field_card > .b-text-field__icon > .s-icon {
  left: auto;
  right: 1px;
}

.g-rtl .b-text-field-holder > .b-icon.loading {
  right: initial;
  left: 5px;
}

/* @end */
/* @group Custom styles */
.mac.chrome .b-text-field {
  line-height: 23px;
}

.ie9 input.b-text-field,
.ie10 input.b-text-field {
  padding-top: 0;
  padding-bottom: 0;
}

/* @end */
/* @group Text Field > _advanced */
.b-text-field_advanced {
  font-style: normal;
  /* because of opera */
  height: 25px;
  width: 200px;
  /* default width */
  display: inline-block;
  line-height: 0;
  outline: none;
  background-color: #FFF;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: box-shadow 0.2s, background 0.2s;
  -webkit-transition: box-shadow 0.2s, background 0.2s;
  -o-transition: box-shadow 0.2s, background 0.2s;
  transition: box-shadow 0.2s, background 0.2s;
  vertical-align: top;
}

/* field */
.i-text-field {
  font-style: normal;
  display: block;
  float: none;
  overflow: hidden;
}

.i-text-field > .b-text-field {
  width: 100%;
  height: 23px;
  border: 0;
  outline: none;
  background: transparent;
  box-shadow: none;
}

/* b-icon */
.i-text-field > .b-icon {
  vertical-align: top;
}

/* icons */
.b-text-field_advanced > .b-text-field__icon {
  display: block;
  float: right;
  width: 23px;
  height: 100%;
  background: transparent;
  cursor: pointer;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  position: relative;
}

.b-text-field_advanced > .b-text-field__icon_visible {
  color: #aaa;
}

.b-text-field_advanced > .b-text-field__icon_visible {
  border-left: none;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.b-text-field_advanced > .b-text-field__icon_visible.g-left {
  border: 0;
  border-right: 1px solid #ccc;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}

.b-text-field_advanced > .b-text-field__icon.b-text-field__icon_simple,
.b-text-field_advanced > .b-text-field__icon.b-text-field__icon_simple.g-left {
  border: 0 !important;
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.b-text-field_advanced > .b-text-field__icon:before,
.b-text-field_advanced > .b-text-field__icon > img,
.b-text-field_advanced > .b-text-field__icon > .s-icon {
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
}

.b-text-field_advanced > .b-text-field__icon.icon:before,
.b-text-field_advanced > .b-text-field__icon.icon > img,
.b-text-field_advanced > .b-text-field__icon.icon > .s-icon {
  top: 3px;
}

.b-text-field_advanced > .b-text-field__icon > img {
  width: auto;
  height: auto;
  max-width: 16px;
  max-height: 16px;
  border: 0;
}

.b-text-field_advanced_avatars > .b-text-field__icon > img {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/* text labels */
.b-text-field_advanced > .b-text-field__icon_label {
  width: auto;
  line-height: 23px;
  padding: 0 5px 0 0;
  font-style: normal;
  border: 0;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.b-text-field_advanced > .b-text-field__icon_label.g-left {
  padding: 0 0 0 5px;
}

.b-text-field_advanced > .b-text-field__icon_label .b-badge {
  vertical-align: top;
  margin-top: 3px;
}

/*
:hover
*/
.b-text-field_advanced:hover {
  border-color: #bbb;
}

/*
:focus
*/
.b-text-field_inline.b-text-field_advanced_focus,
.b-text-field_inline.text-field_advanced_focus,
.b-text-field_inline.b-text-field_advanced_focus:hover,
.b-text-field_inline.text-field_advanced_focus:hover,
.b-text-field_advanced_focus,
.text-field_advanced_focus,
.b-text-field_combo.b-text-field_advanced_focus,
.b-text-field_combo.text-field_advanced_focus,
.b-text-field_advanced_focus:hover {
  background-color: #FFF;
  border-color: #1d89bf;
  -webkit-box-shadow: inset 0 0 0 transparent, 0 0 5px rgba(43, 159, 217, 0.75);
  -moz-box-shadow: inset 0 0 0 transparent, 0 0 5px rgba(43, 159, 217, 0.75);
  box-shadow: inset 0 0 0 transparent, 0 0 5px rgba(43, 159, 217, 0.75);
}

.b-text-field-superHover:hover .b-text-field_inline.b-text-field_advanced_focus > .b-text-field__icon.dropdown,
.b-text-field_inline.b-text-field_advanced.b-text-field_advanced_focus > .b-text-field__icon.dropdown,
.b-text-field_inline.b-text-field_advanced.text-field_advanced_focus > .b-text-field__icon.dropdown,
.b-text-field_advanced_focus > .b-text-field__icon.dropdown,
.text-field_advanced_focus > .b-text-field__icon.dropdown {
  border-color: #1d89bf;
}

/* @end */
/* @group buttons-list */
.b-buttons-list .b-text-field_advanced {
  vertical-align: top;
}

/* @end */
/* @group RTL */
.g-rtl .b-text-field_advanced > .b-text-field__icon {
  float: left;
}

/* text labels */
.g-rtl .b-text-field_advanced > .b-text-field__icon_label {
  padding: 0 0 0 5px;
}

.g-rtl .b-text-field_advanced > .b-text-field__icon_label.g-left {
  padding: 0 5px 0 0;
}

.g-rtl .b-text-field_advanced > .b-text-field__icon_visible {
  border-left: none;
  border-right: none;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}

.g-rtl .b-text-field_advanced > .b-text-field__icon_visible.g-left {
  border: 0;
  border-left: 1px solid #ccc;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}

.g-rtl .b-text-field_advanced > .b-text-field__icon:before,
.g-rtl .b-text-field_advanced > .b-text-field__icon > img,
.g-rtl .b-text-field_advanced > .b-text-field__icon > .s-icon {
  left: auto;
  right: 4px;
}

/* @end */
/* @group Text field > _color-picker */
.b-text-field_color-picker {
  width: 90px;
}

/* icon */
/*.b-text-field_color-picker > .b-text-field__icon.picker {
	background-image: url(img/color-picker.png);
	}*/
/* field */
.b-text-field_color-picker,
.b-text-field_color-picker > .i-text-field > .b-text-field,
.b-text-field_color-picker > .b-text-field__icon.color {
  background: #369;
  cursor: pointer;
}

.b-text-field__icon.color {
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
  border-right: 1px solid #ccc;
  margin: 2px;
  height: 17px;
  width: 17px;
  border: 1px solid #ccc;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/*b-text-field_color-picker_advanced*/
.b-text-field_color-picker_advanced {
  background: #FFF;
}

.b-text-field_color-picker_advanced > .i-text-field > .b-text-field {
  background: transparent;
  cursor: text;
}

/* picker_mini */
.b-text-field_color-picker_mini {
  width: 25px;
}

.b-text-field_color-picker_mini.b-text-field_advanced > .b-text-field__icon_visible {
  border: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.b-text-field_color-picker_mini .i-text-field {
  display: none;
}

/* @end */
/* @group Text field > _combo */
/* input */
.b-text-field_combo > .i-text-field {
  position: relative;
}

.b-text-field_combo > .i-text-field > .b-text-field {
  position: absolute;
  left: -100%;
  top: -100%;
  overflow: hidden;
}

.b-text-field_combo_editable > .i-text-field > .b-text-field_clone,
.b-text-field_combo > .i-text-field > .b-text-field_clone {
  font-style: normal;
  position: static;
  cursor: default;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  line-height: 23px;
}

/* icons */
/* eugene fetisenko fix */
.b-text-field_combo.b-text-field_advanced > .b-text-field__icon.icon {
  width: 22px;
  float: left;
  background: transparent !important;
}

/* dropdown icon */
.b-text-field_inline.b-text-field_advanced_focus .b-text-field__icon.dropdown,
.b-text-field_inline.text-field_advanced_focus .b-text-field__icon.dropdown,
.b-text-field_inline:hover .b-text-field__icon.dropdown,
.b-text-field__icon.dropdown {
  position: relative;
  width: 23px;
  border-left: none;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}

/* second icons*/
.b-text-field__icon.second,
.b-text-field__icon.second:hover,
.b-text-field__icon.second:active {
  background-color: #FFF;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* b-text-field_combo_space */
/*.b-text-field_combo_space.b-text-field_advanced_focus,*/
.b-text-field_combo_space {
  background-color: rgba(0, 0, 0, 0.025);
  border-color: transparent;
  cursor: pointer;
}

/*.b-text-field_combo_space.b-text-field_advanced_focus:hover,*/
.b-text-field_combo_space:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: transparent;
}

.b-text-field_combo_space.b-text-field_advanced_focus {
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.b-text-field_combo_space .b-text-field__icon.dropdown {
  color: #ccc;
}

/* @end */
/* browser fix */
/* auto width combo in firefox */
/*.firefox .jsgui-autowidth.b-text-field_combo_editable > .b-text-field__icon.dropdown + .b-text-field__icon + .i-text-field,
.firefox .jsgui-autowidth.b-text-field_combo > .b-text-field__icon.dropdown + .b-text-field__icon + .i-text-field {
    padding-right: 45px;
}
    .firefox .jsgui-autowidth.b-text-field_combo_editable > .b-text-field__icon.dropdown + .b-text-field__icon + .i-text-field > .b-text-field_clone,
    .firefox .jsgui-autowidth.b-text-field_combo > .b-text-field__icon.dropdown + .b-text-field__icon + .i-text-field > .b-text-field_clone {
        width: calc(100% + 45px);
    }*/
/* @group RTL */
.g-rtl .b-text-field_combo > .i-text-field > .b-text-field {
  left: auto;
  right: -100%;
}

/* icons */
.g-rtl .b-text-field_inline.b-text-field_advanced_focus .b-text-field__icon.dropdown,
.g-rtl .b-text-field_inline.text-field_advanced_focus .b-text-field__icon.dropdown,
.g-rtl .b-text-field_inline:hover .b-text-field__icon.dropdown,
.g-rtl .b-text-field__icon.dropdown {
  border-left: 0;
  border-right: none;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}

.g-rtl .b-text-field_combo.b-text-field_advanced > .b-text-field__icon.icon {
  float: right;
}

/* @end */
/* @group Text-field > _combo[disabled="disabled"] */
.b-text-field_combo.disabled,
.b-text-field_combo.disabled:hover,
.b-text-field_combo.disabled.b-text-field_advanced_focus,
.b-text-field_combo[disabled="disabled"],
.b-text-field_combo[disabled="disabled"]:hover,
.b-text-field_combo[disabled="disabled"].b-text-field_advanced_focus {
  opacity: 0.4 !important;
  filter: alpha(opacity=40) !important;
  cursor: default;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 0 #FFF;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 0 #FFF;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 0 #FFF;
  border-color: #ccc;
}

.b-text-field_combo.disabled > .b-text-field__icon.dropdown,
.b-text-field_combo.disabled > .b-text-field__icon.dropdown:hover,
.b-text-field_combo.disabled > .b-text-field__icon.dropdown:active,
.b-text-field_combo[disabled="disabled"] > .b-text-field__icon.dropdown,
.b-text-field_combo[disabled="disabled"] > .b-text-field__icon.dropdown:hover,
.b-text-field_combo[disabled="disabled"] > .b-text-field__icon.dropdown:active {
  background-color: #FFF;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.1);
  border-color: #ccc;
  cursor: default;
}

/* @end */
/* @group Text field > _combo_editable */
.b-text-field_combo_editable {
  background: #FFF;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}

.b-text-field_combo_editable.b-text-field_advanced_focus {
  -webkit-box-shadow: inset 0 0 0 transparent, 0 0 5px rgba(43, 159, 217, 0.75);
  -moz-box-shadow: inset 0 0 0 transparent, 0 0 5px rgba(43, 159, 217, 0.75);
  box-shadow: inset 0 0 0 transparent, 0 0 5px rgba(43, 159, 217, 0.75);
}

/* input */
.b-text-field_combo_editable > .i-text-field > .b-text-field {
  position: static;
  left: auto;
  top: auto;
  overflow: inherit;
}

/* @end */
/* @group Text field > _combo_simple */
.b-text-field_combo_simple {
  background: transparent;
  -moz-transition: background 0.2s;
  -webkit-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
}

.b-text-field_combo_simple:hover,
.b-text-field_combo_simple.b-text-field_advanced_focus {
  background: #FFF;
}

.b-text-field_combo_simple > .b-text-field,
.b-text-field_combo_simple:hover > .b-text-field,
.b-text-field_combo_simple.b-text-field_advanced_focus > .b-text-field {
  background: transparent;
}

/* dropdown icon */
.b-text-field_combo_simple .b-text-field__icon.dropdown {
  width: 15px;
  width: 17px;
}

.b-text-field_combo_simple .b-text-field__icon.dropdown:after {
  left: 4px;
}

/* _active */
.b-text-field_combo_simple.b-text-field_advanced_focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* @end */
/* @group Text field > _date-picker */
/* icon */
/* @end */
/* @group Text field > _header */
/* _small header */
.b-text-field_header_small,
.b-text-field_header_small .b-text-field {
  font-size: 16px;
  height: 27px;
  /*line-height: 25px;*/
}

/* _small header std height */
.b-text-field_header_small.b-text-field_header_small_std-height,
.b-text-field_header_small.b-text-field_header_small_std-height .b-text-field {
  height: 25px;
  /*line-height: 23px;*/
}

.b-text-field_header_small.b-text-field_header_small_std-height .b-text-field.b-text-field_clone {
  height: 23px;
}

/* _middle header */
.b-text-field_header_middle,
.b-text-field_header_middle .b-text-field {
  font-size: 18px;
  height: 30px;
  /*line-height: 28px;*/
}

/* _large heder */
.b-text-field_header_large,
.b-text-field_header_large .b-text-field {
  font-size: 24px;
  height: 34px;
  /*line-height: 32px;*/
}

/* @end */
/* @group Custom styles */
.mac.chrome .b-text-field_header_middle,
.mac.chrome .b-text-field_header_middle .b-text-field {
  /*line-height: 30px;*/
}

/* @end */
/* @group Text field > _search */
.b-text-field_search {
  display: inline-block;
}

/* text field */
.b-text-field_search > .b-text-field {
  padding: 0 18px !important;
}

.b-text-field_search .b-text-field {
  color: #555;
}

/* icon */
.b-text-field_search > .b-text-field__icon.clean {
  right: 0;
  position: relative;
  width: 16px;
}

.b-text-field_search > .b-text-field__icon.clean:after {
  content: "\00D7";
  display: block;
  width: 14px;
  height: 16px;
  position: absolute;
  top: 3px;
  left: -3px;
  line-height: 18px;
  font-size: 18px;
  color: #ccc;
  text-align: center;
  text-shadow: none;
}

.b-text-field_search > .b-text-field__icon.clean:before {
  content: "";
  display: block;
  width: 14px;
  height: 16px;
  position: absolute;
  top: 3px;
  left: 0;
  line-height: 18px;
  font-size: 18px;
  color: #aeaeae;
  text-align: center;
  text-shadow: none;
  box-shadow: -10px 0 10px #FFF;
}

/* @end */
/* @group RTL */
/* icon */
.g-rtl .b-text-field_search > .b-text-field__icon.clean {
  right: auto;
  left: 0;
}

.g-rtl .b-text-field_search > .b-text-field__icon.clean:before {
  left: auto;
  right: 0;
  box-shadow: none;
}

.g-rtl .b-text-field_search > .b-text-field__icon.clean:after {
  left: auto;
  right: -3px;
}

/* @end */
/* @group browser fix */
.firefox .b-text-field_search > .b-text-field__icon.clean:after {
  line-height: 16px;
}

/* @end */
/* @group Text field > _simple */
.b-text-field_simple {
  background: #F5F8FC;
  border-color: #ccd5dd;
}

/* _hover & :focus */
/* @end */
/* @group Text field > _size */
.b-text-field_size_wide {
  width: 100%;
}

.b-text-field_size_auto,
.b-text-field_size_auto.b-text-field_advanced {
  width: auto;
}

/* @end */
.firefox .b-text-field_size_auto.b-text-field_combo > .b-text-field__icon.dropdown ~ .i-text-field {
  padding-right: 23px;
}

.firefox .b-text-field_size_auto.b-text-field_combo > .b-text-field__icon.dropdown ~ .i-text-field > .b-text-field_clone {
  width: -moz-calc(100% + 23px);
  width: calc(100% + 23px);
}

.firefox .g-rtl .b-text-field_size_auto.b-text-field_combo > .b-text-field__icon.dropdown ~ .i-text-field,
.firefox.g-rtl .b-text-field_size_auto.b-text-field_combo > .b-text-field__icon.dropdown ~ .i-text-field {
  padding-right: 0;
  padding-left: 23px;
}

/* @group Text field > _spin */
.b-text-field_spin {
  font-style: normal;
  /* because of opera */
  position: relative;
  display: inline-block;
}

.b-text-field_spin .b-text-field {
  padding-right: 17px;
}

/* arrows */
.b-text-field_spin > .arrow-up,
.b-text-field_spin > .arrow-down {
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 1;
  height: 11px;
  width: 16px;
  border: 0;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  -webkit-border-radius: 0 2px 0 0;
  -moz-border-radius: 0 2px 0 0;
  border-radius: 0 2px 0 0;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.b-text-field_spin > .arrow-down {
  top: auto;
  bottom: 1px;
  -webkit-border-radius: 0 0 2px 0;
  -moz-border-radius: 0 0 2px 0;
  border-radius: 0 0 2px 0;
}

/* _disabled */
.b-text-field_spin > i.arrow-up.disabled,
.b-text-field_spin > i.arrow-down.disabled {
  cursor: default;
}

.b-text-field_spin > i.arrow-up.disabled:before,
.b-text-field_spin > i.arrow-down.disabled:before {
  opacity: 0.4;
}

/* @end */
/* @group RTL */
.g-rtl .b-text-field_spin .b-text-field {
  padding-right: 5px;
  padding-left: 22px;
}

/* arrows */
.g-rtl .b-text-field_spin > .arrow-up,
.g-rtl .b-text-field_spin > .arrow-down {
  right: auto;
  left: 1px;
  border-left-width: 0;
  border-right-width: 1px;
  -webkit-border-radius: 2px 0 0 0;
  -moz-border-radius: 2px 0 0 0;
  border-radius: 2px 0 0 0;
}

.g-rtl .b-text-field_spin > .arrow-down {
  -webkit-border-radius: 0 0 0 2px;
  -moz-border-radius: 0 0 0 2px;
  border-radius: 0 0 0 2px;
}

/* @end */
/* @group Text field > _inline */
.b-text-field_inline {
  max-width: 100%;
  background: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -moz-transition: background-color 0.2s, border-color 0.2s;
  -webkit-transition: background-color 0.2s, border-color 0.2s;
  -o-transition: background-color 0.2s, border-color 0.2s;
  transition: background-color 0.2s, border-color 0.2s;
}

.b-text-field-superHover:hover .b-text-field_inline,
.b-text-field_inline:hover {
  background-color: transparent;
  border-color: #ddd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.b-text-field_inline .b-text-field__icon.dropdown {
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -moz-transition: background-color 0.2s, border-color 0.2s;
  -webkit-transition: background-color 0.2s, border-color 0.2s;
  -o-transition: background-color 0.2s, border-color 0.2s;
  transition: background-color 0.2s, border-color 0.2s;
}

.b-text-field-superHover:hover .b-text-field_inline .b-text-field__icon.dropdown,
.b-text-field_inline:hover .b-text-field__icon.dropdown {
  background-color: transparent;
  border-color: #EEE;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* b-forms__table_ticket */
.b-forms__table_ticket .b-text-field-superHover .b-text-field__icon {
  opacity: 0;
}

.b-forms__table_ticket .b-text-field-superHover:hover .b-text-field__icon {
  opacity: 0.5;
}

.b-forms__table_ticket .b-text-field-superHover .b-text-field_advanced_focus .b-text-field__icon {
  opacity: 1;
}

.b-text-field_inline.disabled,
.b-text-field_inline[disabled] {
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.b-text-field_inline.disabled .b-text-field__icon.dropdown,
.b-text-field_inline[disabled] .b-text-field__icon.dropdown {
  border-color: transparent;
}

/* _inline_default */
.b-text-field-superHover:hover .b-text-field_inline_default,
.b-text-field-superHover:hover .b-text-field_inline_default .b-text-field__icon.dropdown,
.b-text-field_inline_default:hover,
.b-text-field_inline_default:hover .b-text-field__icon.dropdown {
  border-color: #bbb;
}

.b-text-field_inline_default:hover {
  background-image: -moz-linear-gradient(top, #ffffff, #fcfcfc);
  /* Firefox 3.6+ */
  /* Chrome 1-9, Safari 4-5 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #fcfcfc));
  /* Chrome 10+, Safari 5.1+ */
  background-image: -webkit-linear-gradient(top, #ffffff, #fcfcfc);
  background-image: -o-linear-gradient(top, #ffffff, #fcfcfc);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #ffffff, #fcfcfc);
  /* IE10 */
  background-image: linear-gradient(to bottom, #ffffff, #fcfcfc);
  /* CSS3 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfcfc',GradientType=0 );
  /* IE6-8 */
}

/* _inline_outlined */
.b-text-field_inline_outlined,
.b-text-field_inline_outlined:hover,
.b-text-field_inline_outlined .b-text-field__icon.dropdown,
.b-text-field_inline_outlined:hover .b-text-field__icon.dropdown {
  border-color: #ddd;
}

/* _inline_notOutlined */
.b-text-field_inline_notOutlined,
.b-text-field_inline_notOutlined:hover,
.b-text-field_inline_notOutlined .b-text-field__icon.dropdown,
.b-text-field_inline_notOutlined:hover .b-text-field__icon.dropdown {
  border-color: transparent;
}

/*.b-text-field_inline.b-text-field_advanced:hover,
.b-text-field_inline.b-text-field_advanced {
	width: auto;
	}
	.b-text-field_inline.b-text-field_advanced.text-field_advanced_focus {
		width: 120px;
		}*/
.b-text-field_inline_assignee {
  /*width: auto !important;*/
  min-width: 100px;
  max-width: 400px;
}

/* _changes */
.b-toolbar.b-toolbar_reply .b-text-field_inline_changes,
.b-text-field_inline_changes {
  background: rgba(153, 206, 220, 0.25);
}

.b-toolbar .b-text-field_inline_changes {
  background-color: #D6EDF3;
}

/* _updates */
.b-toolbar.b-toolbar_reply .b-text-field_inline_updates,
.b-text-field_inline_updates {
  background: rgba(199, 255, 90, 0.25);
  -moz-transition: background-color 0.4s;
  -webkit-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
}

.b-toolbar .b-text-field_inline_updates {
  background-color: #F4FFD6;
  -moz-transition: background-color 0.4s;
  -webkit-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
}

/* @end */
/*Styles for screen 1200px and smaller*/
@media screen and (max-width: 1200px) {
  .b-text-field_inline_assignee {
    max-width: 200px;
  }
}
/* @end */
/* @group Text field > _multiline */
.b-text-field_multiline {
  height: auto;
  min-height: 25px;
  margin: 0;
  padding: 1px;
  list-style: none;
  font-size: 0;
  vertical-align: top;
}

.b-text-field_inline.b-text-field_advanced_focus .b-text-field__multilineItem,
.b-text-field__multilineItem {
  display: inline-block;
  margin: 1px;
  padding: 0 5px;
  vertical-align: top;
  font-size: 12px;
  line-height: 17px;
  border: 1px solid #ccc;
  background-color: #fafafa;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: default;
}

.b-text-field_inline.b-text-field_advanced_focus .b-text-field__multilineItem {
  border-color: #ddd;
  background-color: #fefefe;
}

.b-text-field_inline.b-text-field_advanced_focus .b-text-field__multilineItem_input,
.b-text-field__multilineItem_input {
  height: 19px;
  padding: 0;
  border: 0;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
}

.b-text-field__multilineItem_input .b-text-field {
  height: 19px;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* tag */
.b-text-field__multilineItem.b-tag {
  padding: 0 5px;
  font-size: 12px;
  line-height: 17px;
  /*border-color: transparent;*/
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}

.b-text-field__multilineItem.b-tag,
.b-text-field_inline.b-text-field_advanced_focus .b-text-field__multilineItem.b-tag {
  border-color: transparent;
  border: none;
}

.b-text-field__multilineItem.b-tag .b-text-field__multilineItemClose,
.b-text-field__multilineItem.b-tag .b-text-field__multilineItemClose:before {
  color: inherit;
}

/* _tags */
.b-text-field_multiline_tags {
  padding: 0 1px;
}

.b-text-field_multiline_tags.b-text-field_inline.b-text-field_advanced_focus .b-text-field__multilineItem,
.b-text-field_multiline_tags .b-text-field__multilineItem {
  margin: 2px;
}

.b-text-field_multiline_tags.b-text-field_inline.b-text-field_advanced_focus .b-text-field__multilineItem.b-tag,
.b-text-field_multiline_tags .b-text-field__multilineItem.b-tag {
  margin-top: 3px;
  margin-bottom: 3px;
}

.b-text-field_multiline_tags.b-text-field_inline.b-text-field_advanced_focus .b-text-field__multilineItem_input,
.b-text-field_multiline_tags .b-text-field__multilineItem_input {
  margin-left: 0;
  margin-right: 0;
}

.b-text-field__multilineItemClose {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 -4px 0 -2px;
  position: relative;
  font-size: 0;
  vertical-align: top;
  cursor: pointer;
}

.b-text-field__multilineItemClose:before {
  color: #aeaeae;
}

/* b-text-field__icon_label */
.b-text-field_multiline .b-text-field__icon_label {
  margin: 2px 0 0 0;
  font-size: 12px;
  line-height: 18px;
}

.b-text-field_multiline .b-text-field__icon_label.g-left {
  margin: 2px 0 0 0;
}

/* @end */
/* @group b-text-field_inline */
.b-text-field_inline .b-text-field__multilineItem {
  border-color: transparent;
  background-color: transparent;
  color: #808080;
}

/* @end */
/* @group RTL */
.g-rtl .b-text-field__multilineItemClose {
  margin: 0 -2px 0 -4px;
}

/* @end */
/* @group browser fix */
.ie .b-text-field__multilineItemClose:before {
  line-height: 16px;
}

.firefox .b-text-field__multilineItemClose:before {
  line-height: 18px;
}

/* @end */
/* @group Textarea */
.b-textarea {
  font: inherit;
  padding: 3px 6px;
  padding: 6px;
  margin: 0;
  width: 300px;
  border: 1px solid #ccc;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /*@include box-shadow( $text-field-shadow );*/
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: box-shadow 0.2s;
  -webkit-transition: box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
}

/* placeholder */
.b-textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #888;
}

.b-textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #888;
}

.b-textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #888;
}

.b-textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #888;
}

/* hover view */
.b-textarea:hover {
  border-color: #bbb;
}

/* focus view */
.b-text-field-superHover:hover .b-textarea_inline:focus,
.b-textarea_inline:hover:focus,
.b-textarea:focus {
  background-color: #FFF;
  outline: none;
  border-color: #1d89bf;
  -webkit-box-shadow: inset 0 0 0 transparent, 0 0 5px rgba(43, 159, 217, 0.75);
  -moz-box-shadow: inset 0 0 0 transparent, 0 0 5px rgba(43, 159, 217, 0.75);
  box-shadow: inset 0 0 0 transparent, 0 0 5px rgba(43, 159, 217, 0.75);
}

.b-textarea_size_wide {
  width: 100% !important;
  max-width: 100%;
  min-width: 100%;
}

.b-textarea_noresize {
  resize: none;
  overflow: hidden;
}

/*
_error value
*/
.b-textarea_error {
  border-color: rgba(242, 42, 9, 0.75);
}

.b-textarea_error:hover {
  border-color: #f22a09;
}

.b-textarea_error:focus {
  background-color: #FFF;
  border-color: #f22a09;
  -webkit-box-shadow: inset 0 0 0 transparent, 0 0 5px rgba(242, 42, 9, 0.75);
  -moz-box-shadow: inset 0 0 0 transparent, 0 0 5px rgba(242, 42, 9, 0.75);
  box-shadow: inset 0 0 0 transparent, 0 0 5px rgba(242, 42, 9, 0.75);
}

/* @end */
/* @group _disabled */
.b-textarea.disabled,
.b-textarea.disabled:hover,
.b-textarea.disabled:focus,
.b-textarea[disabled],
.b-textarea[disabled]:hover,
.b-textarea[disabled]:focus {
  background-color: #fff;
  color: inherit;
  opacity: 0.4 !important;
  filter: alpha(opacity=40) !important;
  cursor: default;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 0 #FFF;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 0 #FFF;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 0 #FFF;
  border-color: #ccc;
}

/* @end */
/* @group _inline */
.b-textarea_inline {
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -moz-transition: background-color 0.2s, border-color 0.2s;
  -webkit-transition: background-color 0.2s, border-color 0.2s;
  -o-transition: background-color 0.2s, border-color 0.2s;
  transition: background-color 0.2s, border-color 0.2s;
}

.b-text-field-superHover:hover .b-textarea_inline,
.b-textarea_inline:hover {
  background-color: transparent;
  border-color: #ddd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.b-textarea_inline.disabled,
.b-textarea_inline[disabled] {
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* _changes */
.b-textarea_inline_changes {
  background-color: rgba(153, 206, 220, 0.25);
}

/* _updates */
.b-textarea_inline_updates {
  background-color: rgba(199, 255, 90, 0.25);
  -moz-transition: background-color 0.4s;
  -webkit-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
}

/* @end */
/* @group _input */
.b-textarea_input {
  padding-top: 3px;
  padding-bottom: 3px;
}

/* @end */
/* @group RTL */
/* @end */
/* @group Title */
.b-title {
  font-size: 12px;
  margin: 0;
  padding: 0;
}

/*
_small
*/
.b-title_small {
  font-size: 16px;
}

/*
_middle
*/
.b-title_middle {
  font-size: 20px;
}

/*
_large
*/
.b-title_large {
  font-size: 24px;
}

/* @end */
/* @group Toolbar */
.b-toolbar {
  padding: 6px;
  background: #f5f5f5;
  line-height: 16px;
  /*border-top: 1px solid #FFF;*/
  border-bottom: 1px solid #eaeaea;
}

/*.b-toolbar_bottom {
	border-bottom: 1px solid transparent;
	border-top: 1px solid $toolbar-border-color;
	box-shadow: 0 1px 0 #FFF inset;
	}*/
.b-toolbar:after {
  content: '.';
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  font-size: 0;
  line-height: 0;
}

/* delimiter */
.b-toolbar__delimiter {
  display: inline-block;
  height: 11px;
  margin: 6px 7px 0 2px;
  vertical-align: top;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #fff;
}

/*
_after text delimiter
*/
.b-toolbar__delimiter.after-text {
  margin-left: 10px;
}

/*
_blank delimiter
*/
.b-toolbar__delimiter.blank {
  margin-left: 5px;
  margin-right: 0;
  width: 10px;
  border: 0;
}

/* text */
.b-toolbar__txt {
  font-size: 12px;
  line-height: 25px;
}

.b-toolbar__txt_input {
  padding: 0 7px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.b-buttons-list .b-toolbar__txt_colorNormal,
.b-toolbar__txt_colorNormal {
  color: #333;
}

.b-buttons-list .b-toolbar__txt_title,
.b-toolbar__txt_title {
  font-size: 14px;
  color: #333;
  line-height: 24px;
}

.b-toolbar__txt .b-icon {
  line-height: 16px;
}

.b-buttons-list .b-toolbar__txt_head,
.b-toolbar__txt_head {
  font-size: 16px;
  color: #333;
  line-height: 24px;
}

.b-toolbar__ttl {
  font-size: 14px;
  line-height: 25px;
  line-height: 24px;
  padding-left: 7px;
}

.b-toolbar__ttl .b-icon {
  margin: 4px 0;
  margin-left: -7px;
  margin-right: 5px;
  vertical-align: top;
}

/* textarea */
.b-toolbar .b-textarea {
  vertical-align: top;
}

/* checkbox */
.b-toolbar .b-checkbox_collapsedSingle,
.b-toolbar .checkbox {
  margin: 0;
  margin-right: 5px;
  position: relative;
  top: 2px;
  margin-left: 3px;
}

/* toolbar sidebar */
.b-toolbar__sidebar {
  float: right;
}

.b-toolbar__sidebar_left {
  float: left;
  margin-right: 10px;
}

.b-toolbar__adaptive-content {
  overflow: hidden;
  padding: 5px;
  top: -5px;
  bottom: -5px;
  left: -5px;
  position: relative;
  margin-bottom: -10px;
}

/* _clear toolbar view */
.b-toolbar_clear {
  background: transparent;
  border-bottom: 1px solid #eee;
}

.b-tabbar.b-tabbar_grey.b-toolbar_light,
.b-toolbar_light {
  background: #fbfbfb;
  border-bottom: 1px solid #eee;
}

/* _borderBottomClear toolbar view */
.b-toolbar_borderBottomClear {
  border-bottom-color: transparent;
}

/*
TYPES
*/
/*
_type_grid
*/
.b-toolbar_type_grid {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

    	/*
		_type_hint
		*/
.b-toolbar_type_hint {
  display: inline-block;
  position: relative;
  padding: 7px;
  border: 1px solid #bbb;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-top-color: #ccc;
}

.b-toolbar_type_hint > .b-button:last-child {
  /*margin: 0;*/
  margin-right: 0;
}

/*
_type_dialog
*/
.b-toolbar_type_dialog {
  border-bottom: 1px solid #eaeaea;
}

    	/*
		_type_wysiwyg
		*/
.b-toolbar_type_wysiwyg {
  border: 1px solid #ccc;
  background: #fbfbfb;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.b-toolbar_type_wysiwyg + .b-toolbar_type_wysiwyg {
  border-top: 0;
  margin-top: -5px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

    	/*
		_type_vote
		*/
.b-toolbar_type_vote > .b-button {
  display: block;
  width: 100%;
  margin-top: 7px;
}

.b-toolbar_type_vote > .b-button:first-child {
  margin-top: 0;
}

.b-toolbar_type_vote > .b-button > .b-button__label {
  white-space: nowrap;
}

.b-toolbar_type_vote > .b-buttons-list__group {
  display: block;
  width: 100%;
  margin-top: 7px;
  margin-right: 0;
  white-space: nowrap;
}

.b-toolbar_type_vote > .b-buttons-list__group:first-child {
  margin-top: 0;
}

.b-toolbar_type_vote .b-buttons-list__group > .b-button > .b-button__label {
  white-space: nowrap;
  min-width: 20px;
  display: inline-block;
}

.b-toolbar_type_vote > .b-toolbar__txt {
  display: block;
  margin-right: 0;
  margin-top: 7px;
}

.b-toolbar_type_vote > .b-toolbar__txt:first-child {
  margin-top: -4px;
}

.b-toolbar_type_vote > .b-toolbar__txt:last-child {
  margin-bottom: -4px;
}

/* multiline toolbar view */
/*
.b-toolbar + .b-toolbar {
	border-top: 0;
	margin-top: -5px;
	}
*/
/* @end */
/* @group flex-content */
.b-toolbar_flex-content {
  display: table;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.b-buttons-list > .b-toolbar_flex-content {
  display: inline-table;
  vertical-align: top;
}

.b-toolbar__flex-group,
.b-toolbar_flex-content > .b-buttons-list__group {
  display: table-cell;
  width: 10px;
  padding-left: 6px;
  vertical-align: top;
  white-space: nowrap;
}

.b-toolbar__flex-group > * {
  width: 100% !important;
}

.b-toolbar__flex-group_middle {
  vertical-align: middle;
}

.b-toolbar__flex-group_flex,
.b-toolbar_flex-content > .b-buttons-list__group_flex {
  width: auto;
}

.b-toolbar__flex-group:first-child,
.b-toolbar_flex-content > .b-buttons-list__group:first-child {
  padding-left: 0;
}

/* @end */
.b-toolbar .b-combo-arr,
.b-toolbar .b-text-field_combo {
  margin-right: 6px;
  vertical-align: top;
}

.b-toolbar .b-text-field_combo:last-child {
  margin-right: 0;
}

.b-toolbar .b-combo-arr_extraSpace {
  margin-left: 6px;
  margin-right: 12px;
}

.b-toolbar > .b-text-field_advanced,
.b-toolbar > .b-button,
.b-toolbar > .g-rtl__cancel {
  vertical-align: top;
}

/* flex height */
.l-layout__contentFlex__item_shrink .b-toolbar,
.b-toolbar_flexHeight {
  padding-bottom: 0;
  min-height: 31px;
  line-height: 31px;
}

/* @group RTL */
/* text */
.g-rtl .b-toolbar__ttl {
  padding-left: 0;
  padding-right: 7px;
}

.g-rtl .b-toolbar__ttl .b-icon {
  margin-right: -7px;
  margin-left: 5px;
}

/* delimiter */
.g-rtl .b-toolbar__delimiter {
  margin: 6px 2px 0 7px;
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #fff;
}

/*
_after text delimiter
*/
.g-rtl .b-toolbar__delimiter.after-text {
  margin-right: 10px;
}

/*
_blank delimiter
*/
.g-rtl .b-toolbar__delimiter.blank {
  margin-right: 5px;
  margin-left: 0;
  border: 0;
}

/* checkbox */
.g-rtl .b-toolbar .b-checkbox_collapsedSingle,
.g-rtl .b-toolbar .checkbox {
  margin: 0;
  margin-left: 5px;
  margin-right: 3px;
}

.g-rtl .b-toolbar__adaptive-content {
  left: auto;
  right: -5px;
}

/* toolbar sidebar */
.g-rtl .b-toolbar__sidebar {
  float: left;
}

.g-rtl .b-toolbar__sidebar_left {
  float: right;
  margin-right: 0;
  margin-left: 10px;
}

.g-rtl .b-toolbar .b-combo-arr,
.g-rtl .b-toolbar .b-text-field_combo {
  margin-right: 0;
  margin-left: 6px;
}

.g-rtl .b-toolbar .b-text-field_combo:last-child {
  margin-left: 0;
}

.g-rtl .b-toolbar .b-combo-arr_extraSpace {
  margin-right: 6px;
  margin-left: 12px;
}

/*
_type_vote
*/
.g-rtl .b-toolbar_type_vote > .b-buttons-list__group {
  margin-left: 0;
}

.g-rtl .b-toolbar_type_vote > .b-toolbar__txt {
  margin-left: 0;
}

.g-rtl .b-toolbar__flex-group,
.g-rtl .b-toolbar_flex-content > .b-buttons-list__group {
  padding-left: 0;
  padding-right: 6px;
}

.g-rtl .b-toolbar__flex-group:first-child,
.g-rtl .b-toolbar_flex-content > .b-buttons-list__group:first-child {
  padding-right: 0;
}

/* @end */
/* @group Toolbar > .b-tabbar */
/* tabs in toolbar */
.b-toolbar .b-tabbar {
  position: relative;
  top: -1px;
  border-bottom: 0;
}

.b-toolbar .b-tabbar_pills_inline {
  top: -2px;
  vertical-align: top;
}

.b-toolbar .b-tabbar_pills {
  border-bottom: 0;
  padding-left: 0;
  padding-top: 0;
  border-top: 0;
}

/* @end */
/* @group ToolBox */
.b-toolbox {
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: default;
}

.b-toolbox:after {
  position: absolute;
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* item */
.b-toolbox__item {
  float: right;
  margin-left: 2px;
}

/* delimiters (items margins) */
.b-toolbox__item.separator-right {
  margin-right: 6px;
}

.b-toolbox__item.separator-left {
  margin-left: 6px;
}

/* icon defaults */
.b-toolbox__icon {
  display: block;
  width: 15px;
  height: 15px;
  cursor: pointer;
  position: relative;
}

/* icons */
.b-toolbox__icon.sidebar_collapse:after,
.b-toolbox__icon.sidebar_expand:after {
  content: "\00AB";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -1px;
  left: -1px;
  line-height: 14px;
  font-size: 16px;
  color: #999;
  text-align: center;
  text-shadow: none;
  font-style: normal;
}

.b-toolbox__icon.sidebar_expand:after {
  content: "\00BB";
}

.b-toolbox__icon.close-tips:after {
  content: "\00D7";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -1px;
  left: -1px;
  line-height: 18px;
  font-size: 24px;
  color: #999;
  text-align: center;
  text-shadow: none;
}

.b-toolbox__icon.minimize,
.b-toolbox__icon.fullscreen,
.b-toolbox__icon.restore,
.b-toolbox__icon.close {
  width: 24px;
  height: 24px;
  background: none;
  border: 0;
}

.b-toolbox__icon.minimize:after {
  content: '';
  display: block;
  width: 10px;
  height: 2px;
  position: absolute;
  top: 15px;
  left: 7px;
  background-color: #FFF;
}

.b-toolbox__icon.fullscreen:after {
  content: '';
  display: block;
  width: 8px;
  height: 7px;
  position: absolute;
  top: 7px;
  left: 7px;
  background-color: transparent;
  border: 1px solid #FFF;
  border-top-width: 2px;
}

.b-toolbox__icon.restore:after {
  content: '';
  display: block;
  width: 8px;
  height: 3px;
  position: absolute;
  top: 11px;
  left: 7px;
  background-color: transparent;
  border: 1px solid #FFF;
  border-top-width: 2px;
}

.b-toolbox__icon.close:before {
  /*content: "\00D7";*/
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 4px;
  left: 3px;
  line-height: 18px;
  font-size: 24px;
  color: #FFF;
  text-align: center;
  text-shadow: none;
}

.b-dialog__ttl .b-toolbox__icon.close:before {
  color: #999999;
}

/* @end */
body > .b-toolbox > .b-toolbox__item {
  background-color: #000;
}

/* @group dialog title */
.b-dialog__ttl .b-toolbox {
  margin-right: -3px;
}

/* @end */
/* @group RTL */
/* item */
.g-rtl .b-toolbox__item {
  float: left;
  margin-left: 0;
  margin-right: 2px;
}

/* delimiters (items margins) */
.g-rtl .b-toolbox__item.separator-right {
  margin-right: 0;
  margin-left: 6px;
}

.g-rtl .b-toolbox__item.separator-left {
  margin-left: 0;
  margin-right: 6px;
}

/* @group dialog title */
.g-rtl .b-dialog__ttl .b-toolbox {
  margin-right: 0;
  margin-left: -3px;
}

/* @end */
/* @group Topic */
.b-topic-over {
  height: 100%;
  position: relative;
  border-bottom: 1px solid #eaeaea;
}

.b-topic-over > .b-toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.b-topic-case {
  overflow: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.b-topic {
  padding: 15px;
  border-bottom: 1px solid transparent;
}

.b-topic_noBorder {
  border-bottom-width: 0;
}

.b-topic__header .b-toolbar__sidebar {
  margin-top: 4px;
}

.b-topic__h {
  font-size: 20px;
  line-height: 26px;
  font-weight: normal;
  margin: 0;
  position: relative;
  display: inline;
  word-wrap: break-word;
}

.b-topic__h_editable {
  display: block;
  overflow: hidden;
  padding: 5px;
  top: -5px;
  left: -12px;
  margin-bottom: -10px;
  margin-bottom: -8px;
}

.b-topic__sidebar_head {
  text-align: right;
  height: 28px;
  margin-left: 6px;
}

.b-topic__sidebar_head.b-buttons-list {
  padding-top: 3px;
  height: 25px;
}

.b-textarea_title {
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 18px;
  line-height: 21px;
  vertical-align: top;
}

.b-textarea_title_normalized {
  font-size: inherit;
}

.b-textarea_textField {
  min-height: 25px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
  line-height: 17px;
  vertical-align: top;
}

.b-text-field_title {
  font-size: 18px;
}

.b-topic__text {
  margin: 13px 0;
  font-size: 13px;
  line-height: 18px;
  word-wrap: break-word;
}

.b-topic__content .b-topic__text:last-child,
.b-topic__text:last-child {
  margin-bottom: 0;
}

.b-topic__text h1,
.b-topic__text h2,
.b-topic__text h3,
.b-topic__text h4,
.b-topic__text h5,
.b-topic__text h6,
.b-reply__text h1,
.b-reply__text h2,
.b-reply__text h3,
.b-reply__text h4,
.b-reply__text h5,
.b-reply__text h6 {
  font-weight: normal;
}

.b-topic__text h1,
.b-reply__text h1 {
  margin: 50px 0 20px;
  font-size: 22px;
}

.b-topic__text h2,
.b-reply__text h2 {
  margin: 40px 0 20px;
  font-size: 20px;
}

.b-topic__text h3,
.b-reply__text h3 {
  margin: 30px 0 20px;
  font-size: 18px;
}

.b-topic__text h4,
.b-reply__text h4 {
  margin: 25px 0 20px;
  font-size: 17px;
}

.b-reply__text h5,
.b-topic__text h5 {
  font-size: 16px;
}

.b-reply__text h6,
.b-topic__text h6 {
  font-size: 15px;
}

.b-topic__text h1:first-child,
.b-topic__text h2:first-child,
.b-topic__text h3:first-child,
.b-topic__text h4:first-child,
.b-reply__text h1:first-child,
.b-reply__text h2:first-child,
.b-reply__text h3:first-child,
.b-reply__text h4:first-child {
  margin-top: 20px;
}

/* table */
.b-topic__text table {
  border-collapse: collapse;
  border-color: #000;
}

.b-topic__text table .highlight {
  background-color: #F0F0F0;
}

.b-topic__text tr.header {
  text-align: center;
  vertical-align: middle;
}

.b-topic__text th,
.b-topic__text td {
  border: 1px solid #DDD;
  padding: 8px;
  vertical-align: top;
}

.b-topic__text th,
.b-topic__text thead th,
.b-topic__text thead td {
  background-color: #eee;
  font-weight: bold;
}

.b-grid .desc blockquote,
.b-reply__text blockquote,
.b-topic__text blockquote {
  padding-left: 10px;
  margin: 20px 0;
  border-left: 5px solid #DDD;
}

.b-reply__text img,
.b-topic__text img {
  max-width: 100%;
  height: auto;
}

.b-grid .desc pre,
.b-reply__text pre,
.b-topic__text pre {
  padding: 2px 5px;
  background-color: #F5F5F5;
  overflow: auto;
  word-wrap: normal;
}

.b-topic__text ul,
.b-topic__text ol {
  padding-left: 30px;
}

.b-topic__text li {
  margin: 5px 0;
}

.b-topic__text ul:first-child,
.b-topic__text ol:first-child,
.b-topic__text p:first-child,
.b-topic__text blockquote:first-child,
.b-topic__text pre:first-child {
  margin-top: 0;
}

.b-topic__text ul:last-child,
.b-topic__text ol:last-child,
.b-topic__text p:last-child,
.b-topic__text blockquote:last-child,
.b-topic__text pre:last-child {
  margin-bottom: 0;
}

/* semimargin */
.p_semimargin {
  margin: 6px 0;
}

.b-topic__icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  /*position:absolute;
  top:4px;
  left:-22px;*/
  margin-right: 8px;
  margin-top: 5px;
  vertical-align: top;
}

.b-topic__icon.fa_20 {
  width: 20px;
  height: 20px;
  margin-top: 3px;
}

.b-topic__item {
  padding: 15px 0;
  /*border-top: 1px dotted #eee;*/
}

.b-topic__item:last-child {
  padding-bottom: 0;
}

.b-topic__item:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* _submit */
.ticketSubmitButtonContainerOver .ticketSubmitButtonContainer {
  margin: 15px 0 0;
}

/* _on-line */
.b-topic__item_on-line {
  position: absolute;
  bottom: -11px;
  right: 0;
  z-index: 1;
  margin: 0 15px;
  background: #FFF;
}

.b-topic__item_on-line .b-button {
  color: #bbb;
}

/* _inlineEdit */
.b-topic__item_inlineEdit {
  position: relative;
}

.b-topic__item_inlineEdit > .b-icon {
  float: left;
  margin-top: 4px;
}

.b-topic__item_inlineEdit > .b-topic__item-txt {
  float: left;
  margin-top: 4px;
  color: #808080;
}

.b-topic__item_inlineEdit .b-text-field__icon_label {
  color: #808080;
}

.b-topic__item_inlineEdit > .b-button {
  float: right;
}

.b-topic__item_inlineEdit > .b-buttons-list__group {
  overflow: hidden;
  display: block;
  position: relative;
  padding: 5px;
  top: -5px;
  left: -12px;
  margin-bottom: -10px;
}

.b-topic__item_inlineEdit > .b-topic__item-txt + .b-buttons-list__group {
  left: -7px;
}

/* breadcrumb arrow */
.b-breadcrumb-arr {
  display: inline-block;
  position: relative;
  top: -1px;
  vertical-align: top;
  line-height: 18px;
  font-size: 14px;
  font-style: normal;
  color: #999;
}

/*.b-topic__item .b-breadcrumb-arr {
	margin: 0 5px;
	}*/
.b-topic__item-ttl {
  font-size: 16px;
  margin: 0;
  margin-right: 10px;
  font-weight: normal;
}

.b-topic__item-txt_changes {
  background-color: rgba(153, 206, 220, 0.25);
}

.b-topic__item-txt_updates {
  background-color: rgba(199, 255, 90, 0.25);
  -moz-transition: background-color 0.4s;
  -webkit-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
}

.b-topic__item .b-avatar {
  float: left;
}

.b-topic__item > .b-icon {
  margin-right: 5px;
}

.b-topic__item_tags {
  word-wrap: break-word;
  padding-bottom: 13px;
}

.b-topic__item_tags .b-label_tag {
  margin-right: 5px;
  margin-bottom: 3px;
}

.b-topic__attachments {
  margin: 10px 0;
  padding: 0;
  list-style: none;
}

.b-topic__attachments:first-child {
  margin-top: 0;
}

.b-topic__attachments:last-child {
  margin-bottom: 0;
}

.b-reply__textOver .b-topic__attachments {
  margin-top: 10px;
}

.b-reply__text .b-topic__attachments {
  padding: 10px 0 0;
  border-top: 1px solid #eee;
}

.b-topic__attachments li {
  padding: 2px 0;
  margin: 0;
}

.b-topic__attachments li .b-icon {
  margin-right: 5px;
}

.b-topic__attachment-txt {
  margin-right: 10px;
}

.b-topic__attachment-size {
  color: #999;
  font-style: normal;
}

.b-topic__user-info {
  margin-left: 57px;
  line-height: 21px;
  color: #808080;
}

.b-topic__user-info a {
  color: #4b879a;
}

/* tickets */
.b-topic_ticket {
  padding: 15px;
  position: relative;
  border-bottom-color: #eee;
}

.b-topic_ticket .b-topic__item {
  padding: 0;
  margin: 0 0 5px 0;
  border-top: 0;
}

.b-topic_ticket .b-topic__itemOver .b-topic__item:last-child {
  margin-bottom: 5px;
}

.b-topic_ticket .b-topic__itemOver:last-child .b-topic__item,
.b-topic_ticket .b-topic__content .b-topic__item:last-child {
  margin-bottom: 0;
}

.b-topic_ticket .b-topic__item_tags {
  margin-top: 8px;
}

.b-topic_ticket .b-topic__item:empty {
  display: none;
}

.b-topic_ticket .b-topic__item_multiline {
  margin-top: 4px;
}

.b-topic_ticket .b-topic__item .b-icon ~ .b-text-field {
  margin-left: -7px;
}

.b-topic_ticketView .b-topic__itemOver_fields {
  margin-top: 10px;
}

.b-topic_ticket .b-topic__itemOver_ccs,
.b-topic_ticket .b-topic__itemOver_tags {
  margin-top: 14px;
}

.b-topic_ticket .b-topic__itemOver_ccs .b-topic__item_multiline,
.b-topic_ticket .b-topic__itemOver_tags .b-topic__item_multiline {
  margin-top: -8px;
}

.b-topic_ticket .b-topic__itemOver_ccs .b-topic__item_multiline {
  margin-left: -4px;
}

.b-topic__itemOver_ccs .b-text-field_advanced > .b-text-field__icon_label.g-left {
  padding-left: 2px;
}

.b-topic_ticket .b-topic__itemOver_tags .b-topic__item_multiline {
  margin-top: -9px;
  margin-left: -4px;
  margin-bottom: 9px;
}

.b-topic__ticketNumber {
  margin: 0 5px;
}

.b-topic__ticketNumberSymbol {
  color: #999;
  font-size: 10px;
}

.b-topic__block {
  position: relative;
  margin-top: 20px;
}

.b-topic__block_smallMargin {
  margin-top: 15px;
}

.b-topic__block:first-child {
  margin-top: 0;
}

.b-topic__info {
  line-height: 21px;
  color: #999;
}

.b-topic__info-normal {
  color: #333;
}

.b-topic__info_editable {
  display: block;
  overflow: hidden;
  position: relative;
  padding: 5px;
  top: -5px;
  left: -12px;
  margin-bottom: -10px;
}

.b-topic__info .b-text-field,
.b-topic__info .b-text-field_clone {
  color: #808080;
}

.b-topic__block > .b-avatar {
  position: absolute;
  top: 0;
  left: 0;
}

.b-topic__content + .b-informer,
.b-topic__block + .b-informer {
  margin-top: 15px;
}

.b-topic__content + .b-informer_ticketSave,
.b-topic__block + .b-informer_ticketSave {
  margin-bottom: -5px;
}

.b-topic__content {
  margin-left: 70px;
}

.b-avatar_min + .b-topic__content {
  margin-left: 60px;
}

.b-forms__cell > .b-topic__content,
.b-topic > .b-topic__content {
  margin-left: 0;
}

.b-topic__content .b-topic__text {
  margin: 15px 0;
}

.b-topic__text .b-textarea {
  vertical-align: top;
}

.b-topic__text .b-textarea_note {
  background-color: #fef2e7;
  border-color: #ffb26c;
}

.b-topic__text .b-textarea_note:focus {
  -webkit-box-shadow: inset 0 0 0 transparent, 0 0 5px #ffb26c;
  -moz-box-shadow: inset 0 0 0 transparent, 0 0 5px #ffb26c;
  box-shadow: inset 0 0 0 transparent, 0 0 5px #ffb26c;
}

.b-wysiwyg_note .mce-edit-area,
.b-wysiwyg_note .mce-tinymce,
.b-wysiwyg_note .b-toolbar_type_wysiwyg {
  border-color: #ffcf64;
}

.b-wysiwyg_note .mce-toolbar-grp,
.b-wysiwyg_note .b-toolbar_type_wysiwyg {
  background-color: #fff8e7;
}

.b-topic__content .b-tabbar {
  border-bottom: 0;
  padding-left: 0;
  padding-top: 0;
  border-top: 0;
}

.b-topic__content .b-tabbar .b-button {
  top: 0;
}

.b-topic_ticketView .b-topic__content .b-tabbar {
  margin-top: 15px;
}

.b-tabbar + .b-topic__text {
  margin-top: 0;
}

.ticket_suggestion + .b-topic__text,
.b-text-field-holder + .b-topic__text {
  margin-top: 5px;
}

/* collapsed */
.b-topic__content_collapsed .b-tabbar {
  height: auto;
}

.b-topic__content_collapsed .b-topic__text {
  display: none;
}

.b-topic__autosaveMessage {
  position: absolute;
  bottom: 25px;
  right: 30px;
  color: #999;
  opacity: 1;
  animation: showAutosaveMessage .5s;
  -webkit-animation: showAutosaveMessage .5s;
  /* Safari and Chrome */
}

.b-topic_ticket .b-topic__autosaveMessage {
  bottom: 5px;
  right: 13px;
  font-size: 12px;
}

.b-topic__autosaveMessage_hide {
  animation: hideAutosaveMessage .5s;
  -webkit-animation: hideAutosaveMessage .5s;
  /* Safari and Chrome */
}

/* ticket in popup */
.default-data-layout > .b-topic {
  margin: -10px -10px 0 -10px;
}

.default-data-layout > .b-topic:last-child {
  margin-bottom: -10px;
}

/* new editor container */
.b-topic__editor {
  position: relative;
}

.b-topic__editor:last-child .b-topic__text {
  margin-bottom: 0;
}

/* new editor attachment link */
.b-topic__editorAttach {
  position: absolute;
  bottom: 5px;
  left: 8px;
  font-size: 12px;
}

.b-topic__editorAttach > .b-icon {
  vertical-align: top;
}

/* @end */
/* text break word */
.textBreakWord {
  word-wrap: break-word;
}

/* @group edit-topic */
.b-edit-topic {
  display: table;
  width: 100%;
  /*height:100%;*/
  overflow: hidden;
}

.b-edit-topic__row {
  display: table-row;
  height: 10px;
}

.b-edit-topic__row_middle {
  height: auto;
}

.b-edit-topic__cell {
  display: table-cell;
  vertical-align: top;
}

.b-edit-topic__cell .b-toolbar {
  font-size: 0;
}

.b-edit-topic__cell .b-wysiwyg-wrapper {
  position: relative;
}

.b-edit-topic__cell .b-wysiwyg-wrapper .b-topic__autosaveMessage {
  bottom: 7px;
  right: 13px;
}

/* b-edit-topic_ticket */
.b-edit-topic_ticket {
  overflow: visible;
}

.b-edit-topic_ticket .b-toolbar {
  background-color: transparent;
  border-top-color: transparent;
  border-bottom: 0;
  padding-bottom: 0;
  font-size: inherit;
}

.b-edit-topic_ticket .b-edit-topic__row .b-toolbar > .b-toolbar__sidebar + .b-buttons-list__group {
  display: block;
  overflow: hidden;
  padding: 5px 3px;
  margin-bottom: -10px;
  top: -5px;
  position: relative;
  left: -3px;
}

.b-edit-topic_ticket:last-child .b-edit-topic__row:last-child .b-toolbar {
  padding-bottom: 7px;
  border-top: 1px dotted #eee;
  margin-top: 6px;
}

#add-edit-title-row .b-edit-topic__cell .b-toolbar .b-text-field_combo {
  max-width: 29%;
  width: 25%;
}

#add-edit-title-row .b-edit-topic__cell .b-toolbar > .b-text-field_combo:first-child {
  max-width: 32%;
}

.b-edit-topic__cell .b-toolbar .b-combo-arr {
  margin-left: -1px;
  margin-right: 5px;
}

.b-edit-topic-toolbar {
  padding-left: 0;
  padding-right: 1px;
}

.b-edit-topic-toolbar__side {
  float: left;
  padding-left: 6px;
  margin-right: -6px;
}

.b-edit-topic-toolbar__side > i,
.b-edit-topic-toolbar__side > span {
  float: left;
  /*line-height: 25px;*/
}

.b-edit-topic-toolbar__side > .votes-label {
  margin-right: 7px;
}

.b-edit-topic-toolbar__side > .b-toolbar__delimiter {
  margin-left: 7px;
}

.b-edit-topic-toolbar__main {
  overflow: hidden;
  margin-bottom: -10px;
  padding: 5px;
  padding-left: 6px;
  display: block;
  top: -5px;
  position: relative;
}

.b-combo-arr {
  font-style: normal;
  color: #999;
  font-size: 22px;
  line-height: 22px;
}

/* @end */
/* @group rtl */
.g-rtl .b-topic {
  /*padding: 15px 30px 15px 15px;*/
}

.g-rtl .b-topic__h_editable {
  left: auto;
  right: -12px;
}

.g-rtl .b-topic__sidebar_head {
  text-align: left;
  margin-left: 0;
  margin-right: 6px;
}

.g-rtl .b-grid .desc blockquote,
.g-rtl .b-reply__text blockquote,
.g-rtl .b-topic__text blockquote {
  padding-left: 0;
  padding-right: 10px;
  border-left: none;
  border-right: 5px solid #DDD;
}

.g-rtl .b-topic__icon {
  /*left: auto;
  right:-22px;*/
  margin-right: 0;
  margin-left: 8px;
}

.g-rtl .b-topic__item_on-line {
  right: auto;
  left: 0;
}

/* _inlineEdit */
.g-rtl .b-topic__item_inlineEdit > .b-icon {
  float: right;
}

.g-rtl .b-topic__item_inlineEdit > .b-topic__item-txt {
  float: right;
}

.g-rtl .b-topic__item_inlineEdit > .b-button {
  float: left;
}

.g-rtl .b-topic__item_inlineEdit > .b-buttons-list__group {
  left: auto;
  right: -12px;
}

.g-rtl .b-topic__item_inlineEdit > .b-topic__item-txt + .b-buttons-list__group {
  left: auto;
  right: -7px;
}

.g-rtl .b-topic__item-ttl {
  display: inline-block;
  margin-right: 0;
  margin-left: 10px;
}

.g-rtl .b-topic__item .b-avatar {
  float: right;
}

.g-rtl .b-topic__item > .b-icon {
  margin-right: 0;
  margin-left: 5px;
}

.g-rtl .b-topic__attachments li .b-icon {
  margin-right: 0;
  margin-left: 5px;
}

.g-rtl .b-topic__attachment-txt {
  margin-right: 0;
  margin-left: 10px;
}

.g-rtl .b-topic__user-info {
  margin-left: 0;
  margin-right: 57px;
}

.g-rtl .b-topic__attachment-size {
  display: inline-block;
}

.g-rtl .b-topic__item_tags .b-label_tag {
  margin-right: 0;
  margin-left: 5px;
}

/* tickets */
.g-rtl .b-topic_ticket {
  padding: 15px;
}

.g-rtl .b-topic_ticket .b-topic__item .b-icon ~ .b-text-field {
  margin-left: 0;
  margin-right: -7px;
}

.g-rtl .b-topic_ticket .b-topic__itemOver_ccs .b-topic__item_multiline,
.g-rtl .b-topic_ticket .b-topic__itemOver_tags .b-topic__item_multiline {
  margin-left: 0;
  margin-right: -4px;
}

.g-rtl .b-topic__itemOver_ccs .b-text-field_advanced > .b-text-field__icon_label.g-left {
  padding-left: 0;
  padding-right: 2px;
}

.g-rtl .b-topic__info_editable {
  left: auto;
  right: -12px;
}

.g-rtl .b-topic__block > .b-avatar {
  left: auto;
  right: 0;
}

.g-rtl .b-topic__content {
  margin-left: 0;
  margin-right: 70px;
}

.g-rtl .b-avatar_min + .b-topic__content {
  margin-left: 0;
  margin-right: 60px;
}

.g-rtl .b-forms__cell > .b-topic__content,
.g-rtl .b-topic > .b-topic__content {
  margin-left: 0;
  margin-right: 0;
}

.g-rtl .b-topic__autosaveMessage {
  right: auto;
  left: 30px;
}

.g-rtl .b-edit-topic__cell .b-wysiwyg-wrapper .b-topic__autosaveMessage {
  left: 13px;
}

.g-rtl .b-topic__content .b-tabbar {
  padding-right: 0;
}

/* @group edit-topic */
.g-rtl .b-edit-topic_ticket .b-edit-topic__row .b-toolbar > .b-toolbar__sidebar + .b-buttons-list__group {
  left: auto;
  right: -3px;
}

.g-rtl .b-edit-topic__cell .b-toolbar .b-combo-arr {
  margin-right: -1px;
  margin-left: 5px;
}

.g-rtl .b-topic__text ul,
.g-rtl .b-topic__text ol {
  padding-left: 0;
  padding-right: 30px;
}

.g-rtl .b-topic__editorAttach {
  left: initial;
  right: 8px;
}

.g-rtl .b-topic__item .b-avatar {
  float: right;
}

.g-rtl .b-edit-topic-toolbar {
  padding-right: 0;
  padding-left: 1px;
}

.g-rtl .b-edit-topic-toolbar__side {
  float: right;
  padding-left: 0;
  padding-right: 6px;
  margin-right: 0;
  margin-left: -6px;
}

.g-rtl .b-edit-topic-toolbar__side > i,
.g-rtl .b-edit-topic-toolbar__side > span {
  float: right;
}

.g-rtl .b-edit-topic-toolbar__side > .votes-label {
  margin-right: 0;
  margin-left: 7px;
}

.g-rtl .b-edit-topic-toolbar__side > .b-toolbar__delimiter {
  margin-left: 0;
  margin-right: 7px;
}

.g-rtl .b-edit-topic-toolbar__main {
  padding: 5px;
  padding-right: 6px;
}

/* @end */
/* @group Topic */
.b-topic-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.b-topic-list__item {
  padding: 6px 6px;
  background-color: #fefefe;
  border-top: 1px solid transparent;
  border-bottom: 1px solid #eee;
  -moz-transition: background 0.2s;
  -webkit-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
  position: relative;
  display: block;
  cursor: pointer;
}

.b-topic-list__item:hover {
  background-color: #f5f5f5;
}

.b-topic-list__item.selected {
  background-color: #f5f5f5;
  border-top-color: #e3e3e3;
  border-bottom-color: #e3e3e3;
  padding-top: 7px;
  margin-top: -1px;
}

.b-topic-list__item.checked {
  background-color: #e5f5fa;
}

.b-topic-list__item_indicator .b-topic-list__actions {
  margin-left: 3px;
}

.b-topic-list_noicon .b-topic-list__item_indicator .b-topic-list__content {
  margin-left: 28px;
}

.b-topic-list__item_indicator:before {
  content: '';
  display: block;
  width: 3px;
  position: absolute;
  top: -2px;
  left: 0;
  bottom: 0;
}

.b-topic-list__item_indicator.selected:before {
  top: -1px;
}

.icon.status_urgent:after,
.b-topic-list__item_indicator_urgent .b-grid__cell_indicator,
.b-topic-list__item_indicator_urgent:before {
  background-color: #cc0000;
}

.icon.status_high:after,
.b-topic-list__item_indicator_high .b-grid__cell_indicator,
.b-topic-list__item_indicator_high:before {
  background-color: #ea9999;
}

.icon.status_normal:after,
.b-topic-list__item_indicator_normal .b-grid__cell_indicator,
.b-topic-list__item_indicator_normal:before {
  background-color: transparent;
}

.icon.status_normal:after {
  border: 1px solid #ccc;
}

.icon.status_low:after,
.b-topic-list__item_indicator_low .b-grid__cell_indicator,
.b-topic-list__item_indicator_low:before {
  background-color: #dddddd;
}

.b-topic-list__item:after {
  content: '.';
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  font-size: 0;
  line-height: 0;
}

.b-topic-list__nodata {
  text-align: center;
  display: block;
  padding: 30px;
  color: #888;
}

.b-topic-list__actionCorner {
  position: absolute;
  top: -2px;
  left: 0;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.b-topic-list__actionCorner:after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: #ff2a00;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: -11px;
  left: -11px;
}

.ticket-rt-viewed .b-topic-list__actionCorner:after {
  background: #ffd400;
}

.ticket-rt-edited .b-topic-list__actionCorner:after {
  background: #ff2a00;
}

.b-topic-list__item.selected .b-topic-list__actionCorner {
  top: -1px;
}

.b-topic-list__actions {
  padding-right: 10px;
  width: 33px;
  float: left;
  position: relative;
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 5px;
}

.b-topic-list__item.selected .b-topic-list__actions {
  top: 7px;
}

.b-topic-list__actions .b-button {
  position: absolute;
  left: -3px;
  bottom: -5px;
  display: none;
}

.b-topic-list__actions .b-checkbox_collapsedSingle,
.b-topic-list__actions .checkbox {
  margin: 0;
  position: relative;
  top: 1px;
  left: 4px;
}

.b-topic-list__item.selected .b-topic-list__actions .b-button,
.b-topic-list__item .b-topic-list__actions .b-button.b-button_visible,
.b-topic-list__item:hover .b-topic-list__actions .b-button {
  display: block;
}

.b-topic-list__content {
  margin-left: 43px;
}

.b-topic-list_noicon .b-topic-list__content {
  margin-left: 25px;
}

.b-topic-list_noicon .b-topic-list__actions {
  padding-right: 0;
  width: 23px;
}

.b-topic-list__content .b-toolbar__sidebar time {
  margin-left: 6px;
  margin-right: 4px;
}

.b-topic-list__vote {
  font-size: 14px;
  line-height: 16px;
  margin-left: 10px;
}

.b-topic-list__vote_kb {
  font-size: 12px;
}

.helpful_vote {
  color: #1BB700;
}

.nothelpful_vote {
  color: #F25509;
}

.b-topic-list__vote .b-icon {
  margin-left: 5px;
}

.b-topic-list__header {
  font-size: 13px;
  color: #000;
}

.b-topic-list__count {
  font-size: 14px;
  color: #666;
}

.b-topic-list__info {
  margin-top: 2px;
  color: #999;
}

.b-topic-list__info_email {
  white-space: nowrap;
}

.b-topic-list__info .b-label_text {
  padding: 0;
}

.b-topic-list__infoTop {
  margin-bottom: 2px;
  color: #999;
}

.b-topic-list__infoTop_normal {
  color: #333;
}

.b-topic-list__infoTop_extraMargin {
  margin-bottom: 12px;
}

.b-topic-list__infoTop_extraVerMargin {
  margin-top: 12px;
  margin-bottom: 12px;
}

.b-topic-list__h {
  display: block;
  position: relative;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  word-wrap: break-word;
}

.b-topic-list_noicon .b-topic-list__h {
  overflow: hidden;
}

.b-toolbar__sidebar + .b-topic-list__h {
  margin-right: 20px;
}

.b-topic-list__h .b-icon {
  left: -20px;
  position: absolute;
}

.b-topic-list_noicon .b-topic-list__h .b-icon {
  left: 0;
  position: static;
}

.b-topic-list__info-b {
  margin-right: 10px;
}

.b-topic-list__info-b .b-icon {
  margin-right: 5px;
  vertical-align: middle;
}

.b-topic-list__info-normal {
  color: #000;
}

/* search highlight */
.highlighted-text {
  font-weight: bold;
}

/* @end */
/* @group RTL */
.g-rtl .b-topic-list__item_indicator .b-topic-list__actions {
  margin-left: 0;
  margin-right: 3px;
}

.g-rtl .b-topic-list_noicon .b-topic-list__item_indicator .b-topic-list__content {
  margin-left: 0;
  margin-right: 28px;
}

.g-rtl .b-topic-list__item_indicator:before {
  left: auto;
  right: 0;
}

.g-rtl .b-topic-list__actions {
  padding-right: 0;
  padding-left: 10px;
  float: right;
  left: auto;
  right: 5px;
}

.g-rtl .b-topic-list__actions .b-button {
  left: auto;
  right: -3px;
}

.g-rtl .b-topic-list__actions .b-checkbox_collapsedSingle,
.g-rtl .b-topic-list__actions .checkbox {
  left: auto;
  right: 4px;
}

.g-rtl .b-topic-list__content {
  margin-left: 0;
  margin-right: 43px;
}

.g-rtl .b-topic-list_noicon .b-topic-list__content {
  margin-right: 25px;
}

.g-rtl .b-topic-list_noicon .b-topic-list__actions {
  padding-left: 0;
}

.g-rtl .b-topic-list__content .b-toolbar__sidebar time {
  margin-right: 6px;
  margin-left: 4px;
}

.g-rtl .b-topic-list__vote {
  margin-left: 0;
  margin-right: 10px;
}

.g-rtl .b-topic-list__vote .b-icon {
  margin-left: 0;
  margin-right: 5px;
}

.g-rtl .b-toolbar__sidebar + .b-topic-list__h {
  margin-right: initial;
  margin-left: 20px;
}

.g-rtl .b-topic-list__h .b-icon {
  left: auto;
  right: -20px;
}

.g-rtl .b-topic-list_noicon .b-topic-list__h .b-icon {
  right: 0;
}

.g-rtl .b-topic-list__info-b {
  margin-right: 0;
  margin-left: 10px;
}

.g-rtl .b-topic-list__info-b .b-icon {
  margin-right: 0;
  margin-left: 5px;
}

/* @end */
/* @group browser fix */
.ie .b-topic-list__actions .checkbox {
  top: -2px;
  left: 1px;
}

.opera .b-topic-list__actions .checkbox {
  top: -1px;
}

/* @end */
/* @group Topic list */
.b-toolbar.b-toolbar_topic-list {
  background: transparent;
  border: 0;
  padding: 0;
}

.b-toolbar.b-toolbar_topic-list_info {
  margin-top: 5px;
  height: 18px;
  font-size: 11px;
  color: #777;
  line-height: 18px;
}

/* one line info */
.b-toolbar.b-toolbar_topic-list_info .b-topic-list__info-b_ellipsis {
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
}

/* @end */
/* @group Drag List */
.b-drag-list {
  max-width: 800px;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* __item */
.b-drag-list__item {
  display: block;
  position: relative;
  background: transparent;
}

/* hover */
.b-drag-list .b-drag-list__item:hover {
  background: #efefef;
}

.b-drag-list__item:after {
  content: '.';
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  font-size: 0;
  line-height: 0;
}

/* __actions */
.b-drag-list__actions {
  float: right;
}

/* __content */
.b-drag-list__content {
  overflow: hidden;
  min-height: 25px;
}

.b-tree__label.b-drag-list__title,
.b-drag-list__title {
  display: block;
  margin: 0 0 0 15px;
  padding: 3px 0;
  cursor: pointer;
}

.b-tree__label.b-drag-list__title {
  font-size: inherit;
  line-height: inherit;
  overflow: visible;
}

.b-tree__label.b-drag-list__title_default,
.b-drag-list__title_default {
  cursor: default;
}

.b-drag-list__title_head {
  font-weight: bold;
  font-size: 13px;
  margin: 0 0 0 15px;
  padding: 10px 0;
  color: #555;
  cursor: auto;
}

.b-drag-list_inactive .b-drag-list__title {
  color: #999;
}

.b-drag-list__item_header.b-drag-list__item {
  background-color: #efefef;
}

.b-drag-list__item_header .b-drag-list__drag,
.b-drag-list__item_header .b-drag-list__actions,
.b-drag-list__item_header .b-drag-list__title {
  margin-top: 3px;
  margin-bottom: 3px;
}

.b-drag-list__item_header .b-drag-list__drag {
  height: auto;
  text-align: center;
}

.b-drag-list__item_header .b-drag-list__actions {
  margin-right: 3px;
}

.b-drag-list .b-drag-list__item:hover .b-drag-list__actions .b-button {
  opacity: 1;
}

.b-drag-list .b-drag-list__item .b-drag-list__actions .b-button {
  opacity: 0.8;
}

.b-drag-list__item_buttons .b-drag-list__drag {
  margin-top: 3px;
  margin-bottom: 3px;
}

/* __drag */
.b-drag-list__drag {
  display: inline-block;
  width: 15px;
  height: 25px;
  float: left;
  vertical-align: top;
  visibility: hidden;
}

.b-drag-list .b-drag-list__item:hover .b-drag-list__drag {
  visibility: visible;
}

.b-drag-list__drag .b-icon {
  display: none;
  margin: 3px 0;
}

/* __item_draggable */
.b-drag-list__drag_draggable {
  cursor: move;
}

.b-drag-list__drag.b-drag-list__drag_draggable .b-icon {
  display: inline-block;
}

/* form cell inset */
.b-drag-list_formCellInset {
  margin-left: -19px;
}

.b-drag-list_formCellInset .b-drag-list__drag {
  width: 19px;
}

.b-drag-list_formCellInset .b-drag-list__drag .b-icon {
  margin-left: 2px;
  margin-right: 1px;
}

.b-drag-list_formCellInset .b-tree__label.b-drag-list__title,
.b-drag-list_formCellInset .b-drag-list__title {
  margin-left: 19px;
}

/* dialog inset */
.b-drag-list_dialogInset {
  margin: 0 -10px;
}

.b-drag-list_dialogInset:first-child {
  margin-top: -10px;
}

.b-drag-list_dialogInset:last-child {
  margin-bottom: -10px;
}

.b-drag-list_dialogInset.b-drag-list_extended:first-child {
  margin-top: -11px;
}

/* _extended */
.b-drag-list_extended .b-drag-list__item {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  display: flex;
}

.b-drag-list_extended .b-drag-list__item + .b-drag-list__item {
  margin-top: -1px;
}

.b-drag-list_extended .b-drag-list__actions {
  order: 2;
  align-self: center;
  flex: 0 1 auto;
  padding: 10px 10px 10px 0;
}

.b-drag-list_extended .b-drag-list__content {
  overflow: visible;
  flex: 1 1 auto;
  margin-left: 26px;
  padding: 10px 0;
  min-height: 0;
  align-self: center;
  word-break: break-word;
}

.b-drag-list_extended .b-drag-list__drag {
  visibility: visible;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 25px;
}

.b-drag-list_extended .b-drag-list__drag .b-icon {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  margin-left: 5px;
}

.b-drag-list_extended .b-drag-list__title {
  padding: 0;
  margin: 0;
  font-size: 14px;
  display: inline;
}

.b-drag-list_extended .b-drag-list__description {
  margin-left: 15px;
  color: #999;
}

/* @end */
/* @group RTL */
/* __actions */
.g-rtl .b-drag-list__actions {
  float: left;
}

/* __content */
.g-rtl .b-tree__label.b-drag-list__title,
.g-rtl .b-drag-list__title {
  margin: 0 15px 0 0;
}

.g-rtl .b-drag-list__title_head {
  margin: 0 15px 0 0;
}

.g-rtl .b-drag-list__item_header .b-drag-list__actions {
  margin-right: 0;
  margin-left: 3px;
}

/* __drag */
.g-rtl .b-drag-list__drag {
  float: right;
}

/* form cell inset */
.g-rtl .b-drag-list_formCellInset {
  margin-left: 0;
  margin-right: -19px;
}

.g-rtl .b-drag-list_formCellInset .b-tree__label.b-drag-list__title,
.g-rtl .b-drag-list_formCellInset .b-drag-list__title {
  margin-left: 0;
  margin-right: 19px;
}

.g-rtl .b-drag-list_extended .b-drag-list__actions {
  padding: 10px 0 10px 10px;
}

.g-rtl .b-drag-list_extended .b-drag-list__content {
  margin-left: 0;
  margin-right: 26px;
}

.g-rtl .b-drag-list_extended .b-drag-list__drag {
  left: auto;
  right: 0;
}

.g-rtl .b-drag-list_extended .b-drag-list__description {
  margin-left: 0;
  margin-right: 15px;
}

/* @end */
/* @group Tree */
.b-tree__case {
  display: table-cell;
}

.b-tree-block {
  margin-top: 5px;
}

.b-tree-block:first-child {
  margin-top: 0;
}

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

/* node */
.b-tree__node {
  cursor: default;
  padding-top: 1px;
}

/* item */
.b-tree__item {
  font-size: 0;
  line-height: 0;
  /*@include border-radius(2px);*/
  border: 1px solid transparent;
  white-space: normal;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  padding: 1px 0;
  overflow: hidden;
}

/* icon */
.b-tree__icon {
  font-size: 12px;
  width: 16px;
  height: 16px;
  vertical-align: top;
  /*line-height: 18px;*/
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin: 1px 2px;
  display: block;
  float: left;
  position: relative;
}

.b-tree__icon:before {
  position: absolute;
  top: 0;
  left: 0;
}

.b-tree__icon.loading:before {
  content: '';
}

/*
* icons library
*/
/* expander icons */
.b-tree__icon.expander,
.b-tree__icon.expander_opened,
.b-tree__item:hover .b-tree__icon.expander,
.b-tree__item:hover .b-tree__icon.expander_opened {
  margin-left: 0;
  margin-right: 0;
  position: relative;
  float: left;
}

/*.b-tree__icon.expander:before,
.b-tree__icon.expander_opened:before {
	content: '';
	display: block;
	
	width: 0;
	height: 0;
	
	position: absolute;
	top: 3px;
	left: 6px;
	
	border: 5px solid transparent;
	border-left-color: #999;
	}
.b-tree__icon.expander:after,
.b-tree__icon.expander_opened:after {
	content: '';
	display: block;
	
	width: 0;
	height: 0;
	
	position: absolute;
	top: 5px;
	left: 7px;
	
	border: 3px solid transparent;
	border-left-color: #fff;
	}
.b-tree__icon.expander:hover:before,
.b-tree__icon.expander_opened:hover:before {
	border-left-color: #777;
	}
.b-tree__icon.expander:hover:after,
.b-tree__icon.expander_opened:hover:after {
	border-left-color: #fff;
	}*/
/* opened */
/*.b-tree__icon.expander_opened:before {
	top: 3px;
	left: 3px;
	
	border: 4px solid transparent;
	border-right-color: #999;
	border-bottom-color: #999;
	}
.b-tree__icon.expander_opened:after {
	top: 6px;
	left: 6px;
	
	border: 2px solid transparent;
	border-right-color: #999;
	border-bottom-color: #999;
	}
.b-tree__icon.expander_opened:hover:before {
	border-left-color: transparent;
	border-right-color: #777;
	border-bottom-color: #777;
	}
.b-tree__icon.expander_opened:hover:after {
	border-left-color: transparent;
	border-right-color: #fff;
	border-bottom-color: #fff;
	}*/
/* _empty expander for empty node */
.b-tree__icon.expander_empty {
  background: transparent !important;
}

.b-tree__icon.expander_empty:before,
.b-tree__icon.expander_empty:after {
  content: none !important;
}

/* folders icons */
.b-tree__icon.folder,
.b-tree__icon.all,
.b-tree__icon.settings-page {
  margin-left: 3px;
  margin-right: 3px;
  float: left;
}

/* move */
.b-tree_movable .b-tree__icon.folder {
  cursor: move;
}

.b-tree_movable .not_movable .b-tree__icon.folder {
  cursor: default;
}

/* move sort */
.b-tree_movable_sort .b-tree__item,
.b-tree_movable_sort .b-tree__item .b-tree__label {
  cursor: move;
}

.b-tree_movable_sort .not_movable .b-tree__item,
.b-tree_movable_sort .not_movable.b-tree__item {
  cursor: default;
}

.b-tree_movable_sort .not_movable .b-tree__item .b-tree__label,
.b-tree_movable_sort .not_movable.b-tree__item .b-tree__label {
  cursor: pointer;
}

/* loading */
.b-tree__icon.loading {
  position: relative;
  background: none !important;
  						/*background-image: url(images/gif/loading.gif) !important;
  						background-position: 50% 50% !important;
                          background-size: 100% !important;*/
}

/* icon cog */
.b-tree__item > .b-tree__icon_right {
  float: right;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

/* hidden */
.b-tree__item.selected > .b-tree__icon_right.hidden,
.b-tree__item:hover > .b-tree__icon_right.hidden,
.b-tree__item > .b-tree__icon_right.hidden.selected,
.b-tree__item:hover > .b-tree__icon_right.hidden:hover {
  cursor: default;
  opacity: 0;
  filter: alpha(opacity=0);
}

.b-tree__item.selected > .b-tree__icon_right,
.b-tree__item:hover > .b-tree__icon_right {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.b-tree__item > .b-tree__icon_right.selected,
.b-tree__item:hover > .b-tree__icon_right:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

/* empty icon */
.b-tree__icon.empty_right {
  float: right;
}

/* checkbox */
.b-tree__checkbox__cell {
  display: block;
  float: left;
}

.b-tree__checkbox {
  position: relative;
  top: 2px;
  margin: 0 0 0 4px;
  vertical-align: bottom;
}

/* badge */
.b-tree__item .b-badge {
  float: right;
  background: transparent;
  font-size: 12px;
}

                    /*.b-tree__item.selected .b-badge {
                        color: #FFF;

                        background: #666;
                        }*/
.b-tree__item .b-badge:empty {
  display: none;
  color: #ddd;
  /*background-color: #eee;*/
}

.b-tree__item .b-badge:empty:after {
  content: '0';
}

.b-tree__item .b-badge:empty ~ .b-tree__label {
  color: #aaa;
}

.b-tree__item.header_middle .b-badge {
  margin-top: 5px;
}

/* label */
.b-tree__label {
  font-size: 12px;
  padding: 0 0 0 4px;
  line-height: 18px;
  cursor: pointer;
  display: block;
  overflow: hidden;
}

.b-tree_simple .b-tree__label {
  margin-left: 11px;
}

.b-tree_actions .b-tree__label {
  margin-right: 22px;
}

/* expand */
.b-tree__expand {
  font-size: 12px;
  line-height: 18px;
  margin: 0 10px;
  float: right;
}

/* _hover item */
.b-tree__item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid transparent;
}

/* selected item */
.b-tree__item.selected {
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid transparent;
}

.b-tree__item.selected .b-badge,
.b-tree__item.selected .b-tree__label {
  font-weight: bold;
}

/* _disabled item */
.b-tree__item.disabled {
  color: #666;
}

.b-tree__item.disabled > .b-tree__label {
  cursor: default;
}

/* _header item big */
.b-tree__item.header_big {
  height: auto;
  padding: 0;
}

.b-tree__item.header_big > .b-tree__icon {
  margin-top: 4px;
  margin-bottom: 4px;
}

.b-tree__item.header_big > .b-tree__icon,
.b-tree__item.header_big > .b-tree__label {
  font-size: 18px;
  line-height: 24px;
}

.b-tree__item.header_big .b-tree__checkbox {
  top: 5px;
}

.b-tree__item.header_big .b-tree__expand {
  line-height: 24px;
}

/* _header item middle */
.b-tree__item.header_middle {
  height: auto;
  padding: 0;
}

.b-tree__item.header_middle > .b-tree__icon {
  margin-top: 4px;
  margin-bottom: 4px;
}

.b-tree__item.header_middle > .b-tree__icon {
  line-height: 24px;
}

.b-tree__item.header_middle > .b-tree__label {
  font-size: 14px;
  line-height: 24px;
}

.b-tree__item.header_middle .b-tree__checkbox {
  top: 6px;
}

.b-tree__item.header_middle .b-tree__expand {
  line-height: 24px;
}

/* _header item small */
.b-tree__item.header_small {
  height: auto;
  padding: 0;
}

.b-tree__item.header_small > .b-tree__icon {
  margin-top: 2px;
  margin-bottom: 2px;
}

.b-tree__item.header_small > .b-tree__icon,
.b-tree__item.header_small > .b-tree__label {
  font-size: 14px;
  line-height: 20px;
}

.b-tree__item.header_small .b-tree__checkbox {
  top: 3px;
}

.b-tree__item.header_small .b-tree__expand {
  line-height: 20px;
}

/* _sub tree */
.b-tree__node .b-tree {
  /*
  font-size: 12px;
  line-height: 18px;
  */
  padding-left: 12px;
}

.b-tree_root_hidden,
.b-tree__node .b-tree.b-tree_root_hidden {
  padding-left: 0;
}

.b-content-scrollable_treeTopSpace .b-tree .b-tree__node .b-tree.b-tree_root_hidden,
.b-tree__node .b-tree.b-tree_root_hidden {
  margin-top: -1px;
}

/* @end */
/* @group b-tree__item_header */
.b-tree__item_header,
.b-tree__item_header.selected,
.b-tree__item_header:hover {
  padding: 2px 0;
  border: 0;
  background: transparent;
  cursor: default;
}

.b-tree__node ~ .b-tree__node .b-tree__item_header {
  margin-top: 5px;
}

.b-tree__item_header .b-tree__label {
  display: block;
  margin: 0;
  overflow: hidden;
  line-height: 30px;
  text-transform: uppercase;
  cursor: default;
  padding: 0 0 0 4px;
  margin-top: 2px;
  margin-left: 11px;
  font-size: 13px;
}

.components-tickets-filters .group-filters .b-tree__item_header .b-tree__label,
#settings-list .b-tree__node:first-child .b-tree__item_header .b-tree__label {
  font-size: 16px;
  line-height: 26px;
  text-transform: none;
  padding-bottom: 4px;
}

.b-tree__item_header .b-tree__icon_right {
  margin-top: 7px;
  margin-right: 3px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/* @end */
/* @group _scroll */
.b-tree_scroll .b-tree__item {
  white-space: nowrap;
}

.b-tree_scroll .b-tree__icon {
  display: inline-block;
}

.b-tree_scroll .b-tree__icon.expander {
  float: none;
}

.b-tree_scroll .b-tree__icon.folder {
  float: none;
}

.b-tree_scroll .b-tree__checkbox__cell {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.b-tree_scroll .b-tree__label {
  display: inline-block;
  overflow: visible;
}

.b-tree_scroll.b-tree_actions .b-tree__label,
.b-tree_scroll .b-tree_actions .b-tree__label {
  margin-right: 0;
  margin-left: 0;
}

/* _header item big */
.b-tree_scroll .b-tree__item.header_big {
  height: 24px;
}

/* _header item middle */
.b-tree_scroll .b-tree__item.header_middle {
  height: 24px;
}

/* _header item small */
.b-tree_scroll .b-tree__item.header_small {
  height: 20px;
}

/* @end */
/* @group _nowrap */
.b-tree_nowrap .b-tree__item {
  white-space: nowrap;
}

.b-tree_nowrap .b-tree__label {
  text-overflow: ellipsis;
}

/* @end */
/* @group _noexpand */
.b-tree_noexpand .b-tree__icon.expander {
  display: none;
}

.b-tree_hasexpand .b-tree__icon.expander {
  display: block;
}

/* @end */
/* @group unselectable */
.b-tree__item.unselectable:hover {
  background-color: transparent;
  background-image: -moz-linear-gradient(top, transparent, transparent);
  /* Firefox 3.6+ */
  /* Chrome 1-9, Safari 4-5 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, transparent));
  /* Chrome 10+, Safari 5.1+ */
  background-image: -webkit-linear-gradient(top, transparent, transparent);
  background-image: -o-linear-gradient(top, transparent, transparent);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, transparent, transparent);
  /* IE10 */
  background-image: linear-gradient(to bottom, transparent, transparent);
  /* CSS3 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='transparent',GradientType=0 );
  /* IE6-8 */
  border-color: transparent;
}

.b-tree__item.unselectable .b-tree__label {
  cursor: default;
}

/* move sort */
.b-tree_movable_sort .not_movable.b-tree__item.unselectable .b-tree__label {
  cursor: default;
}

/* @end */
/* @group RTL */
/* checkbox */
.g-rtl .b-tree__checkbox__cell {
  float: right;
}

.g-rtl .b-tree__checkbox {
  margin: 0 4px 0 0;
}

/* badge */
.g-rtl .b-tree__item .b-badge {
  float: left;
}

/* label */
.g-rtl .b-tree__label {
  padding: 0 4px 0 0;
}

.g-rtl .b-tree_simple .b-tree__label {
  margin-left: 0;
  margin-right: 11px;
}

.g-rtl .b-tree_actions .b-tree__label {
  margin-right: 0;
  margin-left: 22px;
}

/* expand */
.g-rtl .b-tree__expand {
  float: left;
}

.g-rtl .b-tree__icon {
  float: right;
}

/*
* icons library
*/
/* expander icons */
.g-rtl .b-tree__icon.expander,
.g-rtl .b-tree__icon.expander_opened,
.g-rtl .b-tree__item:hover .b-tree__icon.expander,
.g-rtl .b-tree__item:hover .b-tree__icon.expander_opened {
  float: right;
}

/*.g-rtl .b-tree__icon.expander:before,
.g-rtl .b-tree__icon.expander_opened:before {
	left: auto;
	right: 6px;
	border-left-color: transparent;
	border-right-color: #999;
	}
.g-rtl .b-tree__icon.expander:after,
.g-rtl .b-tree__icon.expander_opened:after {
	left: auto;
	right: 7px;
	
	border-left-color: transparent;
	border-right-color: #fff;
	}
.g-rtl .b-tree__icon.expander:hover:before,
.g-rtl .b-tree__icon.expander_opened:hover:before {
	border-right-color: #777;
	}
.g-rtl .b-tree__icon.expander:hover:after,
.g-rtl .b-tree__icon.expander_opened:hover:after {
	border-right-color: #fff;
	}*/
/* opened */
/*.g-rtl .b-tree__icon.expander_opened:before {
	left: auto;
	right: 3px;
	
	border-right-color: transparent;
	border-left-color: #999;
	}
.g-rtl .b-tree__icon.expander_opened:after {
	left: auto;
	right: 6px;
	
	border-right-color: transparent;
	border-left-color: #999;
	}
.g-rtl .b-tree__icon.expander_opened:hover:before {
	border-right-color: transparent;
	border-left-color: #777;
	}
.g-rtl .b-tree__icon.expander_opened:hover:after {
	border-right-color: transparent;
	border-left-color: #fff;
	}*/
/* folders icons */
.g-rtl .b-tree__icon.folder,
.g-rtl .b-tree__icon.all,
.g-rtl .b-tree__icon.settings-page {
  float: right;
}

/* icon cog */
.g-rtl .b-tree__item > .b-tree__icon_right {
  float: left;
}

/* empty icon */
.g-rtl .b-tree__icon.empty_right {
  float: left;
}

/* _sub tree */
.g-rtl .b-tree__node .b-tree {
  padding-left: 0px;
  padding-right: 12px;
}

.g-rtl .b-tree_root_hidden,
.g-rtl .b-tree__node .b-tree.b-tree_root_hidden {
  padding-right: 0;
}

/* b-tree__item_header */
.g-rtl .b-tree__item_header .b-tree__label {
  padding: 0 4px 0 0;
  margin: 0;
  margin-top: 2px;
  margin-left: 11px;
}

.g-rtl .components-tickets-filters .group-filters .b-tree__item_header .b-tree__label,
.g-rtl #settings-list .b-tree__node:first-child .b-tree__item_header .b-tree__label {
  padding-bottom: 4px;
}

.g-rtl .b-tree__item_header .b-tree__icon_right {
  margin-right: 2px;
  margin-left: 3px;
}

/* @end */
/* @group Custom styles */
/*
* Win
*/
/*
* IE
*/
.ie .b-tree__checkbox {
  top: 0;
  margin: 0 -3px 0 0;
}

.ie .g-rtl .b-tree__checkbox {
  margin: 0 -1px 0 0;
}

/*.ie .b-tree__label {
	padding: 0 0 0 3px;
	}*/
/* headers */
.ie .b-tree__item.header_big .b-tree__checkbox {
  top: -2px;
}

.ie .b-tree__item.header_middle .b-tree__checkbox,
.ie .b-tree__item.header_small .b-tree__checkbox {
  top: -1px;
}

/*
Gecko
*/
/*.win.gecko .b-tree__label {
	padding: 0 0 0 3px;
	}*/
.win.gecko .g-rtl .b-tree__checkbox {
  margin: 0 2px 0 4px;
}

/*
* Webkit
*/
.win.chrome.webkit5 .g-rtl .b-tree__checkbox {
  margin-right: 2px;
}

.win.safari5 .b-tree__checkbox {
  margin-right: -2px;
  margin-left: 3px;
}

.win.safari5 .g-rtl .b-tree__checkbox {
  margin-right: 1px;
  margin-left: -1px;
}

/*
* Opera
*/
.opera .b-tree__checkbox {
  margin-left: 3px;
}

.opera .b-tree__label {
  padding: 0 0 0 3px;
}

.win.opera .g-rtl .b-tree__checkbox {
  margin: 0 4px 0 3px;
}

/*
* Mac
*/
/*
* Gecko
*/
.mac.gecko .b-tree__checkbox {
  margin-left: 3px;
}

.mac.gecko .g-rtl .b-tree__checkbox {
  margin-left: 0;
}

/*
* Webkit
*/
/*
* Opera
*/
.mac.opera .g-rtl .b-tree__checkbox {
  margin-right: 4px;
}

/* @end */
/* @group User Layer */
.b-user-layer {
  min-width: 300px;
}

.b-user-layer__info {
  margin: 10px;
}

.b-user-layer__info:after {
  content: '.';
  height: 0;
  overflow: hidden;
  display: block;
  clear: both;
}

.b-user-layer__info .b-avatar {
  float: left;
}

.b-user-layer__info-data {
  overflow: hidden;
  padding-left: 10px;
}

.b-user-layer__info-data .b-user-layer__info-name {
  font-size: 15px;
  display: block;
}

.b-user-layer__info-data .b-user-layer__info-row {
  color: #666;
  margin: 10px 0;
  display: block;
}

.b-user-layer__info-data .b-user-layer__info-row:last-child {
  margin-bottom: 0;
}

.b-user-layer__info-icon {
  display: none;
}

.b-user-layer__info-data .b-user-layer__info-icon {
  display: inline-block;
  margin-right: 5px;
}

.b-user-layer__activity-block {
  border-top: 1px solid #BBB;
  background-color: #EFEFEF;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.b-user-layer__activity-block:last-child {
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}

.b-user-layer__activity-block-item {
  border-left: 1px solid #BBB;
  width: 33%;
  display: inline-block;
  vertical-align: top;
}

.b-user-layer__activity-block-item:first-child {
  border-left: 0;
}

.b-user-layer__activity-block-text {
  margin: 10px 0;
  font-size: 13px;
  color: #666;
}

.b-user-layer__activity-block-count {
  margin: 10px 0;
  font-size: 15px;
}

.b-user-layer__buttons {
  padding: 10px;
  border-top: 1px solid #BBB;
}

/* _usersList */
.b-user-layer_usersList {
  min-width: 200px;
}

.b-user-layer_usersList .b-user-layer__info {
  margin: 0;
}

.b-user-layer_usersList .b-user-layer__info-data .b-user-layer__info-row {
  margin: 3px 0 0;
  font-size: 12px;
}

.b-user-layer_usersList .b-user-layer__info-data .b-user-layer__info-name {
  font-size: 13px;
}

/* @end */
/* @group RTL */
.g-rtl .b-user-layer__activity-block-item {
  border-left: 1px solid #BBB;
}

.g-rtl .b-user-layer__activity-block-item:last-child {
  border-left: 0;
}

.g-rtl .b-user-layer__info-data .b-user-layer__info-icon {
  margin-right: 0;
  margin-left: 5px;
}

/* @end */
/* @group User Info */
.b-user-info {
  margin: 10px;
}

.b-user-info__block {
  margin: 10px 0;
}

.b-user-info__block_simple {
  margin: 0;
}

.b-user-info__block_socialButtons {
  margin-left: -4px;
  margin-right: -4px;
}

.b-user-info__block_header {
  margin-bottom: 0;
}

.b-user-info__block_header_active {
  cursor: pointer;
}

.b-user-info__block_header .b-button {
  margin-top: -3px;
  margin-bottom: -3px;
}

.b-user-info__block_user {
  display: table;
  width: 100%;
  margin-bottom: 15px;
  position: relative;
}

.b-user-info__block_user.b-user-info__block:after {
  content: none;
}

.b-user-info__block_user .b-user-info__block__sidebar {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -13px;
}

.b-user-info__block_user .b-user-info__row {
  display: table-row;
}

.b-user-info__block_user .b-user-info__avatar,
.b-user-info__block_user .b-user-info__data {
  display: table-cell;
  vertical-align: middle;
}

.b-user-info__block_user .b-user-info__avatar {
  float: none;
  width: 10px;
}

.b-user-info__block_user .b-user-info__data {
  padding: 0 26px 0 10px;
}

.b-user-info__block_info {
  color: #666;
}

.b-user-info__block:after {
  content: '.';
  height: 0;
  overflow: hidden;
  display: block;
  clear: both;
}

.b-user-info__avatar,
.b-user-info__block .b-avatar {
  float: left;
}

.b-user-info__avatar .b-avatar_mid img {
  width: 40px;
  height: 40px;
}

.b-user-info__block__title {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
}

.b-user-info__textfieldUpperLabel {
  margin: 7px 0 3px;
  color: #999;
}

.b-user-info__block__sidebar {
  float: right;
}

.b-user-info__block__sidebar .b-icon + .b-badge {
  margin-left: 10px;
}

.b-user-info__row {
  margin: 4px 0;
  position: relative;
  word-wrap: break-word;
}

.b-user-info__row .b-user-info__row__text {
  display: block;
}

.b-user-info__row .b-icon {
  position: absolute;
  top: 0;
  left: 0;
}

.b-user-info__row .b-icon ~ .b-user-info__row__text {
  margin-left: 22px;
}

.b-user-info__block.b-user-info_updates
.b-user-info__block.b-user-info_changes {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 3px;
}

.b-user-info__data {
  overflow: hidden;
  padding-top: 5px;
  padding-left: 10px;
}

a.b-user-info__name,
.b-user-info__name {
  font-size: 16px;
  color: #333;
  display: block;
  word-wrap: break-word;
  word-break: break-word;
}

.b-user-info__data .b-user-info__row {
  color: #666;
  margin: 5px 0 0;
  display: block;
}

.b-user-info__data .b-user-info__row:last-child {
  margin-bottom: 0;
}

.b-user-info__about {
  margin: 0;
  padding: 4px 5px;
  color: #666;
  background-color: #FFF;
  border: 1px solid #EEE;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  word-wrap: break-word;
  word-break: break-word;
}

.b-user-info__about_more {
  max-height: 90px;
  overflow: hidden;
  padding-bottom: 16px;
  position: relative;
}

.b-user-info__about .placeholder {
  color: #888;
}

.b-user-info__about__more {
  display: none;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFF;
}

.b-user-info__about_more .b-user-info__about__more {
  display: block;
}

.b-user-info__about__more:after {
  content: '. . .';
  display: inline-block;
  height: 16px;
  text-align: center;
  font-size: 12px;
  line-height: 8px;
  font-weight: bold;
  color: #888;
  vertical-align: middle;
}

.b-user-info__role {
  margin-right: 10px;
  font-size: 14px;
  color: #999;
}

.b-user-info__delimiter {
  height: 0;
  overflow: hidden;
  margin: 10px 0;
  border-top: 1px solid #ddd;
}

.b-user-info__delimiter_header {
  margin-top: 8px;
  border-top: 1px dotted #e5e5e5;
}

.b-user-info_changes {
  background-color: rgba(153, 206, 220, 0.25);
}

.b-user-info_updates {
  background-color: rgba(199, 255, 90, 0.25);
}

/* interactions summary */
.b-user-info__interactionsSummary {
  margin-bottom: -5px;
}

.b-user-info__interactionsSummary__item {
  display: inline-block;
  margin-right: 0px;
  margin-bottom: 7px;
  white-space: nowrap;
}

.b-user-info__interactionsSummary__item:hover {
  cursor: pointer;
}

.b-user-info__interactionsSummary__item.b-badge {
  padding-bottom: 1px;
  background: transparent;
}

.b-user-info__interactionsSummary__item:hover .b-user-info__interactionsSummary__text {
  text-decoration: underline;
}

.b-user-info__interactionsSummary__text {
  font-size: 11px;
  vertical-align: middle;
}

.b-user-info__interactionsSummary__item .b-icon {
  margin-right: 2px;
  margin-left: -2px;
  vertical-align: middle;
}

/* interactions list */
.b-user-info__interactionsList {
  margin: 0;
  padding: 0;
  list-style: none;
}

.b-user-info__block.b-user-info__interactionsList {
  margin: 10px 0;
}

.b-user-info__interactionsList__item {
  padding-left: 20px;
  margin: 6px 0;
  position: relative;
  line-height: 16px;
}

.b-user-info__interactionsList .b-icon {
  position: absolute;
  top: 0;
  left: 0;
}

.b-user-info__interactionsList__item:hover {
  cursor: pointer;
}

.b-user-info__interactionsList__item:hover .b-link {
  text-decoration: underline;
}

.b-user-info__interactionsList__item_ticketSolved span {
  color: #666;
}

/* @end */
/* @group RTL */
.g-rtl .b-user-info__block .b-avatar {
  float: right;
}

.g-rtl .b-user-info__row .b-icon {
  left: initial;
  right: 0;
}

.g-rtl .b-user-info__row .b-icon ~ .b-user-info__row__text {
  margin-left: 0;
  margin-right: 22px;
}

.g-rtl .b-user-info__data {
  padding-left: 0;
  padding-right: 10px;
}

.g-rtl .b-user-info__block_user .b-user-info__block__sidebar {
  right: initial;
  left: 0;
}

.g-rtl .b-user-info__block_user .b-user-info__data {
  padding: 0 10px 0 26px;
}

.g-rtl .b-user-info__role {
  margin-right: 0;
  margin-left: 10px;
}

.g-rtl .b-user-info__block__sidebar {
  float: left;
}

.g-rtl .b-user-info__block__sidebar .b-icon + .b-badge {
  margin-left: 0;
  margin-right: 10px;
}

/* interactions summary */
.g-rtl .b-user-info__interactionsSummary__item {
  margin-right: 0;
  margin-left: 0;
}

.g-rtl .b-user-info__interactionsSummary__item .b-icon {
  margin-right: -2px;
  margin-left: 2px;
}

/* interactions list */
.g-rtl .b-user-info__interactionsList__item {
  padding-left: 0;
  padding-right: 20px;
}

.g-rtl .b-user-info__interactionsList .b-icon {
  left: initial;
  right: 0;
}

/* @end */
/* @group Arrows */
.b-tags-search-result {
  display: block;
  padding: 10px 10px 0 10px;
  color: #888;
}

.b-popup-menu__list.with-icons .b-popup-menu__button.b-tags-list,
.b-tags-list {
  padding: 15px 0 0 15px;
  font-size: 0;
}

/* popup-menu button*/
.b-popup-menu__list.with-icons .b-popup-menu__button.b-tags-list {
  padding: 8px 0 0 10px;
  background: #FFF;
  cursor: default;
}

.b-tags-list .b-tag {
  margin: 0 10px 10px 0;
}

.b-tag {
  display: inline-block;
  padding: 2px 6px;
  border: 1px solid #333;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  font-size: 12px;
  cursor: pointer;
  z-index: 1;
}

.b-tag.selected {
  color: #FFF;
}

.b-tag__bg {
  display: none;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  z-index: -1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.b-tag.selected .b-tag__bg {
  display: block;
}

.b-tag .b-badge {
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  font-size: 11px;
  line-height: 11px;
  font-weight: normal;
  text-shadow: none;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  background: #F1F1F1;
  padding: 2px 4px 1px 4px;
  margin-left: 2px;
  color: #888;
  -ms-transform: translate(1px, 2px);
  -moz-transform: translate(1px, 2px);
  -webkit-transform: translate(1px, 2px);
  -o-transform: translate(1px, 2px);
  transform: translate(1px, 2px);
  vertical-align: top;
}

.b-tag.selected .b-badge {
  color: inherit;
  background: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
}

/* @end */
/* @group rtl */
.g-rtl .b-tags-list {
  padding: 15px 15px 0 0;
}

.g-rtl .b-popup-menu__list.with-icons .b-popup-menu__button.b-tags-list {
  padding: 8px 10px 0 0;
}

.g-rtl .b-tags-list .b-tag {
  margin: 0 0 10px 10px;
}

.g-rtl .b-tag .b-badge {
  margin-left: 0;
  margin-right: 2px;
  -ms-transform: translate(-1px, 2px);
  -moz-transform: translate(-1px, 2px);
  -webkit-transform: translate(-1px, 2px);
  -o-transform: translate(-1px, 2px);
  transform: translate(-1px, 2px);
}

/* @end */
/* @group Reports Grid */
/* reports grid */
.b-reports-grid {
  font-size: 0;
}

.b-reports-grid__item {
  width: 50%;
  display: inline-block;
  padding: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: text-top;
  font-size: 12px;
}

.b-reports-grid__item_newTickets {
  height: 360px;
  padding-bottom: 80px;
}

.b-reports-grid__header {
  margin: 20px 0;
  font-size: 18px;
  text-align: center;
}

.b-reports-grid__header__summary {
  margin-top: 10px;
  font-size: 16px;
}

.b-reports-grid__header__summary > span {
  margin-left: 2px;
  font-size: 14px;
  color: #666;
}

.b-reports-grid__header__trend {
  font-size: 12px;
}

.b-reports-grid__chart {
  margin: 0 10px;
}

.b-reports-grid__item .chart {
  width: 200px;
  height: 150px;
}

.b-reports-grid__bottomChartContainer {
  margin: 40px 0 10px;
}

.b-reports-grid__bottomChartContainer:after {
  content: '.';
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  font-size: 0;
  line-height: 0;
}

.b-reports-grid__bottomChartContainer__grid {
  margin-left: 250px;
  margin-right: 10px;
}

.b-reports-grid__bottomChartContainer .chart {
  float: left;
  width: 250px;
}

/* _outlined */
.b-reports-grid_outlined .b-reports-grid__item {
  padding: 21px;
  position: relative;
}

.b-reports-grid_outlined .b-reports-grid__item:before {
  content: '';
  display: block;
  margin: 20px;
  border: 1px solid #eee;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

/* _1column */
.b-reports-grid_1column .b-reports-grid__item {
  width: 100%;
}

/*Styles for screen 1300px and smaller*/
@media screen and (max-width: 1300px) {
  .b-reports-grid__item {
    width: 100%;
  }

  /*.b-reports-grid__item_newTickets {
      height: initial;
  }
  .b-reports-grid__item_newTickets canvas {
      height: 300px;
  }*/
}
/* @end */
/* @group RTL */
.g-rtl .b-reports-grid__bottomChartContainer__grid {
  margin-left: 10px;
  margin-right: 250px;
}

.g-rtl .b-reports-grid__bottomChartContainer .chart {
  float: right;
}

.g-rtl .b-reports-grid__header__summary > span {
  margin-left: 0;
  margin-right: 2px;
}

/* @end */
/* @group Reports Summary */
/* reports summary */
.b-reports-summary {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  background: #fbfbfb;
  border-bottom: 1px solid #eee;
  padding-top: 20px;
  padding-bottom: 20px;
}

.b-reports-summary__item {
  display: inline-block;
  width: 16%;
  vertical-align: top;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
}

.b-reports-summary__item_4columnspan {
  -webkit-flex: 4;
  -ms-flex: 4;
  flex: 4;
  white-space: nowrap;
}

.b-reports-summary__itemInner {
  display: inline-block;
  padding: 0 15px;
}

.b-reports-summary__label {
  margin-bottom: 10px;
  color: #888;
}

.b-reports-summary__count {
  margin-right: 10px;
  font-size: 24px;
}

.b-reports-summary__count:last-child {
  margin-right: 0;
}

.b-reports-summary__count > span {
  margin-left: 2px;
  font-size: 17px;
  color: #666;
}

/* user block */
.b-reports-summary__item .b-user-info__block {
  margin: -3px 5px;
}

.b-reports-summary__item .b-user-info__name {
  font-size: 18px;
}

/* b-reports-summary_productivity */
.b-reports-summary_productivity {
  width: 66.66%;
}

/* b-reports-summary_avatar */
/* b-reports-summary_4columns */
.b-reports-summary_4columns .b-reports-summary__item {
  width: 25%;
}

/* b-reports-summary_flexible */
.b-reports-summary_flexible .b-reports-summary__item {
  width: initial;
}

/* _vertical */
.b-reports-summary_vertical.b-reports-summary {
  margin-top: -10px;
  padding-left: 10px;
}

.b-reports-summary_vertical .b-reports-summary__item {
  display: block;
  margin-top: 20px;
  width: 100%;
}

/* _vertical2Column */
.b-reports-summary_vertical2Column.b-reports-summary {
  margin-top: -10px;
  padding-left: 10px;
}

.b-reports-summary_vertical2Column .b-reports-summary__item {
  display: inline-block;
  margin-top: 20px;
  width: 49%;
}

/* b-reports-summaryWrapper */
.b-reports-summaryWrapper__sidebar {
  float: right;
  padding: 0 10px;
}

.b-reports-summaryWrapper:after {
  content: '.';
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  font-size: 0;
  line-height: 0;
}

/*Styles for screen 1000px and smaller*/
@media screen and (max-width: 1000px) {
  .b-reports-summary {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 5px;
    padding-top: 5px;
  }

  .b-reports-summary__item {
    width: 33.333%;
    margin-top: 15px;
    margin-bottom: 15px;
    -webkit-flex: initial;
    -ms-flex: initial;
    flex: initial;
  }

  /* b-reports-summary_flexible */
  .b-reports-summary_flexible .b-reports-summary__item {
    width: 33.333%;
  }

  .b-reports-summary_productivity .b-reports-summary__item {
    width: 50%;
  }

  .b-reports-summary_4columns .b-reports-summary__item {
    width: 50%;
  }

  .b-reports-summary_avatar {
    -webkit-flex-wrap: initial;
    flex-wrap: initial;
  }

  .b-reports-summary_avatar .b-reports-summary__item {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .b-reports-summary_avatar .b-reports-summary__item_4columnspan {
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
  }
}
/* @end */
/* @group RTL */
.g-rtl .b-reports-summary {
  /*padding-left: 0;
  padding-right: 10px;*/
}

.g-rtl .b-reports-summary_vertical.b-reports-summary,
.g-rtl .b-reports-summary_vertical2Column.b-reports-summary {
  padding-left: 0;
  padding-right: 10px;
}

.g-rtl .b-reports-summary__count {
  margin-right: 0;
  margin-left: 10px;
}

.g-rtl .b-reports-summary__count:last-child {
  margin-left: 0;
}

.g-rtl .b-reports-summary__count > span {
  margin-left: 0;
  margin-right: 2px;
}

/* @end */
/* @group Reports Productivity */
/* reports productivity chartIndicator */
.b-reports-productivity-chartIndicator {
  width: 20px;
  display: inline-block;
}

/* @end */
/* @group Reports Nodata */
/* reports nodata */
.b-reports-nodata {
  display: block;
  margin: 30px;
  color: #aaa;
  text-align: center;
}

.b-reports-nodata h2 {
  font-weight: normal;
}

/* @end */
/* @group Reports Happiness */
/* reports happiness chart holder */
.b-reports-happiness-chart-holder {
  width: 800px;
  margin: auto;
}

/* reports happiness chart */
.b-reports-happiness-chart {
  height: 25px;
  width: 100%;
  background-color: #CC0000;
  margin-top: 25px;
  margin-bottom: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
}

.b-reports-happiness-chart__level {
  height: 100%;
  background-color: #5EA801;
}

.b-reports-happiness-chart__positive,
.b-reports-happiness-chart__negative {
  float: left;
  line-height: normal;
  font-size: 24px;
  color: #5EA801;
}

.b-reports-happiness-chart__negative {
  float: right;
  color: #CC0000;
  vertical-align: middle;
}

.b-reports-happiness-chart__positive .b-trend-indicator,
.b-reports-happiness-chart__negative .b-trend-indicator {
  font-size: 14px;
  font-weight: normal;
  vertical-align: middle;
}

.b-reports-happiness__positive {
  color: #5EA801;
}

.b-reports-happiness__negative {
  color: #CC0000;
}

/* reports happiness chart description */
.b-reports-happiness-chart-description {
  text-align: center;
  color: #777777;
  font-size: 18px;
  margin-top: 50px;
  margin-bottom: 20px;
}

/* @end */
/* @group RTL */
.g-rtl .b-reports-happiness-chart__positive,
.g-rtl .b-reports-happiness-chart__negative {
  float: right;
}

.g-rtl .b-reports-happiness-chart__negative {
  float: left;
}

.g-rtl .b-reports-happiness-chart__change_positive:after,
.g-rtl .b-reports-happiness-chart__change_negative:after {
  margin-left: 0;
  margin-right: -4px;
}

/* @end */
/* @group Busiest Hours */
/* busiest hours table */
.b-busiest-hours-table {
  width: 100%;
  height: 250px;
}

.b-busiest-hours-table__cell {
  width: 8%;
  text-align: center;
}

/* busiest hours legenf table */
.b-busiest-hours-legend-table {
  margin: 10px auto 0;
}

.b-busiest-hours-legend-table__cell {
  border-spacing: 0;
  border-collapse: collapse;
  padding: 0 5px;
  font-size: 11px;
  line-height: 16px;
  color: #777;
  width: 70px;
}

.b-busiest-hours-legend-table__cell_indicator {
  width: 16px;
  height: 16px;
  padding: 0;
}

.b-busiest-hours-legend-table__cell_right {
  text-align: right;
}

/* @end */
/* @group RTL */
.g-rtl .b-busiest-hours-legend-table__cell_right {
  text-align: left;
}

/* @end */
/* @group Trend Indicator */
/* trend indicator */
.b-trend-indicator_positive {
  color: #5EA801;
}

.b-trend-indicator_negative {
  color: #f81212;
}

.b-trend-indicator_default {
  color: #333;
}

.b-trend-indicator_na {
  color: #CCC;
}

.b-trend-indicator_arrowUp:after {
  content: '\25B2';
}

.b-trend-indicator_arrowDown:after {
  content: '\25BC';
}

/* @end */
/* @group Columns */
.b-columns {
  width: 100%;
  display: -webkit-flex;
  display: flex;
}

.b-columns__item {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.b-columns__item_shrink {
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.b-columns__item_middle {
  align-self: center;
}

/* @end */
/* @group RTL */
/* @end */
/* @group Merge swap */
.b-merge-swap {
  position: relative;
  min-height: 25px;
  margin: 5px 0;
}

.b-merge-swap__icon {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
}

.b-merge-swap__icon.fa {
  font-size: 48px;
}

.b-merge-swap__icon.fa:before {
  width: 40px;
  line-height: 38px !important;
}

.b-merge-swap__icon.fa:hover,
.b-merge-swap__icon.fa {
  color: #d9d9d9;
}

.b-merge-swap__buttons {
  margin-left: 50%;
  padding-left: 24px;
}

/* @end */
/* @group RTL */
/* @end */
/* @group Page placeholder */
.b-page-placeholder {
  text-align: center;
  margin: 30px;
  padding: 30px;
}

.b-page-placeholder__title {
  font-size: 18px;
}

.b-page-placeholder__textDivider_light {
  color: #bbb;
}

.b-page-placeholder__icon {
  display: inline-block;
  width: 100px;
  height: 100px;
  vertical-align: top;
  position: relative;
}

.b-page-placeholder__icon_addMailbox {
  margin-top: -40px;
  margin-bottom: -13px;
}

.b-page-placeholder__icon_addMailbox .fa-envelope {
  font-size: 90px;
  color: #ddd;
  width: 100px;
}

.b-page-placeholder__icon_addMailbox .fa-envelope:hover {
  color: #ddd;
}

.b-page-placeholder__icon_addMailbox .fa-envelope:before {
  line-height: 100px;
}

.b-page-placeholder__icon_addMailbox .fa-users {
  font-size: 40px;
  color: #ccc;
  width: 50px;
  position: absolute;
  top: 36px;
  left: 25px;
}

.b-page-placeholder__icon_addMailbox .fa-users:hover {
  color: #ccc;
}

.b-page-placeholder__icon_addMailbox .fa-users:before {
  line-height: 44px;
}

/* @end */
/* @group RTL */
/* @end */
/* @group User App */
.user-app hr {
  margin: 8px auto;
  border: 0;
  border-top: 1px solid #e5e5e5;
}

.user-app ul,
.user-app ol {
  padding-left: 15px;
}

.user-app li {
  margin-top: 4px;
  margin-bottom: 4px;
}

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

.user-app .list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}

.user-app .list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

.user-app .collapse {
  margin-top: 4px;
  margin-bottom: 4px;
}

.user-app .collapse > * {
  display: none;
}

.user-app .collapse.in > * {
  display: block;
}

.user-app .collapse > *:first-child,
.user-app .collapse.in > *:first-child {
  display: block;
  cursor: pointer;
  padding-left: 18px;
  position: relative;
}

.user-app .mode-right.collapse > *:first-child,
.user-app .mode-right.collapse.in > *:first-child {
  padding-left: 0;
  padding-right: 18px;
}

.user-app .collapse.in > *:first-child ~ * {
  margin-left: 18px;
}

.user-app .collapse.in.no-margin > *:first-child ~ * {
  margin-left: 0;
}

.user-app .collapse.in.mode-right > *:first-child ~ * {
  margin-left: 0;
  margin-right: 18px;
}

.user-app .collapse.in.mode-right.no-margin > *:first-child ~ * {
  margin-right: 0;
}

.user-app .collapse > *:first-child:before,
.user-app .collapse.in > *:first-child:before {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}

.user-app .collapse.mode-right > *:first-child:before,
.user-app .collapse.in.mode-right > *:first-child:before {
  left: auto;
  right: 0;
}

/* align */
.user-app .text-left {
  text-align: left;
}

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

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

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

/* text transformations */
.user-app .text-lowercase {
  text-transform: lowercase;
}

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

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

/* labels */
.user-app .label {
  /*display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;*/
  color: #FFF;
  font-weight: normal;
  padding: 1px 4px;
  text-shadow: none;
}

.user-app .label-default {
  background-color: #999;
}

.user-app .label-primary {
  background-color: #337ab7;
  background-color: #00adc6;
}

/*.user-app .label-success {
	background-color: #5cb85c;
}*/
/*.user-app .label-info {
	background-color: #5bc0de;
}*/
/*.user-app .label-warning {
	background-color: #f0ad4e;
}*/
/*.user-app .label-danger {
	background-color: #d9534f;
}*/
/* badge */
.user-app .badge {
  /*display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px;*/
}

/* Contextual colors */
.user-app .fa.text-muted,
.user-app .text-muted {
  color: #999;
}

.user-app .fa.text-primary,
.user-app .text-primary {
  color: #00adc6;
}

/*.user-app .text-success {
	color: #3c763d;
}
.user-app .text-info {
	color: #31708f;
}
.user-app .text-warning {
	color: #8a6d3b;
}
.user-app .text-danger {
	color: #a94442;
}*/
/* Background colors */
.user-app .bg-primary {
  color: #fff;
  background-color: #337ab7;
  background-color: #00adc6;
}

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

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

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

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

/* floats */
.user-app .pull-left {
  float: left !important;
}

.user-app .pull-right {
  float: right !important;
}

/* center block */
.user-app .center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* clearfix */
.user-app .clearfix:before, .user-app .clearfix:after {
  content: " ";
  display: table;
}
.user-app .clearfix:after {
  clear: both;
}

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

/* overflow ellipsis */
.overflow-ellipsis {
  text-overflow: ellipsis;
}

/* icons */
.user-app .fa {
  font-size: 12px;
  color: #333;
}

.user-app .label .fa,
.user-app .badge .fa {
  color: inherit;
  margin-top: -2px;
  margin-bottom: -4px;
}

/* @end */
/* @group RTL */
/* @end */
/* @group Tiles */
/* tiles block */
.b-tiles-list {
  margin: 30px -10px -10px -10px;
  font-size: 0;
}

.b-tiles-list .b-tile {
  margin: 0 10px 20px 10px;
  vertical-align: top;
}

/* tile */
.b-tile {
  cursor: pointer;
  border: 1px #ddd solid;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  -moz-transition: box-shadow 0.2s, border 0.2s;
  -webkit-transition: box-shadow 0.2s, border 0.2s;
  -o-transition: box-shadow 0.2s, border 0.2s;
  transition: box-shadow 0.2s, border 0.2s;
}

.b-tile:hover {
  border-color: #ccc;
  -webkit-box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.15);
}

.b-tile:after {
  /* ff, macos fix for disabled click during animation */
  content: '';
  width: 100%;
  height: 100%;
}

.b-tile:after,
.b-tile__main,
.b-tile__secondary {
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: top 0.2s;
  -webkit-transition: top 0.2s;
  -o-transition: top 0.2s;
  transition: top 0.2s;
}

.b-tile:hover .b-tile__secondary {
  top: 0;
  -moz-transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.b-tile__content {
  display: flex;
  position: absolute;
  width: 100%;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 5px;
  -moz-transition: opacity 0.2s, transform 0.2s, top 0.2s;
  -webkit-transition: opacity 0.2s, transform 0.2s, top 0.2s;
  -o-transition: opacity 0.2s, transform 0.2s, top 0.2s;
  transition: opacity 0.2s, transform 0.2s, top 0.2s;
}

.b-tile__indicator_topLeft,
.b-tile__indicator_topRight,
.b-tile__indicator_bottomLeft,
.b-tile__indicator_bottomRight {
  position: absolute;
  z-index: 1;
}

.b-tile__indicator_topLeft {
  top: 4px;
  left: 8px;
}

.b-tile__indicator_topRight {
  top: 4px;
  right: 8px;
}

.b-tile__indicator_bottomLeft {
  bottom: 0;
  left: 0;
  padding: 2px 8px;
}

.b-tile__indicator_bottomRight {
  bottom: 0;
  right: 0;
  padding: 2px 8px;
}

.b-tile__indicator_topLeft > .b-icon:first-child,
.b-tile__indicator_bottomLeft > .b-icon:first-child {
  margin-left: -4px;
}

.b-tile__indicator_topRight > .b-icon:last-child,
.b-tile__indicator_bottomRight > .b-icon:last-child {
  margin-right: -4px;
}

/* _normal */
.b-tile_normal {
  width: 140px;
  height: 105px;
}

.b-tile_normal .b-tile__indicator_topLeft > .b-icon:first-child {
  font-size: 16px;
}

.b-tile_normal .b-tile__main,
.b-tile_normal .b-tile__secondary {
  width: 138px;
  height: 103px;
}

.b-tile_normal .b-tile__secondary {
  top: 105px;
}

.b-tile_normal .b-tile__icon {
  position: absolute;
  -moz-transition: transform 0.2s, top 0.2s !important;
  -webkit-transition: transform 0.2s, top 0.2s !important;
  -o-transition: transform 0.2s, top 0.2s !important;
  transition: transform 0.2s, top 0.2s !important;
}

/* main tile */
.b-tile_normal .b-tile__main .b-tile__icon {
  top: 20px;
  height: 32px;
  width: 100%;
}

.b-tile_normal .b-tile__main .b-tile__icon .fontello,
.b-tile_normal .b-tile__main .b-tile__icon .fa {
  /*font-size: 32px;*/
  color: #00abc9;
}

/*.b-tile_normal .b-tile__main .b-tile__icon .fontello:before,
.b-tile_normal .b-tile__main .b-tile__icon .fa:before {
	width: 32px;
	line-height: 32px;
}*/
.b-tile_normal .b-tile__main .b-tile__content {
  top: 50px;
  height: 50px;
}

.b-tile_normal .b-tile__main .b-tile__text {
  font-size: 14px;
  max-height: 32px;
  overflow: hidden;
  padding: 4px 0;
}

.b-tile_normal:hover .b-tile__main .b-tile__icon {
  -ms-transform: scale(0.67) translateY(-25px);
  -moz-transform: scale(0.67) translateY(-25px);
  -webkit-transform: scale(0.67) translateY(-25px);
  -o-transform: scale(0.67) translateY(-25px);
  transform: scale(0.67) translateY(-25px);
  -moz-transition-delay: 0.15s !important;
  -webkit-transition-delay: 0.15s !important;
  -o-transition-delay: 0.15s !important;
  transition-delay: 0.15s !important;
}

.b-tile_noSecondaryContent.b-tile_normal:hover .b-tile__main .b-tile__icon {
  -ms-transform: none;
  -moz-transform: none;
  -webkit-transform: none;
  -o-transform: none;
  transform: none;
}

.b-tile_normal:hover .b-tile__main .b-tile__content {
  -ms-transform: scale(0.5) translateY(-90px);
  -moz-transform: scale(0.5) translateY(-90px);
  -webkit-transform: scale(0.5) translateY(-90px);
  -o-transform: scale(0.5) translateY(-90px);
  transform: scale(0.5) translateY(-90px);
  -moz-transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
  opacity: 0;
}

.b-tile_noSecondaryContent.b-tile_normal:hover .b-tile__main .b-tile__content {
  -ms-transform: none;
  -moz-transform: none;
  -webkit-transform: none;
  -o-transform: none;
  transform: none;
  opacity: 1;
}

/* secondary */
.b-tile_normal .b-tile__secondary .b-tile__content {
  top: 20px;
  height: 80px;
}

.b-tile_normal .b-tile__secondary .b-tile__text {
  font-size: 12px;
  line-height: 14px;
  color: #999;
  max-height: 70px;
  overflow: hidden;
}

/* _extended */
.b-tile_extended {
  width: 300px;
  height: 125px;
}

/*.b-tile_extended .b-tile__indicator_topLeft > .b-icon:first-child {
	font-size: 20px;
}*/
.b-tile_extended .b-tile__indicator_bottomLeft .b-link_pale {
  text-transform: lowercase;
}

.b-tile_extended .b-tile__main,
.b-tile_extended .b-tile__secondary {
  width: 298px;
  height: 123px;
}

.b-tile_extended .b-tile__secondary {
  top: 125px;
}

/* main tile */
.b-tile_extended .b-tile__main .b-tile__header {
  top: 15px;
  position: absolute;
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-transition: transform 0.2s;
  -webkit-transition: transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}

.b-tile__header__content {
  /*display: flex;
  align-items: center;
  justify-content: center;*/
}

.b-tile_extended .b-tile__main .b-tile__icon {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
  -moz-transition: transform 0.2s, height 0.2s, margin 0.2s;
  -webkit-transition: transform 0.2s, height 0.2s, margin 0.2s;
  -o-transition: transform 0.2s, height 0.2s, margin 0.2s;
  transition: transform 0.2s, height 0.2s, margin 0.2s;
  vertical-align: top;
  margin-top: -2px;
  margin-top: -4px;
  margin-bottom: -2px;
}

.b-tile_extended .b-tile__main .b-tile__icon .fontello,
.b-tile_extended .b-tile__main .b-tile__icon .fa {
  /*font-size: 24px;*/
  color: #00abc9;
  -moz-transition: font-size 0.2s !important;
  -webkit-transition: font-size 0.2s !important;
  -o-transition: font-size 0.2s !important;
  transition: font-size 0.2s !important;
}

/*.b-tile_extended .b-tile__main .b-tile__icon .fontello:before,
.b-tile_extended .b-tile__main .b-tile__icon .fa:before {
	width: 24px;
	line-height: 24px;
	
	@include transition((width .2s, line-height .2s));
}*/
.b-tile_extended .b-tile__main .b-tile__title {
  display: inline-block;
  display: inline;
  font-size: 18px;
  font-size: 16px;
  -moz-transition: font-size 0.2s;
  -webkit-transition: font-size 0.2s;
  -o-transition: font-size 0.2s;
  transition: font-size 0.2s;
}

.b-tile_extended .b-tile__content {
  padding-left: 10px;
  padding-right: 10px;
}

.b-tile_extended .b-tile__main .b-tile__content {
  top: 56px;
  height: 50px;
}

.b-tile_extended .b-tile__main .b-tile__text {
  font-size: 12px;
  max-height: 54px;
  overflow: hidden;
  color: #999;
}

.b-tile_extended:hover .b-tile__main .b-tile__header {
  -ms-transform: scale(0.9) translateY(-18px);
  -moz-transform: scale(0.9) translateY(-18px);
  -webkit-transform: scale(0.9) translateY(-18px);
  -o-transform: scale(0.9) translateY(-18px);
  transform: scale(0.9) translateY(-18px);
  -moz-transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.b-tile_noSecondaryContent.b-tile_extended:hover .b-tile__main .b-tile__header {
  -ms-transform: none;
  -moz-transform: none;
  -webkit-transform: none;
  -o-transform: none;
  transform: none;
}

.b-tile_extended:hover .b-tile__main .b-tile__icon {
  -ms-transform: scale(0.8) translateX(4px);
  -moz-transform: scale(0.8) translateX(4px);
  -webkit-transform: scale(0.8) translateX(4px);
  -o-transform: scale(0.8) translateX(4px);
  transform: scale(0.8) translateX(4px);
  -moz-transition-delay: 0.15s !important;
  -webkit-transition-delay: 0.15s !important;
  -o-transition-delay: 0.15s !important;
  transition-delay: 0.15s !important;
}

.b-tile_noSecondaryContent.b-tile_extended:hover .b-tile__main .b-tile__icon {
  -ms-transform: none;
  -moz-transform: none;
  -webkit-transform: none;
  -o-transform: none;
  transform: none;
}

/*.b-tile_extended:hover .b-tile__main .b-tile__header {
	@include transform((translateY(-14px)));
}
	.b-tile_extended:hover .b-tile__main .b-tile__icon {
		height: 18px;
		margin-right: 6px;
	}
		.b-tile_extended:hover .b-tile__main .b-tile__icon .fontello,
		.b-tile_extended:hover .b-tile__main .b-tile__icon .fa {
			font-size: 18px;
		}
			.b-tile_extended:hover .b-tile__main .b-tile__icon .fontello:before,
			.b-tile_extended:hover .b-tile__main .b-tile__icon .fa:before {
				width: 18px;
				line-height: 19px;
			}
	.b-tile_extended:hover .b-tile__main .b-tile__title {
		font-size: 16px;
	}*/
.b-tile_extended:hover .b-tile__main .b-tile__content {
  -ms-transform: scale(0.5) translateY(-30px);
  -moz-transform: scale(0.5) translateY(-30px);
  -webkit-transform: scale(0.5) translateY(-30px);
  -o-transform: scale(0.5) translateY(-30px);
  transform: scale(0.5) translateY(-30px);
  -moz-transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
  opacity: 0;
}

.b-tile_noSecondaryContent.b-tile_extended:hover .b-tile__main .b-tile__content {
  -ms-transform: none;
  -moz-transform: none;
  -webkit-transform: none;
  -o-transform: none;
  transform: none;
  opacity: 1;
}

/* secondary */
.b-tile_extended .b-tile__secondary .b-tile__content {
  top: 38px;
  height: 64px;
}

.b-tile_extended .b-tile__secondary .b-tile__text {
  font-size: 12px;
  line-height: 16px;
  color: #999;
  max-height: 64px;
  overflow: hidden;
}

/* @end */
/* @group RTL */
.g-rtl .b-tile__indicator_topLeft {
  left: auto;
  right: 8px;
}

.g-rtl .b-tile__indicator_topRight {
  right: auto;
  left: 8px;
}

.g-rtl .b-tile__indicator_bottomLeft {
  left: auto;
  right: 0;
}

.g-rtl .b-tile__indicator_bottomRight {
  right: auto;
  left: 0;
}

.g-rtl .b-tile__indicator_topLeft > .b-icon:first-child,
.g-rtl .b-tile__indicator_bottomLeft > .b-icon:first-child {
  margin-left: 0;
  margin-right: -4px;
}

.g-rtl .b-tile__indicator_topRight > .b-icon:last-child,
.g-rtl .b-tile__indicator_bottomRight > .b-icon:last-child {
  margin-right: 0;
  margin-left: -4px;
}

/* extended */
.g-rtl .b-tile_extended .b-tile__main .b-tile__icon {
  margin-right: 0;
  margin-left: 8px;
}

.g-rtl .b-tile_extended:hover .b-tile__main .b-tile__icon {
  -ms-transform: scale(0.8) translateX(-4px);
  -moz-transform: scale(0.8) translateX(-4px);
  -webkit-transform: scale(0.8) translateX(-4px);
  -o-transform: scale(0.8) translateX(-4px);
  transform: scale(0.8) translateX(-4px);
}

/* @end */
/* @group Circle chart */
/* circle chart */
.b-circle-chart {
  display: inline-block;
  width: 100px;
  height: 100px;
  vertical-align: top;
  position: relative;
  font-size: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #eee;
}

.b-circle-chart:after {
  content: '';
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
}

.b-circle-chart__legend {
  position: absolute;
  top: 20%;
  left: 20%;
  width: 60%;
  height: 60%;
  z-index: 2;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
}

.b-circle-chart__slice {
  position: absolute;
  width: 100%;
  height: 100%;
  clip: rect(0, 1em, 1em, 0.5em);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.b-circle-chart__slice_addon + .b-circle-chart__slice {
  clip: auto;
}

.b-circle-chart__slice_addon .b-circle-chart__sliceIn {
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.b-circle-chart__sliceIn {
  position: absolute;
  width: 100%;
  height: 100%;
  clip: rect(0, 0.5em, 1em, 0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #00adc6;
}

/* @end */
/* @group RTL */
/* @end */
/* @group wysiwyg signature */
.b-wysiwyg-signature {
  border: 1px solid #ccc;
  border-top: 0;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  padding-bottom: 30px;
  background: #fff;
  margin-top: -35px;
  padding-top: 5px;
  position: relative;
}

.b-wysiwyg-signature__container {
  position: relative;
  display: -webkit-flex;
  display: flex;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  margin: -1px 0;
}

.b-wysiwyg-signature__container:hover {
  border-top-color: #eee;
  border-bottom-color: #eee;
}

.b-wysiwyg-signature__actions {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  order: 1;
  white-space: nowrap;
  padding: 10px 4px 4px;
  opacity: 0;
}

.b-wysiwyg-signature__container:hover .b-wysiwyg-signature__actions {
  opacity: 1;
}

.b-wysiwyg-signature__content {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 13px 15px;
}

.b-wysiwyg-signature__placeholder {
  color: #999;
}

.b-wysiwyg-signature-button {
  position: relative;
}

.b-wysiwyg-signature-button .b-button_ellipsis {
  position: absolute;
  top: -54px;
  left: 14px;
}

.b-button_ellipsis {
  position: relative;
}

.b-button_ellipsis:before {
  content: '';
  position: absolute;
  border: 1px solid #ccc;
  background: #f8f8f8;
  height: 8px;
  width: 20px;
  top: 6px;
  left: 1px;
}

/* @end */
/* @group rtl */
.g-rtl .b-wysiwyg-signature-button .b-button_ellipsis {
  left: auto;
  right: 14px;
}

/* @end */
/* @group Wizard */
.b-wizard:after {
  position: absolute;
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* wizard layout */
.b-wizard__layout {
  width: 100%;
  border-collapse: collapse;
}

.b-wizard__layout__sidebar,
.b-wizard__layout__content {
  padding: 0;
  vertical-align: top;
}

.b-wizard__layout__sidebar {
  padding: 6px 0 6px 6px;
  width: 225px;
  background-color: #eff6fb;
  border-right: 1px solid #d0e7f4;
}

.b-wizard__layout__content {
  padding-left: 15px;
}

/* @end */
/* @group RTL */
.g-rtl .b-wizard__layout__sidebar {
  padding-left: 0;
  padding-right: 6px;
  border-right: 0;
  border-left: 1px solid #d0e7f4;
}

.g-rtl .b-wizard__layout__content {
  padding-left: 0;
  padding-right: 15px;
}

/* @end */
/* @group Wizard > __steps */
/* steps */
/* title */
.b-wizard__step-ttl {
  overflow: hidden;
  padding-right: 17px;
  height: 50px;
  line-height: 50px;
}

.b-wizard__step-ttl-txt {
  font-size: 18px;
}

.b-wizard__step-count {
  float: right;
  color: #797979;
}

/* content */
.b-wizard__step-content {
  position: relative;
  overflow: auto;
  height: 265px;
  margin-bottom: 5px;
}

/* @end */
/* @group RTL */
/* title */
.g-rtl .b-wizard__step-ttl {
  padding-right: 0;
  padding-left: 17px;
}

.g-rtl .b-wizard__step-count {
  float: left;
}

/* @end */
/* @group Wizard > __tabs */
.b-wizard__tabs {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.b-wizard__tab {
  position: relative;
  padding: 9px 7px 9px 30px;
  margin: 3px -1px 0 0;
  background-color: #e1f0fa;
  border: 1px solid #e1f0fa;
  border-right: 1px solid #d0e7f4;
  -webkit-border-radius: 7px 0 0 7px;
  -moz-border-radius: 7px 0 0 7px;
  border-radius: 7px 0 0 7px;
}

.b-wizard__tab > .ttl {
  font-size: 15px;
}

.b-wizard__tab > .desc {
  margin: 6px 0 0 2px;
  line-height: 14px;
  color: #999;
}

/* count */
.b-wizard__tab > .step-count {
  font-size: 20px;
  font-style: normal;
  position: absolute;
  left: 10px;
  top: 8px;
  color: #d6d6d6;
}

/* _first tab */
.b-wizard__tab:first-child {
  margin-top: 0;
}

/* _selected tab */
.b-wizard__tab.selected {
  background-color: #fff;
  border-color: #d0e7f5;
  border-right-color: #fff;
}

.b-wizard__tab.selected > .ttl {
  color: #004479;
}

.b-wizard__tab.selected > .step-count {
  color: #d5d5d5;
}

/* _passed tab */
.b-wizard__tab.passed > .ttl {
  color: #008100;
}

/* _failed tab */
.b-wizard__tab.failed > .ttl {
  color: #d71e00;
}

/* @end */
/* @group RTL */
.g-rtl .b-wizard__tab {
  padding-right: 30px;
  padding-left: 7px;
  margin-right: 0;
  margin-left: -1px;
  border-right-color: #e1f0fa;
  border-left-color: #d0e7f4;
  -webkit-border-radius: 0 7px 7px 0;
  -moz-border-radius: 0 7px 7px 0;
  border-radius: 0 7px 7px 0;
}

/* _selected tab */
.g-rtl .b-wizard__tab.selected {
  border-right-color: #d0e7f5;
  border-left-color: #fff;
}

.g-rtl .b-wizard__tab > .desc {
  margin: 6px 2px 0 0;
}

.g-rtl .b-wizard__tab > .step-count {
  left: auto;
  right: 10px;
}

/* _selected tab */
.g-rtl .b-wizard__tab.selected {
  border-color: #d0e7f5;
  border-left-color: #fff;
}

/* @end */
/* @group Tinymce Skin */
.mce-container,
.mce-container *,
.mce-widget,
.mce-widget *,
.mce-reset {
  font-size: 12px;
}

.mce-tinymce {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.b-wysiwyg .mce-tinymce {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.b-wysiwyg .mce-tinymce,
.b-edit-topic__cell .mce-tinymce {
  /*border-width: 0 !important;*/
}

.mce-tinymce {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.b-wysiwyg div.mce-toolbar-grp {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  /*border-width: 1px 1px 1px 1px !important;*/
  border-color: #ccc;
}

.mce-tinymce div.mce-toolbar-grp {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.b-wysiwyg div.mce-edit-area {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  /*border-width: 0 1px 1px 1px !important;*/
  border-color: #ccc;
}

.mce-tinymce div.mce-edit-area {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

.b-edit-topic__cell .b-wysiwyg div.mce-toolbar-grp {
  /*border-width: 0 0 1px 0 !important;*/
  border-color: #eaeaea;
}

.b-edit-topic__cell .b-wysiwyg div.mce-edit-area {
  /*border-width: 0 0 1px 0 !important;*/
  border-color: #eaeaea;
}

.mce-tinymce div.mce-edit-area.mce-first {
  border-top-width: 0 !important;
  -webkit-border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
}

.b-edit-topic__cell .mce-tinymce {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  border-top-color: transparent;
  border-bottom-color: #eaeaea;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.mce-fullscreen .l-layout {
  z-index: 5;
}

.mce-source iframe {
  width: 100% !important;
}

.mce-ico {
  width: auto;
}

.mce-caret {
  width: 8px;
  border-width: 0;
}

.mce-container-body.mce-abs-layout {
  overflow: visible;
}

i.mce-i-backcolor {
  background: transparent;
}

/* button */
.mce-btn {
  background: transparent;
  border-color: transparent;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: color 0.2s, box-shadow 0.2s, background 0.2s, border-color 0.2s;
  -webkit-transition: color 0.2s, box-shadow 0.2s, background 0.2s, border-color 0.2s;
  -o-transition: color 0.2s, box-shadow 0.2s, background 0.2s, border-color 0.2s;
  transition: color 0.2s, box-shadow 0.2s, background 0.2s, border-color 0.2s;
}

.mce-btn button {
  padding: 1px 7px 2px;
  font-size: 12px;
}

.mce-btn-small button {
  padding: 0 3px 0;
}

.mce-btn .mce-ico {
  margin-top: 2px;
  vertical-align: top;
}

.mce-btn-small .mce-ico {
  margin-top: 2px;
  vertical-align: top;
}

.mce-btn .mce-caret {
  margin-top: 2px;
}

.mce-btn-small .mce-caret {
  margin-top: 2px;
}

.mce-foot .mce-btn {
  background: #f8f8f8;
  border-color: #ccc;
}

.mce-btn:hover,
.mce-btn:focus {
  background: #f8f8f8;
  border-color: #bbb;
  border-bottom-color: #aaaaaa;
  text-decoration: none;
  color: inherit;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mce-btn:active {
  background: #d9d9d9;
  border-color: #bbb;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
}

.mce-btn.mce-active,
.mce-btn.mce-active:hover,
.mce-btn.mce-active:focus,
.mce-btn.mce-active:active {
  background: #d9d9d9;
  border-color: #bbb;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: inherit;
  outline: none;
}

.mce-btn.mce-active button,
.mce-btn.mce-active:hover button,
.mce-btn.mce-active i,
.mce-btn.mce-active:hover i {
  color: inherit;
}

.mce-foot .mce-btn.mce-disabled:hover,
.mce-foot .mce-btn.mce-disabled {
  border-color: rgba(204, 204, 204, 0.4);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.mce-window .mce-btn:focus {
  border-color: #bbb;
}

.mce-btn-flat:hover,
.mce-btn-flat.mce-active,
.mce-btn-flat:focus,
.mce-btn-flat:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.mce-primary {
  border: 1px solid #008ea2;
  background: #00adc6;
  color: #FFF;
  text-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);
}

.mce-primary.mce-btn-has-text {
  min-width: 0;
}

.mce-foot .mce-btn.mce-primary {
  background: #00adc6;
  border-color: #008ea2;
}

.mce-primary:hover,
.mce-primary:focus {
  border-color: #2681b0;
  border-bottom-color: #0a6796;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.mce-primary:active {
  border-color: #2681b0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.mce-foot .mce-primary.mce-disabled:hover,
.mce-foot .mce-primary.mce-disabled {
  border-color: rgba(0, 142, 162, 0.4);
}

.mce-btn-group .mce-btn {
  margin-left: 4px;
}

.mce-form .mce-listbox:hover,
.mce-form .mce-listbox:focus {
  background: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.mce-form .mce-listbox.mce-active,
.mce-form .mce-listbox.mce-active:hover,
.mce-form .mce-listbox.mce-active:focus,
.mce-form .mce-listbox.mce-active:active,
.mce-form .mce-listbox:active {
  background: #fff;
}

.mce-listbox .mce-caret {
  margin-top: -8px;
}

.mce-btn-small.mce-listbox .mce-caret {
  margin-top: 2px;
  right: 0;
  position: relative;
}

.mce-btn-has-text .mce-ico + .mce-txt:empty + .mce-caret {
  margin-left: -6px;
}

.mce-btn .mce-open,
.mce-splitbtn .mce-open {
  border-left: 1px solid transparent;
  -moz-transition: border 0.2s;
  -webkit-transition: border 0.2s;
  -o-transition: border 0.2s;
  transition: border 0.2s;
  padding-left: 2px;
  padding-right: 3px;
}

.mce-btn:hover .mce-open,
.mce-splitbtn:hover .mce-open {
  border-left-color: #bbb;
}

.mce-colorbutton .mce-preview {
  margin-top: 5px;
  height: 3px;
}

.mce-colorbutton.mce-btn-small .mce-preview {
  margin-left: -13px;
  width: 12px;
}

/* mce-textbox */
.mce-textbox {
  height: 23px;
  padding: 0 5px 0 6px;
  padding: 0 2px 0 6px;
  border-color: #ccc;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: box-shadow 0.2s;
  -webkit-transition: box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
}

.mce-combobox input {
  height: 23px;
  border-color: #ccc;
}

.mce-textbox:hover {
  border-color: #bbb;
}

.mce-textbox:focus,
.mce-textbox.mce-focus {
  background-color: #FFF;
  outline: none;
  border-color: #1d89bf;
  -webkit-box-shadow: inset 0 0 0 transparent, 0 0 5px rgba(43, 159, 217, 0.75);
  -moz-box-shadow: inset 0 0 0 transparent, 0 0 5px rgba(43, 159, 217, 0.75);
  box-shadow: inset 0 0 0 transparent, 0 0 5px rgba(43, 159, 217, 0.75);
}

.mce-textbox.mce-multiline {
  padding-left: 6px;
  padding-right: 2px;
}

/* colorbox */
.mce-colorbox input {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.mce-colorbox .mce-btn {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.mce-colorbox .mce-btn button {
  padding-left: 3px;
  padding-right: 3px;
}

/* mce-btn-group */
.mce-btn-group:not(:first-child) {
  margin-left: 6px;
  border-left-width: 0;
  position: relative;
}

.mce-btn-group:not(:first-child):after {
  content: '';
  display: inline-block;
  height: 11px;
  margin: 7px 4px 4px 4px;
  vertical-align: top;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #fff;
  position: absolute;
  top: 4px;
  left: -6px;
}

.mce-toolbar .mce-btn-group {
  padding: 4px 0;
}

.mce-flow-layout-item.mce-last {
  margin-right: 4px;
}

/* mce-tabs */
.mce-tabs {
  padding: 5px 0 5px 5px;
  border-bottom-color: #eee;
}

.mce-tab {
  background-color: transparent;
  color: #888;
  margin-right: 5px;
  position: relative;
  padding-left: 8px;
  padding-right: 8px;
  border: 0;
}

.mce-tab:hover,
.mce-tab:focus {
  background-color: transparent;
  color: #888;
}

.mce-tab.mce-active:hover,
.mce-tab.mce-active:focus,
.mce-tab.mce-active {
  color: #333;
  margin-bottom: 0;
  height: 13px;
}

.mce-tab:before {
  content: '';
  display: none;
  height: 2px;
  position: absolute;
  left: 4px;
  right: 4px;
  bottom: -6px;
  background-color: transparent;
}

.mce-tab:hover:before {
  display: block;
  background-color: #ddd;
}

.mce-tab.mce-active:hover:before,
.mce-tab.mce-active:before {
  display: block;
  background-color: #00adc6;
}

/* mce-i-checkbox */
i.mce-i-checkbox {
  width: 12px;
  height: 12px;
  border-color: #ccc;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: border-color 0.2s, background 0.2s;
  -webkit-transition: border-color 0.2s, background 0.2s;
  -o-transition: border-color 0.2s, background 0.2s;
  transition: border-color 0.2s, background 0.2s;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
}

i.mce-i-checkbox:before {
  color: transparent;
  display: block;
  font-size: 12px;
  width: 12px;
  min-width: 0;
  line-height: 12px;
  font-weight: 900;
  text-align: center;
}

.mce-checkbox:hover .mce-i-checkbox {
  border-color: #bbb;
}

.mce-checkbox:active .mce-i-checkbox {
  background: #fafafa;
}

.mce-checkbox.mce-checked .mce-i-checkbox:before {
  color: #333;
}

.mce-panel {
  border-color: #ccc;
  background: #fbfbfb;
}

/* mce-floatpanel */
.mce-floatpanel {
  background: #f5f5f5;
  border-color: #bbb;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.mce-arrow.mce-arrow-up:before {
  top: -5px;
  border-bottom-color: #bbb;
  border-width: 0 5px 5px;
  margin-left: -5px;
}

.mce-arrow.mce-arrow-up:after {
  top: -4px;
  border-bottom-color: #f5f5f5;
  border-width: 0 4px 4px;
  margin-left: -4px;
}

.mce-arrow.mce-arrow-down:before {
  bottom: -5px;
  border-top-color: #bbb;
  border-width: 5px 5px 0;
  margin-left: -5px;
}

.mce-arrow.mce-arrow-down:after {
  bottom: -4px;
  border-top-color: #f5f5f5;
  border-width: 4px 4px 0;
  margin-left: -4px;
}

.mce-arrow.mce-arrow-left:before,
.mce-arrow.mce-arrow-left:after {
  margin: 0;
}

/* mce-tooltip */
.mce-tooltip {
  opacity: 1;
  filter: alpha(opacity=100);
  animation: hintShow 0.3s;
  -webkit-animation: hintShow 0.3s;
}

.mce-tooltip-inner {
  background: #777;
  border: 1px solid #FFF;
  padding: 5px 7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.mce-tooltip-arrow {
  border-color: #777;
}

.mce-tooltip-n .mce-tooltip-arrow {
  top: 1px;
}

/* mce-menu */
.mce-menu {
  padding: 3px 0 3px 0;
  background: #fff;
}

.mce-menu-item {
  margin-bottom: 0;
  border-left-width: 2px;
  padding: 5px 4px 5px 4px;
}

.mce-menu-item:hover,
.mce-menu-item:focus {
  background: #efefef;
}

.mce-menu-item .mce-ico {
  padding-right: 6px;
  margin-top: -1px;
  margin-bottom: 1px;
  width: 16px;
}

.mce-menu-item:hover .mce-ico {
  color: #777;
}

.mce-menu-item .mce-caret {
  margin-top: 0;
  border-width: 0;
}

.mce-menu-item.mce-active.mce-menu-item-normal {
  background: #efefef;
}

.mce-menu-item.mce-active.mce-menu-item-normal .mce-text,
.mce-menu-item.mce-active.mce-menu-item-normal .mce-ico {
  color: inherit;
}

.mce-menu-item.mce-active.mce-menu-item-normal .mce-ico {
  color: #999;
}

.mce-menu-item.mce-active.mce-menu-item-normal:hover .mce-ico {
  color: #777;
}

.mce-menu.mce-combobox-menu .mce-menu-item {
  padding: 5px 4px 5px 4px;
  font-size: 12px;
}

.mce-menu.mce-combobox-menu .mce-text {
  font-size: inherit;
}

.mce-flow-layout-item {
  margin: 0;
}

/* mce-window */
.mce-window {
  border-color: #bbb;
  background: #fff;
  -webkit-box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 4px 4px 3px 3px;
  -moz-border-radius: 4px 4px 3px 3px;
  border-radius: 4px 4px 3px 3px;
}

.mce-window-head {
  padding: 7px 8px;
  background: #f5f5f5;
  border-bottom-color: #eaeaea;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.mce-window-head .mce-title {
  font-size: 18px;
  font-weight: normal;
  color: #555555;
}

.mce-window-head .mce-close {
  width: 34px;
  height: 34px;
}

.mce-foot {
  background: #fff;
  border-top-color: #f5f5f5;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}

/* table of content */
.mce-toc {
  border-width: 0;
}

.mce-content-body .mce-toc {
  border: 1px dashed #ddd;
  margin: 13px -1px;
}

.mce-content-body .mce-toc > *:first-child {
  margin-top: 0;
}

.mce-content-body .mce-toc > *:last-child {
  margin-bottom: 0;
}

.mce-content-body .mce-toc > div:first-child + ul,
.mce-content-body .mce-toc > ul:first-child {
  margin-top: -5px;
}

.mce-content-body .mce-toc > ul:last-child {
  margin-bottom: -5px;
}

/*.mce-content-body .mce-toc li {
	list-style-type: none;
}*/
.mce-toc li {
  list-style-type: disc;
}

.mce-toc ul {
  list-style-type: disc;
}

.mce-content-body *[contentEditable=false] {
  cursor: default;
}

.mce-content-body *[contentEditable=false][data-mce-selected],
.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover,
.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
  outline: 2px solid #31a8df;
}

/* @end */
/* @group WYSIWYG */
.b-wysiwyg {
  font-size: 12px;
  line-height: 18px;
}

/* _b-toolbar */
.b-wysiwyg .b-toolbar {
  padding: 4px;
}

.b-wysiwyg .b-toolbar:after {
  content: none;
}

/*
.b-wysiwyg__bar {
	padding: 1px 0;
	height: 21px;
	}
*/
.b-wysiwyg .b-toolbar__delimiter {
  /*height: 13px;*/
  margin: 7px 3px 4px 3px;
}

/* _combo */
.b-wysiwyg .b-text-field_combo {
  height: 22px;
  vertical-align: top;
  /* need for chrome */
}

.b-wysiwyg .b-text-field_combo .i-text-field,
.b-wysiwyg .b-text-field_combo .b-text-field {
  height: 20px;
  line-height: 20px;
}

/* combo set */
.b-wysiwyg .text-style {
  margin-right: 7px;
  width: 120px;
}

.b-wysiwyg .text-font {
  width: 60px;
}

/* content */
.b-wysiwyg__content {
  background-color: #FFF;
  min-height: 100px;
  padding: 5px 0 0 7px;
  padding: 0;
  border: 1px solid #bbbbbb;
  border-top-width: 0;
  -webkit-box-shadow: inset 0 5px 6px -5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 5px 6px -5px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 5px 6px -5px rgba(0, 0, 0, 0.1);
}

.b-wysiwyg_nostatusbar .b-wysiwyg__content {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

.b-wysiwyg__content iframe {
  padding: 0;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

.b-wysiwyg__content:last-child {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

/* b-wysiwyg_super-simple */
.b-wysiwyg_super-simple .b-wysiwyg__content {
  border-top-width: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* status bar */
.b-wysiwyg__statusbar {
  padding: 1px 5px 0;
  position: relative;
  background: #fafafa;
  border: 1px solid #dedede;
  border-top: 0;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  font-size: 11px;
}

.b-wysiwyg__statusbar > .ttl {
  margin-right: 5px;
}

.b-wysiwyg__statusbar > .tags {
  display: inline;
}

/* actions */
.b-wysiwyg__statusbar__actions {
  position: absolute;
  right: 5px;
}

/* @end */
/* @group RTL */
/* combo set */
.g-rtl .b-wysiwyg .text-style {
  margin-right: 0;
  margin-left: 7px;
}

/* actions */
.g-rtl .b-wysiwyg__statusbar__actions {
  right: auto;
  left: 5px;
}

/* @end */
/* @group Custom style */
/* combo set */
.opera .g-rtl .b-wysiwyg .text-style {
  margin-right: 7px;
  margin-left: 0px;
}

/* @end */
/* @group Insert Table Layout */
.b-insert-table-layout {
  width: 101px;
  height: 69px;
}

.b-insert-table-layout-title {
  text-align: center;
}

.b-insert-table-layout-data {
  background-repeat: repeat;
  position: absolute;
  overflow: hidden;
}

.b-insert-table-layout-data.head {
  background-image: url(images/wysiwyg/cell-gray.png);
  width: 101px;
  height: 18px;
}

.b-insert-table-layout-data.head.selection {
  background-image: url(images/wysiwyg/dark-blue.png);
  width: 26px;
  height: 18px;
}

.b-insert-table-layout-data.head.selection.shift {
  background-image: url(images/wysiwyg/cell-blue.png);
}

.b-insert-table-layout-data.head.shift {
  background-image: url(images/wysiwyg/cell-white.png);
}

.b-insert-table-layout-data.content {
  background-image: url(images/wysiwyg/cell-white.png);
  width: 101px;
  height: 69px;
}

.b-insert-table-layout-data.content.selection {
  background-image: url(images/wysiwyg/cell-blue.png);
  width: 26px;
  height: 18px;
}

/* @end */
/* @group _embed */
.b-wysiwyg_embed .b-toolbar_type_wysiwyg {
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.b-wysiwyg_embed .b-toolbar_type_wysiwyg:first-child {
  border-top: 1px solid #FFF;
}

.b-wysiwyg_embed .b-wysiwyg__content {
  border-left: 0;
  border-right: 0;
}

.b-edit-wysiwyg_embed .b-wysiwyg_nostatusbar .b-wysiwyg__content {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.b-wysiwyg_embed .b-wysiwyg__content:last-child {
  border-bottom: 1px solid #eaeaea;
}

.b-wysiwyg_embed .b-wysiwyg__statusbar {
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #eaeaea;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* @end */
/* @group b-edit-topic__cell */
.b-edit-topic__cell .b-wysiwyg .b-toolbar_type_wysiwyg {
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.b-edit-topic__cell .b-wysiwyg .b-toolbar_type_wysiwyg:first-child {
  border-top: 1px solid #FFF;
}

.b-edit-topic__cell .b-wysiwyg .b-wysiwyg__content {
  border-left: 0;
  border-right: 0;
}

.b-edit-topic__cell .b-wysiwyg_nostatusbar .b-wysiwyg__content {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.b-edit-topic__cell .b-wysiwyg .b-wysiwyg__content:last-child {
  border-bottom: 1px solid #eaeaea;
}

.b-edit-topic__cell .b-wysiwyg .b-wysiwyg__statusbar {
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #eaeaea;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* @end */
/* @group _auto-height */
.b-wysiwyg_auto-height {
  display: table;
  width: 100%;
  height: 100%;
  min-height: 100%;
  border-collapse: collapse;
}

.b-wysiwyg_auto-height > .b-wysiwyg__row {
  display: table-row;
  height: 10px;
}

.b-wysiwyg_auto-height > .b-wysiwyg__row_middle {
  height: 100%;
}

.b-wysiwyg_auto-height > .b-wysiwyg__row > .b-wysiwyg__cell {
  display: table-cell;
}

.b-wysiwyg_auto-height > .b-wysiwyg__row > .b-wysiwyg__cell > .b-wysiwyg__content {
  height: 100%;
  /*@include box-sizing(border-box);*/
}

/* @end */
.b-wysiwyg__findreplace-inp {
  width: 200px;
}

.b-wysiwyg__link-inp {
  width: 80px;
}

/* @group WYSIWYG */
.b-wysiwyg {
  font-size: 12px;
  line-height: 18px;
}

/* _b-toolbar */
.b-wysiwyg .b-toolbar {
  padding: 4px;
}

.b-wysiwyg .b-toolbar:after {
  content: none;
}

/*
.b-wysiwyg__bar {
	padding: 1px 0;
	height: 21px;
	}
*/
.b-wysiwyg .b-toolbar__delimiter {
  /*height: 13px;*/
  margin: 7px 4px 4px 4px;
}

/* _combo */
.b-wysiwyg .b-text-field_combo {
  height: 22px;
  vertical-align: top;
  /* need for chrome */
}

.b-wysiwyg .b-text-field_combo .i-text-field,
.b-wysiwyg .b-text-field_combo .b-text-field {
  height: 20px;
  line-height: 20px;
}

/* combo set */
.b-wysiwyg .text-style {
  margin-right: 7px;
  width: 120px;
}

.b-wysiwyg .text-font {
  width: 60px;
}

/* content */
.b-wysiwyg_nostatusbar .b-wysiwyg__content {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

/* b-wysiwyg_super-simple */
.b-wysiwyg_super-simple .b-wysiwyg__content {
  border-top-width: 1px !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* status bar */
.b-wysiwyg__statusbar {
  padding: 1px 5px 0;
  position: relative;
  background: #fafafa;
  border: 1px solid #dedede !important;
  border-top: 0 !important;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  font-size: 11px;
}

.b-wysiwyg__statusbar > .ttl {
  margin-right: 5px;
}

.b-wysiwyg__statusbar > .tags {
  display: inline;
}

/* actions */
.b-wysiwyg__statusbar__actions {
  position: absolute;
  right: 5px;
}

/* @end */
/* @group Insert Table Layout */
.b-insert-table-layout {
  width: 101px;
  height: 69px;
}

.b-insert-table-layout-title {
  text-align: center;
}

.b-insert-table-layout-data {
  background-repeat: repeat;
  position: absolute;
  overflow: hidden;
}

.b-insert-table-layout-data.head {
  background-image: url(images/wysiwyg/cell-gray.png);
  width: 101px;
  height: 18px;
}

.b-insert-table-layout-data.head.selection {
  background-image: url(images/wysiwyg/dark-blue.png);
  width: 26px;
  height: 18px;
}

.b-insert-table-layout-data.head.selection.shift {
  background-image: url(images/wysiwyg/cell-blue.png);
}

.b-insert-table-layout-data.head.shift {
  background-image: url(images/wysiwyg/cell-white.png);
}

.b-insert-table-layout-data.content {
  background-image: url(images/wysiwyg/cell-white.png);
  width: 101px;
  height: 69px;
}

.b-insert-table-layout-data.content.selection {
  background-image: url(images/wysiwyg/cell-blue.png);
  width: 26px;
  height: 18px;
}

/* @end */
/* @group _embed */
.b-wysiwyg_embed .b-toolbar_type_wysiwyg {
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.b-wysiwyg_embed .b-toolbar_type_wysiwyg:first-child {
  border-top: 1px solid #FFF;
}

.b-wysiwyg_embed .b-wysiwyg__content {
  border-left: 0;
  border-right: 0;
}

.b-edit-wysiwyg_embed .b-wysiwyg_nostatusbar .b-wysiwyg__content {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.b-wysiwyg_embed .b-wysiwyg__content:last-child {
  border-bottom: 1px solid #eaeaea;
}

.b-wysiwyg_embed .b-wysiwyg__statusbar {
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #eaeaea;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* @end */
/* @group b-edit-topic__cell */
.b-edit-topic__cell .b-wysiwyg .b-toolbar_type_wysiwyg {
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.b-edit-topic__cell .b-wysiwyg .b-wysiwyg__content {
  border-left: 0;
  border-right: 0;
  border-bottom-color: #eaeaea;
}

.b-edit-topic__cell .b-wysiwyg_nostatusbar .b-wysiwyg__content {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.b-edit-topic__cell .b-wysiwyg .b-wysiwyg__statusbar {
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #eaeaea;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* @end */
/* @group _auto-height */
.b-wysiwyg_auto-height {
  display: table;
  width: 100%;
  height: 100%;
  min-height: 100%;
  border-collapse: collapse;
}

.b-wysiwyg_auto-height > .b-wysiwyg__row {
  display: table-row;
  height: 10px;
}

.b-wysiwyg_auto-height > .b-wysiwyg__row_middle {
  height: 100%;
}

.b-wysiwyg_auto-height > .b-wysiwyg__row > .b-wysiwyg__cell {
  display: table-cell;
}

.b-wysiwyg_auto-height > .b-wysiwyg__row > .b-wysiwyg__cell > .b-wysiwyg__content {
  height: 100%;
  /*@include box-sizing(border-box);*/
}

/* @end */
.b-wysiwyg__findreplace-inp {
  width: 200px;
}

.b-wysiwyg__link-inp {
  width: 80px;
}

/* @group RTL */
.g-rtl .b-wysiwyg .b-toolbar__delimiter {
  margin: 7px 3px 4px 3px;
}

/* status bar */
.g-rtl .b-wysiwyg__statusbar > .ttl {
  margin-right: 0;
  margin-left: 5px;
}

/* combo set */
.g-rtl .b-wysiwyg .text-style {
  margin-right: 0;
  margin-left: 7px;
}

/* actions */
.g-rtl .b-wysiwyg__statusbar__actions {
  right: auto;
  left: 5px;
}

/* @end */
/* @group Custom style */
/* combo set */
.opera .g-rtl .b-wysiwyg .text-style {
  margin-right: 7px;
  margin-left: 0px;
}

/* @end */
/* @group WYSIWYG > .b-button */
.b-wysiwyg .b-button {
  height: 22px;
  padding: 0 3px;
  line-height: 20px;
  vertical-align: top;
}

.b-wysiwyg .b-button > .b-button__icon.dropdown_delimiter {
  height: 20px;
}

.b-wysiwyg .b-button > .b-button__icon.dropdown_delimiter,
.b-wysiwyg .b-button > .b-button__icon.dropdown_down,
.b-wysiwyg .b-button > .b-button__icon.dropdown_up {
  background-image: none;
}

.b-wysiwyg .b-button > .b-button__icon.dropdown_down:after,
.b-wysiwyg .b-button > .b-button__icon.dropdown_up:after {
  left: -1px;
}

.b-wysiwyg .b-button__icon {
  width: 16px;
  margin: 0;
  margin-top: 2px;
  margin-bottom: 2px;
  line-height: 16px;
  background-image: url(images/wysiwyg/wysiwyg.png);
  background-position: 0 -16px;
}

.b-wysiwyg .b-button__label {
  line-height: 16px;
}

/* Text Icons set */
.b-button__icon.x-editor-button-bold {
  background-position: 0 0;
}

.b-button__icon.x-editor-button-italic {
  background-position: -16px 0;
}

.b-button__icon.x-editor-button-underline {
  background-position: -32px 0;
}

.b-button__icon.x-editor-button-strikethrough {
  background-position: -48px 0;
}

.b-button__icon.x-editor-button-numlist {
  background-position: -64px 0;
}

.b-button__icon.x-editor-button-marklist {
  background-position: -80px 0;
}

.b-button__icon.x-editor-button-outdent {
  background-position: -96px 0;
}

.b-button__icon.x-editor-button-indent {
  background-position: -112px 0;
}

.b-button__icon.x-editor-button-justifyleft {
  background-position: -128px 0;
}

.b-button__icon.x-editor-button-justifycenter {
  background-position: -144px 0;
}

.b-button__icon.x-editor-button-justifyright {
  background-position: -160px 0;
}

.b-button__icon.x-editor-button-justifyfull {
  background-position: -176px 0;
}

.b-button__icon.x-editor-button-subscript {
  background-position: -192px 0;
}

.b-button__icon.x-editor-button-superscript {
  background-position: -208px 0;
}

.b-button__icon.x-editor-button-removeformatting {
  background-position: -224px -16px;
}

.b-button__icon.x-editor-button-createlink {
  background-position: -240px 0;
}

.b-button__icon.x-editor-button-createemaillink {
  background-position: -256px 0;
}

.b-button__icon.x-editor-button-unlink {
  background-position: -272px 0;
}

.b-button__icon.x-editor-button-anchor {
  background-position: -288px 0;
}

.b-button__icon.x-editor-button-horizontalrule {
  background-position: -304px 0;
}

.b-button__icon.x-editor-button-specialchar {
  background-position: -320px 0;
}

.b-button__icon.x-editor-button-spellcheck {
  background-position: -368px 0;
}

.b-button__icon.x-editor-button-help {
  background-position: -384px 0;
}

.b-button__icon.x-editor-button-textstyle {
  background-position: -400px 0;
}

/* Maniulation icons set */
.b-button__icon.x-editor-button-fontcolor {
  position: relative;
  /*width: 22px;*/
  background-position: 0 -16px;
}

.b-button__icon.x-editor-button-highlite {
  position: relative;
  /*width: 22px;*/
  background-position: -32px -16px;
}

.x-editor-button-color-line {
  display: block;
  position: absolute;
  bottom: 0;
  left: 1px;
  right: 7px;
  height: 3px;
  background: #000;
}

.b-button__icon.x-editor-button-highlite > .x-editor-button-color-line {
  background: transparent;
}

.b-button__icon.x-editor-button-increasefontsize {
  background-position: -64px -16px;
}

.b-button__icon.x-editor-button-decreasefontsize {
  background-position: -80px -16px;
}

.b-button__icon.x-editor-button-image {
  background-position: -96px -16px;
}

.b-button__icon.x-editor-button-flash {
  background-position: -112px -16px;
}

.b-button__icon.x-editor-button-media {
  background-position: -128px -16px;
}

.b-button__icon.x-editor-button-find {
  background-position: -144px -16px;
}

.b-button__icon.x-editor-button-tablemenu {
  background-position: 0 -32px;
}

.b-button__icon.x-editor-button-source {
  background-position: -160px -16px;
}

.b-button__icon.x-editor-button-insert {
  background-position: -176px -16px;
}

/* Table icons set */
.b-button__icon.x-editor-button-deletetable {
  background-position: -16px -32px;
}

.b-button__icon.x-editor-button-tableproperties {
  background-position: -32px -32px;
}

.b-button__icon.x-editor-button-editrow {
  background-position: -48px -32px;
}

.b-button__icon.x-editor-button-editcell {
  background-position: -64px -32px;
}

.b-button__icon.x-editor-button-valign-top {
  background-position: -80px -32px;
}

.b-button__icon.x-editor-button-valign-middle {
  background-position: -96px -32px;
}

.b-button__icon.x-editor-button-valign-bottom {
  background-position: -112px -32px;
}

.b-button__icon.x-editor-button-insertrowabove {
  background-position: -128px -32px;
}

.b-button__icon.x-editor-button-insertrowbelow {
  background-position: -144px -32px;
}

.b-button__icon.x-editor-button-deleterow {
  width: 22px;
  background-position: -160px -32px;
}

.b-button__icon.x-editor-button-insertcolleft {
  background-position: -192px -32px;
}

.b-button__icon.x-editor-button-insertcolright {
  background-position: -208px -32px;
}

.b-button__icon.x-editor-button-deletecol {
  background-position: -224px -32px;
}

.b-button__icon.x-editor-button-moverowup {
  background-position: -240px -32px;
}

.b-button__icon.x-editor-button-moverowdown {
  background-position: -256px -32px;
}

.b-button__icon.x-editor-button-movecolleft {
  background-position: -272px -32px;
}

.b-button__icon.x-editor-button-movecolright {
  background-position: -288px -32px;
}

.b-button__icon.x-editor-button-increasecolspan {
  background-position: -304px -32px;
}

.b-button__icon.x-editor-button-decreasecolspan {
  background-position: -320px -32px;
}

.b-button__icon.x-editor-button-increaserowspan {
  background-position: -336px -32px;
}

.b-button__icon.x-editor-button-decreaserowspan {
  background-position: -352px -32px;
}

/* Operations */
.b-button__icon.x-editor-button-undo {
  background-position: -336px 0;
}

.b-button__icon.x-editor-button-redo {
  background-position: -352px 0;
}

.b-button__icon.x-editor-button-cog {
  background-position: -400px -16px;
}

/* Formatting */
.b-button__icon.x-editor-button-paragraph {
  background-position: 0 -48px;
}

.b-button__icon.x-editor-button-h1 {
  background-position: -16px -48px;
}

.b-button__icon.x-editor-button-h2 {
  background-position: -32px -48px;
}

.b-button__icon.x-editor-button-h3 {
  background-position: -48px -48px;
}

.b-button__icon.x-editor-button-h4 {
  background-position: -64px -48px;
}

.b-button__icon.x-editor-button-h5 {
  background-position: -80px -48px;
}

.b-button__icon.x-editor-button-h6 {
  background-position: -96px -48px;
}

.b-button__icon.x-editor-button-code {
  background-position: -112px -48px;
}

.b-button__icon.x-editor-button-quote {
  background-position: -128px -48px;
}

/* formatting combo */
.icon.wys {
  left: 6px;
  top: 3px;
  width: 16px;
  background-image: url(images/wysiwyg/wysiwyg.png);
  background-size: auto !important;
}

.icon.wys.x-editor-button-paragraph {
  background-position: 0 -48px;
}

.icon.wys.x-editor-button-code {
  background-position: -112px -48px;
}

.icon.wys.x-editor-button-quote {
  background-position: -128px -48px;
}

.icon.wys.x-editor-button-h2 {
  background-position: -32px -48px;
}

.icon.wys.x-editor-button-h3 {
  background-position: -48px -48px;
}

.icon.wys.x-editor-button-h4 {
  background-position: -64px -48px;
}

.icon.wys.x-editor-button-h5 {
  background-position: -80px -48px;
}

.icon.wys.x-editor-button-h1 {
  background-position: -16px -48px;
}

.icon.wys.x-editor-button-h6 {
  background-position: -96px -48px;
}

.icon.wys.x-editor-button-justifyleft {
  background-position: -128px 0;
}

.icon.wys.x-editor-button-justifycenter {
  background-position: -144px 0;
}

.icon.wys.x-editor-button-justifyright {
  background-position: -160px 0;
}

.icon.wys.x-editor-button-justifyfull {
  background-position: -176px 0;
}

.icon.wys.x-editor-button-numlist {
  background-position: -64px 0;
}

.icon.wys.x-editor-button-marklist {
  background-position: -80px 0;
}

.icon.wys.x-editor-button-spellcheck {
  background-position: -368px 0;
}

.icon.wys.x-editor-button-help {
  background-position: -384px 0;
}

.icon.wys.x-editor-button-find {
  background-position: -144px -16px;
}

.icon.wys.x-editor-button-removeformat {
  background-position: -224px -16px;
}

.icon.wys.x-editor-button-toc {
  background-position: -224px 0;
}

.icon.wys.x-editor-button-horizontalrule {
  background-position: -304px 0;
}

.icon.wys.x-editor-button-specialchar {
  background-position: -320px 0;
}

.icon.wys.x-editor-button-strikethrough {
  background-position: -48px 0;
}

.icon.wys.x-editor-button-subscript {
  background-position: -192px 0;
}

.icon.wys.x-editor-button-superscript {
  background-position: -208px 0;
}

.x-editor-button-h-title {
  color: #000;
  font-weight: bold;
}

.x-editor-button-h-title h1 {
  font-size: 200%;
}

.x-editor-button-h-title h2 {
  font-size: 166.67%;
}

.x-editor-button-h-title h3 {
  font-size: 150%;
}

.x-editor-button-h-title h4 {
  font-size: 133.33%;
}

.x-editor-button-h-title h5 {
  font-size: 116.67%;
}

.x-editor-button-h-title h6 {
  font-size: 100%;
}

.x-editor-button-format-title {
  color: #000;
}

.x-editor-button-format-title.pre {
  margin: 0px;
}

/* Image sizes */
.x-editor-button {
  background-image: url(images/wysiwyg/wysiwyg.png);
}

/* Image sizes */
.x-editor-button-image-small {
  background-position: -352px -16px;
}

.x-editor-button-image-medium {
  background-position: -368px -16px;
}

.x-editor-button-image-large {
  background-position: -384px -16px;
}

/* _b-buttons-list */
.b-wysiwyg .b-buttons-list .b-button {
  margin-right: 1px;
}

/* @end */
/* @group WYSIWYG > __iframe */
/* preview iframe */
.b-wysiwyg__iframe_preview {
  margin: 0;
  padding: 0;
  width: auto;
  min-width: 0;
  min-height: 0;
  font: 14px/18px Arial, Helvetica, sans-serif;
  color: #333;
}

/* mobile safari iframe stretched by content fix */
html.b-wysiwyg__iframe_preview,
.b-wysiwyg__iframe_preview > body {
  /*height:100%;*/
  /*overflow:hidden;*/
}

.b-wysiwyg__iframe_preview > body {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  word-break: break-word;
}

.b-wysiwyg__iframe_preview > body.autoresize {
  height: auto;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.b-wysiwyg__iframe_preview > body {
  padding: 0 14px;
  margin: 0;
  min-width: 0;
  min-height: 0;
  line-height: 20px;
  /*direction: ltr;*/
  /* need for chrome when changing rtl "on fly" */
  background: transparent;
}

.b-wysiwyg__iframe_preview > body.wysiwyg-admin {
  font-size: 13px;
  line-height: 18px;
}

.b-wysiwyg__iframe_preview img {
  max-width: 100%;
  height: auto;
}

.b-wysiwyg__iframe_preview h1,
.b-wysiwyg__iframe_preview h2,
.b-wysiwyg__iframe_preview h3,
.b-wysiwyg__iframe_preview h4,
.b-wysiwyg__iframe_preview h5,
.b-wysiwyg__iframe_preview h6 {
  font-weight: normal;
}

.b-wysiwyg__iframe_preview h1 {
  margin: 50px 0 20px;
  font-size: 22px;
}

.b-wysiwyg__iframe_preview h2 {
  margin: 40px 0 20px;
  font-size: 20px;
}

.b-wysiwyg__iframe_preview h3 {
  margin: 30px 0 20px;
  font-size: 18px;
}

.b-wysiwyg__iframe_preview h4 {
  margin: 25px 0 20px;
  font-size: 17px;
}

.b-wysiwyg__iframe_preview h5 {
  font-size: 16px;
}

.b-wysiwyg__iframe_preview h6 {
  font-size: 15px;
}

.b-wysiwyg__iframe_preview h1:first-child,
.b-wysiwyg__iframe_preview h2:first-child,
.b-wysiwyg__iframe_preview h3:first-child,
.b-wysiwyg__iframe_preview h4:first-child {
  margin-top: 20px;
}

.b-wysiwyg__iframe_preview p {
  padding: 0;
}

.b-wysiwyg__iframe_preview ul,
.b-wysiwyg__iframe_preview ol {
  padding-left: 30px;
}

.b-wysiwyg__iframe_preview li {
  margin: 5px 0;
}

.b-wysiwyg__iframe_preview blockquote {
  margin: 20px 0;
  padding-left: 10px;
  border-left: 5px solid #DDD;
}

.b-wysiwyg__iframe_preview pre {
  padding: 2px 5px;
  background-color: #F5F5F5;
  word-wrap: normal;
  overflow: auto;
}

.b-wysiwyg__iframe_preview table ul:first-child,
.b-wysiwyg__iframe_preview table ol:first-child,
.b-wysiwyg__iframe_preview table p:first-child,
.b-wysiwyg__iframe_preview table blockquote:first-child,
.b-wysiwyg__iframe_preview table pre:first-child {
  margin-top: 0;
}

.b-wysiwyg__iframe_preview table ul:last-child,
.b-wysiwyg__iframe_preview table ol:last-child,
.b-wysiwyg__iframe_preview table p:last-child,
.b-wysiwyg__iframe_preview table blockquote:last-child,
.b-wysiwyg__iframe_preview table pre:last-child {
  margin-bottom: 0;
}

.b-wysiwyg__iframe_preview table {
  border-collapse: collapse;
  border-color: #000;
}

.b-wysiwyg__iframe_preview table .highlight {
  background-color: #F0F0F0;
}

.b-wysiwyg__iframe_preview tr.header {
  text-align: center;
  vertical-align: middle;
}

.b-wysiwyg__iframe_preview th,
.b-wysiwyg__iframe_preview td {
  border: 1px solid #DDD;
  padding: 8px;
  vertical-align: top;
}

.b-wysiwyg__iframe_preview th,
.b-wysiwyg__iframe_preview thead th,
.b-wysiwyg__iframe_preview thead td {
  background-color: #eee;
  font-weight: bold;
}

/* _ticket */
.b-wysiwyg__iframe_preview .wysiwyg_ticket table {
  border-collapse: initial;
  border: initial;
}

.b-wysiwyg__iframe_preview .wysiwyg_ticket table .highlight {
  background-color: initial;
}

.b-wysiwyg__iframe_preview .wysiwyg_ticket tr.header {
  text-align: initial;
  vertical-align: initial;
}

.b-wysiwyg__iframe_preview .wysiwyg_ticket th,
.b-wysiwyg__iframe_preview .wysiwyg_ticket td {
  border: initial;
  padding: 1px;
  vertical-align: inherit;
}

.b-wysiwyg__iframe_preview .wysiwyg_ticket th,
.b-wysiwyg__iframe_preview .wysiwyg_ticket thead th,
.b-wysiwyg__iframe_preview .wysiwyg_ticket thead td {
  background-color: initial;
}

.b-wysiwyg__iframe_preview .wysiwyg_ticket thead td {
  font-weight: initial;
}

.b-wysiwyg__iframe_preview .jsgui-wysiwyg-anchor {
  padding-left: 16px;
  min-height: 16px;
  display: inline-block;
  background: url("../img/default/x-editor/anchor.gif") 0 0 no-repeat;
}

.b-wysiwyg__iframe_preview .x-repaint {
  zoom: 1;
  display: -moz-box !important;
  display: -webkit-box !important;
  -moz-outline: none;
}

.b-wysiwyg__iframe_preview .jsgui-wysiwyg-media {
  background: url(../img/default/x-editor/media.gif) 5px 5px no-repeat;
  border: 1px solid #000 !important;
}

.b-wysiwyg__iframe_preview .jsgui-wysiwyg-flash {
  background: url(../img/default/x-editor/flash.png) 5px 5px no-repeat;
  border: 1px solid #000 !important;
}

/* source iframe */
.b-wysiwyg__iframe_source {
  font: 12px/18px monospace;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: #000;
}

.b-wysiwyg__iframe_source.b-textarea {
  padding: 8px;
  border-color: #dedede !important;
  border-top: 0 !important;
  display: block;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: inset 0 5px 6px -5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 5px 6px -5px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 5px 6px -5px rgba(0, 0, 0, 0.3);
}

.b-wysiwyg__iframe_source > body {
  min-width: 0;
  padding: 0;
  margin: 1em 14px;
  direction: ltr;
  /* need for chrome when changing rtl "on fly" */
  background: transparent;
}

/* @end */
/* @group RTL */
/* preview iframe */
.b-wysiwyg__iframe_preview.g-rtl > body,
.b-wysiwyg__iframe_source.g-rtl > body {
  direction: rtl;
}

.b-wysiwyg__iframe_preview.g-rtl blockquote {
  padding-left: 0;
  padding-right: 10px;
  border-left: 0;
  border-right: 5px solid #DDD;
}

.b-wysiwyg__iframe_preview.g-rtl .jsgui-wysiwyg-anchor {
  padding-left: 0;
  padding-right: 16px;
  background-position: 100% 0;
}

.g-rtl.b-wysiwyg__iframe_preview ul,
.g-rtl.b-wysiwyg__iframe_preview ol {
  padding-left: 0;
  padding-right: 30px;
}

/* source iframe */
/* @end */
/*
body, div, p {font-size:12px; font-family:tahoma; margin:0px; padding:0px;}
td, th { font-size:12px; font-family:tahoma; }
p { margin-bottom: 15px; }
html.jsgui-wysiwyg body { background-color: transparent; }
table { border-collapse: collapse; border-color: #000000; }
table td, table th { border-style: solid; border-width: 1px; border-color: #000000; }
html.jsgui-wysiwyg body {margin: 0; min-width: 0; padding: 5px 0 0 7px;}
html.jsgui-wysiwyg a.jsgui-wysiwyg-anchor {padding-left: 16px; min-height: 16px; display:inline-block;background: transparent url('../img/default/x-editor/anchor.gif') no-repeat 0 0;  }
.x-repaint { zoom: 1; display: -moz-box !important; display: -webkit-box !important; -moz-outline: none;}
.jsgui-wysiwyg-media {background: url(../img/default/x-editor/media.gif) 5px 5px no-repeat; border: 1px solid #000 !important;}
.jsgui-wysiwyg-flash {background: url(../img/default/x-editor/flash.png) 5px 5px no-repeat; border: 1px solid #000 !important;}
.x-ie6 .jsgui-wysiwyg-flash {background: url(../img/default/x-editor/flash.gif) 5px 5px no-repeat;}
*/
/*
body, div, p, td {font-size:12px; font-family:monospace; margin:0px; padding: 5px 0 0 7px;}body {background-color: transparent; }
*/
/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+bash+c+csharp+cpp+ruby+css-extras+java+php+python&plugins=line-numbers+highlight-keywords */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
code[class*="language-"],
pre[class*="language-"] {
  color: black;
  background: none;
  /*text-shadow: 0 1px white;*/
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
  text-shadow: none;
  background: #b3d4fc;
}

@media print {
  code[class*="language-"],
  pre[class*="language-"] {
    text-shadow: none;
  }
}
/* Code blocks */
pre[class*="language-"] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: #f5f2f0;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray;
}

.token.punctuation {
  color: #999;
}

.namespace {
  opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #a67f59;
  background: rgba(255, 255, 255, 0.5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a;
}

.token.function {
  color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
  color: #e90;
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

pre.line-numbers {
  position: relative;
  padding-left: 3.8em;
  counter-reset: linenumber;
}

pre.line-numbers > code {
  position: relative;
}

.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 0;
  font-size: 100%;
  left: -3.8em;
  width: 3em;
  /* works for line-numbers below 1000 lines */
  letter-spacing: -1px;
  border-right: 1px solid #999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.line-numbers-rows > span {
  pointer-events: none;
  display: block;
  counter-increment: linenumber;
}

.line-numbers-rows > span:before {
  content: counter(linenumber);
  color: #999;
  display: block;
  padding-right: 0.8em;
  text-align: right;
}

/* Code blocks Helprace */
pre[class*="language-"] {
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  padding: 10px 12px !important;
}

/* @group BLOCK */
/* @end */
/* @group RESET */
html {
  font: 12px/18px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
  margin: 0;
  padding: 0;
  color: #333;
}

body {
  margin: 0;
  padding: 30px;
  /* for develope process only */
  /*direction: ltr;*/
  /* need for chrome when changing rtl "on fly" */
  background: #fff;
  -webkit-text-size-adjust: 100%;
}

.b-link,
.user-app a,
.b-user-info .user-app a,
a,
:link,
:visited {
  text-decoration: none;
  color: #1089c5;
}

.b-link:hover,
.user-app a:hover,
.b-user-info .user-app a:hover,
a:hover,
:link:hover {
  text-decoration: underline;
  color: #31a8df;
}

.user-app a,
.b-link:hover {
  cursor: pointer;
}

.b-link_dark,
.b-link_dark:hover,
.b-user-info .b-link:hover,
.b-user-info :link:hover,
.b-user-info .b-link,
.b-user-info :link,
.b-user-info :visited {
  color: #4a7c84;
}

/* required */
.b-link_required:after {
  display: inline-block;
  content: '*';
  margin-left: 2px;
  font-size: 14px;
  line-height: 16px;
  color: rgba(216, 0, 0, 0.6);
}

.g-rtl .b-link_required:after {
  margin-left: 0;
  margin-right: 2px;
}

.b-link_pale,
.b-link_pale:hover,
.user-app time,
.link_dark,
time.g-date {
  color: #839ea2;
}

.b-user-info__interactionsList__item_ticketSolved .b-link,
.b-toolbar.b-toolbar_reply time.g-date,
.b-toolbar.b-toolbar_reply .b-toolbar__sidebar time.g-date {
  color: #a9bac3;
}

.text_pale {
  color: #afafaf;
}

.text_color_link {
  color: #1089c5;
}

.text_color_formsDesc {
  color: #777;
}

.text_color_orange {
  color: #ee6212;
}

.text_color_greenPositive {
  color: #5EA801;
}

.text_center {
  text-align: center;
}

pre.pre_normalize {
  color: inherit;
  font: inherit;
  margin: 0;
  white-space: pre-wrap;
}

/* @end */
/* @group Global rules */
/* align */
.g-right {
  float: right !important;
}

.g-left {
  float: left !important;
}

.g-rtl .g-right {
  float: left !important;
}

.g-rtl .g-left {
  float: right !important;
}

.g-focus {
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  display: inline-block;
  outline: none;
}

.g-rtl .g-focus {
  left: auto;
  right: 0;
}

.g-hide-offsets {
  position: absolute;
  left: -1000%;
  top: -1000%;
}

.g-hide-offsets.b-textarea {
  top: 0;
  left: -9999px;
}

.g-rtl .g-hide-offsets {
  left: auto;
  right: -1000%;
}

.g-rtl .g-hide-offsets.b-textarea {
  left: auto;
  right: -9999px;
}

/* @end */
/* @group HELP */
/*


.g-line:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;

** Internet explorer hack`s solution

IE8 only    .class { proverty: value\0/; }
IE7 only:	*+html .class {  }
IE6 only:	* html .class {  }


CSS example:
.class {
    height: auto\0/;
    }

*+html .class {
	height: auto;
	}

* html .class {
	height: auto;
	}

** /Internet explorer hack`s solution

*/
/* @end */
/* @group RTL dirercion */
body {
  /*
  padding-top: 60px;
  */
}

.g-rtl {
  direction: rtl !important;
}

.g-rtl__button {
  position: absolute;
  top: 1%;
  right: 50%;
  z-index: 9;
}

.g-rtl__cancel {
  font-style: normal;
  display: inline-block;
  direction: ltr;
}

/* @end */
/* @group Layout */
html,
body {
  /*min-width:990px;*/
  padding: 0;
  /*overflow-x: hidden;*/
}

/* scrollbar */
.main-wrapper_widget ::-webkit-scrollbar-track,
.main-wrapper_widget ::-webkit-scrollbar-track-piece,
.topic-list_widgetSidebar::-webkit-scrollbar-track,
.topic-list_widgetSidebar::-webkit-scrollbar-track-piece,
.b-body::-webkit-scrollbar-track,
.b-body::-webkit-scrollbar-track-piece,
.b-body ::-webkit-scrollbar-track,
.b-body ::-webkit-scrollbar-track-piece {
  background-color: transparent;
  margin-top: 1px;
  margin-bottom: 1px;
}

.main-wrapper_widget ::-webkit-scrollbar-thumb,
.topic-list_widgetSidebar::-webkit-scrollbar-thumb,
.b-body::-webkit-scrollbar-thumb,
.b-body ::-webkit-scrollbar-thumb {
  background-color: rgba(53, 57, 71, 0.2);
  width: 6px;
  height: 6px;
  -webkit-border-radius: 4px;
}

.main-wrapper_widget ::-webkit-scrollbar,
.topic-list_widgetSidebar::-webkit-scrollbar,
.b-body::-webkit-scrollbar,
.b-body ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  -webkit-border-radius: 3px;
}

.b-body {
  overflow: hidden;
  overflow-x: auto;
}

.l-layout {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  width: auto;
  left: 48px;
  right: 0;
  position: absolute;
  height: 100% !important;
}

/* cell */
.l-layout__cell {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-left: 1px solid #e5e5e5;
}

.l-layout__cell:first-child {
  border-left: 0;
}

.l-layout__cell_hide {
  display: none;
}

/* head */
.l-layout__head {
  position: relative;
  z-index: 1;
  width: 100%;
  /*@include box-shadow(0 0 7px rgba(0,0,0,0.2));*/
  z-index: 3;
  width: 48px;
  position: absolute;
  height: 100%;
}

/*body */
.l-layout__body {
  height: 100%;
}

/* center */
.l-layout__center {
  height: 100%;
}

/* cell */
.l-layout__center .l-layout__cell,
.l-layout .l-layout__cell {
  height: 100%;
}

/* layout item */
.l-layout__item {
  height: 100%;
  position: relative;
  overflow: hidden;
}

/* tree sidebar*/
.l-layout__cell_sidebar_right,
.l-layout__cell_sidebar {
  min-width: 180px;
  max-width: 250px;
  width: 18%;
  background-color: #f5f5f5;
}

.l-layout__cell_sidebar_right {
  float: right;
  max-width: 100%;
  width: 270px;
}

.l-layout__cell_sidebar_right:first-child {
  border-left: 1px solid #e5e5e5;
}

.l-layout__cell_sidebar .b-content-scrollable {
  padding: 0;
  overflow: hidden;
}

.l-layout__cell_sidebar .b-content-scrollable > div {
  height: 100%;
  overflow: auto;
}

/* grid */
.l-layout__cell_grid {
  overflow: hidden;
  width: auto;
  float: none;
}

/* topic list */
.l-layout__cell_topic-list {
  overflow: hidden;
  width: auto;
  float: left;
  min-width: 290px;
  max-width: 450px;
  width: 25%;
  z-index: 1;
}

.l-layout__cell_topic-list .l-layout__content .b-toolbar_topic-list-top-search {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 25px;
}

.l-layout__cell_topic-list .l-layout__content .b-toolbar_topic-list-top-search > .b-button {
  float: right;
}

.l-layout__cell_topic-list .l-layout__content .b-toolbar_topic-list-top-search > .b-buttons-list__group {
  display: block;
  overflow: hidden;
  padding: 5px 3px;
  top: -5px;
  position: relative;
  left: -3px;
}

.l-layout__cell_topic-list .l-layout__content .b-toolbar_topic-list-top-search > .b-buttons-list__group > .b-button {
  float: left;
  border-right-width: 0;
}

.l-layout__cell_topic-list .l-layout__content .b-toolbar_topic-list-top-search > .b-buttons-list__group > .b-text-field_search {
  display: block;
  overflow: hidden;
  width: auto;
  margin: 0;
}

.l-layout__cell_topic-list .l-layout__content .b-toolbar_topic-list-bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 25px;
}

/* sidebar + topic-list */
.l-layout__cell_sidebar-plus-topic-list {
  min-width: none;
  max-width: none;
  width: 30%;
}

/* sidebar-wide */
.l-layout__cell_sidebar-wide {
  max-width: 300px;
  width: 300px;
}

/* topic */
.l-layout__cell_topic {
  overflow: hidden;
  width: auto;
  float: none;
  z-index: 2;
  background-color: #FFF;
}

/* right sidebar */
.l-layout__cell_rightSidebar {
  width: 33%;
  float: right;
  background-color: #FFF;
}

.l-layout__cell.l-layout__cell_rightSidebar:first-child {
  border-left: 1px solid #eaeaea;
}

.l-layout__cell_rightSidebar ~ .l-layout__cell_topic {
  border-left: none;
}

/* details panel */
.l-layout__cell_details {
  float: right;
  width: 0;
  overflow: hidden;
  -moz-transition: border 0.2s, width 0.2s;
  -webkit-transition: border 0.2s, width 0.2s;
  -o-transition: border 0.2s, width 0.2s;
  transition: border 0.2s, width 0.2s;
  background: #f5f5f5;
  border-left: 0px solid #eaeaea;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #eaeaea;
}

/* dashboard */
.b-dashboard {
  max-width: 1450px;
}

.b-dashboard__mainContent {
  overflow: hidden;
  width: auto;
  float: none;
}

/* videos */
.b-dashboard__mainContent .b-videos {
  margin-left: 20px;
  margin-right: 20px;
}

.b-dashboard__sidebar {
  width: 330px;
  float: right;
}

/* news */
.b-dashboard__sidebar .b-news {
  margin-left: 20px;
  margin-right: 40px;
}

/* delimiter */
.b-delimiter {
  position: relative;
  display: block;
  height: 100%;
  width: 3px;
  float: left;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  background-color: #f5f5f5;
  display: none;
}

/* content-scroll */
.l-layout__content {
  height: 100%;
  position: relative;
}

.b-content-scrollable {
  overflow: auto;
  position: absolute;
  top: 38px;
  left: 0;
  right: 0;
  bottom: 38px;
  border-bottom: 1px solid #eaeaea;
}

.b-content-scrollable_heightAuto {
  position: relative;
  top: auto;
  margin-top: 38px;
}

/*.b-gridbar:after {
	content: '';
	display: block;
	width: 100%;
	height: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	
	@include box-shadow(0 0 5px rgba(0,0,0,0.5));
	}*/
/* content-scroll grid */
.b-grid_filters_layout {
  height: 100%;
  position: relative;
  top: 0;
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: 0;
}

.l-layout__content__nodata {
  text-align: center;
  display: block;
  padding: 30px;
  color: #888;
}

.l-layout__content_grid .b-content-scrollable {
  top: 38px;
  bottom: 38px;
}

.b-content-scrollable_no-top-bar.b-content-scrollable,
.b-content-scrollable_no-top-bar .b-content-scrollable,
.l-layout__content .b-content-scrollable_no-top-bar.b-content-scrollable {
  top: 0;
}

.b-content-scrollable_2-top-bar .b-content-scrollable,
.l-layout__content .b-content-scrollable_2-top-bar.b-content-scrollable {
  top: 77px;
}

.b-content-scrollable_no-bottom-bar.b-content-scrollable,
.b-content-scrollable_no-bottom-bar .b-content-scrollable,
.b-content-scrollable_no-grid-status-bar .b-content-scrollable {
  bottom: 0;
  border-bottom: 0;
}

.l-layout__content_grid .b-gridbar,
.b-dialog__content .b-content-scrollable_topbar,
.l-layout__content .b-content-scrollable_topbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.l-layout__content .b-content-scrollable_topbar_first {
  top: 0;
}

.l-layout__content .b-content-scrollable_topbar_second {
  top: 39px;
}

.l-layout__cell_topic .l-layout__content .b-content-scrollable_topbar {
  z-index: 1;
}

.l-layout__cell_topic .l-layout__content .b-content-scrollable_topbar_first {
  z-index: 2;
}

.l-layout__content_grid .b-gridstatusbar,
.l-layout__content .b-content-scrollable_bottombar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.b-content-scrollable_treeTopSpace .b-tree {
  margin-top: 4px;
}

.b-content-scrollable_treeTopSpace .b-tree .b-tree {
  margin-top: 0;
}

/* content-scroll topic-list */
.l-layout__content_topic-list .b-content-scrollable {
  top: 38px;
  bottom: 38px;
  background: #fefefe;
}

/* content-scroll sidebar */
.l-layout__content_sidebar .b-content-scrollable {
  top: 38px;
  bottom: 0;
  background: #f5f5f5;
}

.l-layout__content_sidebar_notopbar .b-content-scrollable {
  top: 0;
}

/* sidebar order toolbar */
.l-layout__content_sidebar .b-content-sidebar_top.b-toolbar_order .b-button {
  float: right;
  margin-right: 0;
  margin-left: 6px;
}

.l-layout__content_sidebar .b-content-sidebar_top.b-toolbar_order .b-button.itemOrderButton {
  float: left;
  margin-right: 6px;
  margin-left: 0;
}

.l-layout__content_sidebar .b-content-sidebar_top.b-toolbar_order .b-text-field_combo {
  overflow: hidden;
  width: auto;
  float: none;
  display: block;
}

/* flex content */
.l-layout__contentFlex {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-content: stretch;
}

.l-layout__content .l-layout__contentFlex {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.l-layout__contentFlex__item {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.l-layout__contentFlex__item_overflow {
  overflow: hidden;
}

.l-layout__contentFlex__item_shrink {
  -webkit-flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-grow: 0;
  -ms-flex-shrink: 0;
  flex-grow: 0;
  flex-shrink: 0;
}

.l-layout__contentFlex__item.b-content-scrollable {
  border-bottom-width: 0;
}

.l-layout__content .l-layout__contentFlex .l-layout__contentFlex,
.l-layout__contentFlex .l-layout__contentFlex__item.b-gridstatusbar,
.l-layout__contentFlex .l-layout__contentFlex__item.b-content-scrollable_bottombar,
.l-layout__contentFlex .l-layout__contentFlex__item.b-content-scrollable,
.l-layout__contentFlex__item.b-content-scrollable {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

/* custom styles */
.edit-user-form-row {
  width: 450px;
}

/* @group RTL */
.g-rtl .l-layout {
  left: 0;
  right: 48px;
}

/* cell */
.g-rtl .l-layout__cell {
  float: right;
  border-left: none;
  border-right: 1px solid #d8d8d8;
}

.g-rtl .l-layout__cell:first-child {
  border-right: 0;
}

/* grid */
.g-rtl .l-layout__cell_grid {
  float: none;
}

/* sidebar */
.g-rtl .l-layout__cell_sidebar_right {
  float: left;
}

.g-rtl .l-layout__cell_sidebar_right:first-child {
  border-left: none;
  border-right: 1px solid #ddd;
}

/* topic list */
.g-rtl .l-layout__cell_topic-list {
  float: right;
}

.g-rtl .l-layout__cell_topic-list .l-layout__content .b-toolbar_topic-list-top-search > .b-button {
  float: left;
}

.g-rtl .l-layout__cell_topic-list .l-layout__content .b-toolbar_topic-list-top-search > .b-buttons-list__group {
  left: auto;
  right: -3px;
}

.g-rtl .l-layout__cell_topic-list .l-layout__content .b-toolbar_topic-list-top-search > .b-buttons-list__group > .b-button {
  float: right;
  border-right-width: 1px;
  border-left-width: 0;
}

/* topic */
.g-rtl .l-layout__cell_topic {
  float: none;
}

/* right sidebar */
.g-rtl .l-layout__cell_rightSidebar {
  float: left;
}

.g-rtl .l-layout__cell.l-layout__cell_rightSidebar:first-child {
  border-left: 0;
  border-right: 1px solid #eaeaea;
}

.g-rtl .l-layout__cell_rightSidebar ~ .l-layout__cell_topic {
  border-right: none;
}

/* details panel */
.g-rtl .l-layout__cell_details {
  float: left;
  border-right: 0px;
}

/* dashboard */
.g-rtl .b-dashboard__sidebar {
  float: left;
}

/* news */
.g-rtl .b-dashboard__sidebar .b-news {
  margin-right: 20px;
  margin-left: 40px;
}

/* sidebar order toolbar */
.g-rtl .l-layout__content_sidebar .b-content-sidebar_top.b-toolbar_order .b-button {
  float: left;
  margin-left: 0;
  margin-right: 6px;
}

.g-rtl .l-layout__content_sidebar .b-content-sidebar_top.b-toolbar_order .b-button.itemOrderButton {
  float: right;
  margin-right: 0;
  margin-left: 6px;
}

/* delimiter */
.g-rtl .b-delimiter {
  float: right;
}

/* @end */
/* Styles for print */
@media print {
  .l-layout__head {
    display: none;
  }

  html,
  body,
  .b-body {
    overflow-y: initial;
  }

  .b-content-scrollable,
  .l-layout__content,
  .l-layout__cell_topic,
  .l-layout__center .l-layout__cell,
  .l-layout .l-layout__cell,
  .l-layout__item {
    height: initial;
    overflow: initial;
  }

  .l-layout__content_grid .b-content-scrollable,
  .b-content-scrollable_no-bottom-bar.b-content-scrollable,
  .b-content-scrollable_no-bottom-bar .b-content-scrollable,
  .b-content-scrollable_no-grid-status-bar .b-content-scrollable,
  .b-content-scrollable {
    bottom: initial;
    overflow-x: hidden;
    position: initial;
  }

  .l-layout__content_grid .b-gridbar,
  .l-layout__content .b-content-scrollable_topbar {
    position: initial;
  }

  .l-layout__content_grid .b-gridstatusbar,
  .l-layout__content .b-content-scrollable_bottombar {
    position: initial;
  }

  /* gridstatusbar */
  .l-layout__content_grid .b-gridstatusbar .checkbox,
  .l-layout__content .b-content-scrollable_bottombar .checkbox,
  .l-layout__content_grid .b-gridstatusbar .bulkActions,
  .l-layout__content .b-content-scrollable_bottombar .bulkActions,
  .l-layout__content_grid .b-gridstatusbar .b-button__icon.dropdown_down,
  .l-layout__content .b-content-scrollable_bottombar .b-button__icon.dropdown_down {
    display: none;
  }

  .l-layout__content_grid .b-gridstatusbar .b-button,
  .l-layout__content .b-content-scrollable_bottombar .b-button {
    padding-left: 0;
    padding-right: 0;
    color: #777;
  }

  .l-layout__content_grid .b-gridstatusbar .b-toolbar__delimiter.after-text,
  .l-layout__content .b-content-scrollable_bottombar .b-toolbar__delimiter.after-text {
    margin-left: 0;
  }

  .l-layout__content_grid .b-gridstatusbar .b-text-field.current-page,
  .l-layout__content .b-content-scrollable_bottombar .b-text-field.current-page {
    width: 17px;
    border: 0;
    background: transparent;
    box-shadow: none;
    padding-top: 3px;
    padding-right: 0;
    padding-left: 0;
    margin-left: 0;
    margin-right: 4px;
    text-align: right;
    color: #777;
  }

  /* reports */
  .b-reports-grid__item {
    width: 100%;
    display: block;
    page-break-inside: avoid;
  }

  .b-busiest-hours-table td {
    -webkit-print-color-adjust: exact;
  }

  .b-reports-happiness-chart {
    -webkit-print-color-adjust: exact;
  }

  .b-reports-happiness-chart__level {
    -webkit-print-color-adjust: exact;
  }

  .b-reports-grid__item canvas.b-reports-grid__linearChart {
    width: 100% !important;
  }

  .printHide {
    display: none !important;
  }

  /* rtl */
  .g-rtl .l-layout__content_grid .b-gridstatusbar .b-text-field.current-page,
  .g-rtl .l-layout__content .b-content-scrollable_bottombar .b-text-field.current-page {
    margin-right: 0;
    margin-left: 4px;
    text-align: left;
  }

  .g-rtl .l-layout__content_grid .b-gridstatusbar .b-toolbar__delimiter.after-text,
  .g-rtl .l-layout__content .b-content-scrollable_bottombar .b-toolbar__delimiter.after-text {
    margin-left: 7px;
    margin-right: 0;
  }
}
/*Styles for screen 1600px and bigger*/
@media screen and (min-width: 1600px) {
  .l-layout__cell_details {
    width: 200px;
    border-left-width: 1px;
  }
}
/* @end */
/*Styles for screen 1300px and smaller*/
@media screen and (max-width: 1300px) {
  .b-topic_ticket .b-avatar {
    width: 40px;
    height: 40px;
  }

  .b-topic_ticket .b-avatar img {
    max-width: 100%;
    max-height: 100%;
  }

  .b-topic__content {
    margin-left: 60px;
  }

  /*.b-reply .b-reply__comment .b-avatar {
  	width: 25px;
  	height: 25px;
  	}
  .b-reply__comment .b-reply__content {
  	margin-left: 45px;
  	}*/
  /* paging */
  .l-layout__cell_topic-list .b-toolbar_topic-list-bottom .b-toolbar__delimiter {
    display: none;
  }

  .edit-user-form-row {
    width: 300px;
  }

  .edit-user-form-row .b-text-field_combo {
    min-width: 120px;
  }

  /* @group RTL */
  .g-rtl .b-topic__content {
    margin-right: 60px;
  }

  /*.g-rtl .b-reply__comment .b-reply__content {
  	margin-right: 45px;
  	}*/
  /* @end */
}
/* @end */
/*Styles for screen 1100px and smaller*/
@media screen and (max-width: 1100px) {
  .addEditUser_container.b-forms .b-forms__cell.label {
    width: 86px;
  }
}
/*Styles for screen 1024px and smaller*/
@media screen and (max-width: 1024px) {
  .edit-user-form-row {
    width: 280px;
  }

  .b-videos__listItem {
    width: 192px;
    margin: 0 10px 10px 0;
  }

  .b-videos__listItem a {
    width: 190px;
  }

  .b-videos__listItemText {
    width: 190px;
  }

  /* people grid label */
  .b-grid_people_label {
    height: 14px;
    max-width: 30px;
    font-size: 0px;
    -webkit-animation: hideLabelText .01s;
    animation: hideLabelText .01s;
  }

  .b-grid_people_label:first-letter {
    font-size: 12px;
  }

  /* @group RTL */
  .g-rtl .b-videos__listItem {
    margin: 0 0 10px 10px;
  }

  /* @end */
}
/* @end */
/*Animations*/
/* showReply */
@keyframes showReply {
  from {
    -ms-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0.3;
  }
  to {
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes showReply /* Safari and Chrome */ {
  from {
    -ms-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    opacity: 0.3;
  }
  to {
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
}
/* hideLabelText */
@keyframes hideLabelText {
  from {
    font-size: 1px;
  }
  to {
    font-size: 0px;
  }
}
@-webkit-keyframes hideLabelText /* Safari and Chrome */ {
  from {
    font-size: 1px;
  }
  to {
    font-size: 0px;
  }
}
/* showAutosaveMessage */
@keyframes showAutosaveMessage {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes showAutosaveMessage /* Safari and Chrome */ {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* hideAutosaveMessage */
@keyframes hideAutosaveMessage {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes hideAutosaveMessage /* Safari and Chrome */ {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* @end */
.businessHoursContainer {
  display: table;
}

.businessHoursContainer > .dayContainer {
  display: table-row;
}

.businessHoursContainer > .dayContainer > .operationDayTimeContainer,
.businessHoursContainer > .dayContainer > .weekday,
.businessHoursContainer > .dayContainer > .colorBox {
  display: table-cell;
  padding-bottom: 7px;
  vertical-align: top;
}

.businessHoursContainer .clean {
  clear: both;
}

.dayContainer {
  font-size: 12px;
}

.colorBox {
  cursor: pointer;
  width: 25px;
  height: 25px;
  position: relative;
  padding-right: 6px;
}

.colorBox:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  cursor: pointer;
  width: 23px;
  height: 23px;
  border: 1px solid #888;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  vertical-align: top;
}

.colorBox.WorkingDayState:after {
  border: 1px solid #4E8059;
  background-color: #1BB700;
}

.colorBox.RestDayState:after {
  border: 1px solid #7a1c44;
  background-color: #cc0000;
}

.operationTime .mini-time {
  width: 50px;
}

.dayContainer .add-on {
  padding: 4px 2px;
}

.colorBoxLabel {
  clear: both;
  font-size: 12px;
  font-weight: bold;
}

.invisible {
  visibility: hidden;
}

.operationTime {
  display: inline-block;
  margin-right: 6px;
}

.operationDayTimeContainer {
  height: 26px;
}

.weekday {
  min-width: 40px;
  padding-top: 4px;
  padding-right: 6px;
  vertical-align: top;
}

.RestDayState + .weekday {
  color: #999;
}

/* rtl */
.g-rtl .colorBox {
  padding-right: 0;
  padding-left: 6px;
}

.g-rtl .operationTime {
  margin-right: 0;
  margin-left: 6px;
}

.g-rtl .weekday {
  padding-right: 0;
  padding-left: 6px;
}

.g-rtl .colorBox:after {
  left: initial;
  right: 0;
}

.unslider {
  overflow: auto;
  margin: 0;
  padding: 0;
}

.unslider-wrap {
  position: relative;
}

.unslider-wrap.unslider-carousel > li {
  float: left;
}

.unslider-vertical > ul {
  height: 100%;
}

.unslider-vertical li {
  float: none;
  width: 100%;
}

.unslider-fade {
  position: relative;
}

.unslider-fade .unslider-wrap li {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 8;
}

.unslider-fade .unslider-wrap li.unslider-active {
  z-index: 10;
}

.unslider li, .unslider ol, .unslider ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}

.unslider-arrow {
  position: absolute;
  left: 20px;
  z-index: 2;
  cursor: pointer;
}

.unslider-arrow.next {
  left: auto;
  right: 20px;
}

/**
 *   Here's where everything gets included. You don't need
 *   to change anything here, and doing so might break
 *   stuff. Here be dragons and all that.
 */
/**
 *   Default variables
 *
 *   While these can be set with JavaScript, it's probably
 *   better and faster to just set them here, compile to
 *   CSS and include that instead to use some of that
 *   hardware-accelerated goodness.
 */
.unslider-nav ol {
  list-style: none;
  text-align: center;
}

.unslider-nav ol li {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background: transparent;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  border: 2px solid #ccc;
  cursor: pointer;
}

.unslider-nav ol li.unslider-active {
  background: #ccc;
  cursor: default;
}

/*!
 * Cropper v2.3.2
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-2016 Fengyuan Chen and contributors
 * Released under the MIT license
 *
 * Date: 2016-06-08T12:14:46.286Z
 */
.cropper-container {
  font-size: 0;
  line-height: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  direction: ltr !important;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.cropper-container img {
  display: block;
  width: 100%;
  min-width: 0 !important;
  max-width: none !important;
  height: 100%;
  min-height: 0 !important;
  max-height: none !important;
  image-orientation: 0deg !important;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cropper-wrap-box {
  overflow: hidden;
}

.cropper-drag-box {
  opacity: 0;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.cropper-modal {
  opacity: .5;
  background-color: #000;
  filter: alpha(opacity=50);
}

.cropper-view-box {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
}

.cropper-dashed {
  position: absolute;
  display: block;
  opacity: .5;
  border: 0 dashed #eee;
  filter: alpha(opacity=50);
}

.cropper-dashed.dashed-h {
  top: 33.33333%;
  left: 0;
  width: 100%;
  height: 33.33333%;
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.cropper-dashed.dashed-v {
  top: 0;
  left: 33.33333%;
  width: 33.33333%;
  height: 100%;
  border-right-width: 1px;
  border-left-width: 1px;
}

.cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  opacity: .75;
  filter: alpha(opacity=75);
}

.cropper-center:before,
.cropper-center:after {
  position: absolute;
  display: block;
  content: ' ';
  background-color: #eee;
}

.cropper-center:before {
  top: 0;
  left: -3px;
  width: 7px;
  height: 1px;
}

.cropper-center:after {
  top: -3px;
  left: 0;
  width: 1px;
  height: 7px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .1;
  filter: alpha(opacity=10);
}

.cropper-face {
  top: 0;
  left: 0;
  background-color: #fff;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: e-resize;
}

.cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: n-resize;
}

.cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: w-resize;
}

.cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: s-resize;
}

.cropper-point {
  width: 5px;
  height: 5px;
  opacity: .75;
  background-color: #39f;
  filter: alpha(opacity=75);
}

.cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: e-resize;
}

.cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize;
}

.cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: w-resize;
}

.cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize;
}

.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: ne-resize;
}

.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nw-resize;
}

.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize;
}

.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  opacity: 1;
  filter: alpha(opacity=100);
}

.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  content: ' ';
  opacity: 0;
  background-color: #39f;
  filter: alpha(opacity=0);
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;
    opacity: .75;
    filter: alpha(opacity=75);
  }
}
.cropper-invisible {
  opacity: 0;
  filter: alpha(opacity=0);
}

.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-hide {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

/**
 * selectize.css (v0.12.2)
 * Copyright (c) 2013тАУ2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
  box-shadow: inset 0 0 12px 4px #ffffff;
}

.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, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}

.selectize-dropdown-header-close:hover {
  color: #000000;
}

.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 {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #d0d0d0;
  -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, 0.05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #ffffff;
}

.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 28px;
  top: 6px;
  font-size: 23px;
}

.selectize-control {
  position: relative;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #ffffff;
  cursor: text;
  display: inline-block;
}

.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  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: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
}

.selectize-input.full {
  background-color: #ffffff;
}

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.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 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}

.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #ffffff;
  border: 0 solid #ffffff;
}

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 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::-ms-clear {
  display: none;
}

.selectize-input > input:focus {
  outline: none !important;
}

.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}

.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #ffffff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #ffffff;
  cursor: default;
}

.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}

.selectize-dropdown .active.create {
  color: #495c68;
}

.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.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: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}

.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

/* -------------------------------------------------
    Datepicker cells
   ------------------------------------------------- */
.datepicker--cells {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.datepicker--cell {
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 32px;
  z-index: 1;
}

.datepicker--cell.-focus- {
  background: #f0f0f0;
}

.datepicker--cell.-current- {
  color: #4EB5E6;
}

.datepicker--cell.-current-.-focus- {
  color: #4a4a4a;
}

.datepicker--cell.-current-.-in-range- {
  color: #4EB5E6;
}

.datepicker--cell.-in-range- {
  background: rgba(92, 196, 239, 0.1);
  color: #4a4a4a;
  border-radius: 0;
}

.datepicker--cell.-in-range-.-focus- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell.-disabled- {
  cursor: default;
  color: #aeaeae;
}

.datepicker--cell.-disabled-.-focus- {
  color: #aeaeae;
}

.datepicker--cell.-disabled-.-in-range- {
  color: #a1a1a1;
}

.datepicker--cell.-disabled-.-current-.-focus- {
  color: #aeaeae;
}

.datepicker--cell.-range-from- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 4px 0 0 4px;
}

.datepicker--cell.-range-to- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 0 4px 4px 0;
}

.datepicker--cell.-range-from-.-range-to- {
  border-radius: 4px;
}

.datepicker--cell.-selected- {
  color: #fff;
  border: none;
  background: #5cc4ef;
}

.datepicker--cell.-selected-.-current- {
  color: #fff;
  background: #5cc4ef;
}

.datepicker--cell.-selected-.-focus- {
  background: #45bced;
}

.datepicker--cell:empty {
  cursor: default;
}

.datepicker--days-names {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 8px 0 3px;
}

.datepicker--day-name {
  color: #FF9A19;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: .8em;
}

.datepicker--cell-day {
  width: 14.28571%;
}

.datepicker--cells-months {
  height: 170px;
}

.datepicker--cell-month {
  width: 33.33%;
  height: 25%;
}

.datepicker--years {
  height: 170px;
}

.datepicker--cells-years {
  height: 170px;
}

.datepicker--cell-year {
  width: 25%;
  height: 33.33%;
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

/* -------------------------------------------------
    Datepicker
   ------------------------------------------------- */
.datepickers-container {
  position: absolute;
  left: 0;
  top: 0;
}

@media print {
  .datepickers-container {
    display: none;
  }
}
.datepicker {
  background: #fff;
  border-radius: 4px;
  box-sizing: content-box;
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  width: 250px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  z-index: 100;
}

.datepicker.-from-top- {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.datepicker.-from-right- {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

.datepicker.-from-bottom- {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

.datepicker.-from-left- {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

.datepicker.active {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
  transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
}

.datepicker-inline .datepicker {
  border-color: #d7d7d7;
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}

.datepicker-inline .datepicker--pointer {
  display: none;
}

.datepicker--content {
  box-sizing: content-box;
  padding: 4px;
}

.-only-timepicker- .datepicker--content {
  display: none;
}

.datepicker--pointer {
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1;
}

.-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer {
  top: calc(100% - 4px);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
  right: calc(100% - 4px);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
  bottom: calc(100% - 4px);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

.-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer {
  left: calc(100% - 4px);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer {
  left: 10px;
}

.-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
  right: 10px;
}

.-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer {
  left: calc(50% - 10px / 2);
}

.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
  top: 10px;
}

.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
  bottom: 10px;
}

.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
  top: calc(50% - 10px / 2);
}

.datepicker--body {
  display: none;
}

.datepicker--body.active {
  display: block;
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

/* -------------------------------------------------
    Navigation
   ------------------------------------------------- */
.datepicker--nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 4px;
}

.-only-timepicker- .datepicker--nav {
  display: none;
}

.datepicker--nav-title,
.datepicker--nav-action {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker--nav-action:hover {
  background: #f0f0f0;
}

.datepicker--nav-action.-disabled- {
  visibility: hidden;
}

.datepicker--nav-action svg {
  width: 32px;
  height: 32px;
}

.datepicker--nav-action path {
  fill: none;
  stroke: #9c9c9c;
  stroke-width: 2px;
}

.datepicker--nav-title {
  border-radius: 4px;
  padding: 0 8px;
}

.datepicker--nav-title i {
  font-style: normal;
  color: #9c9c9c;
  margin-left: 5px;
}

.datepicker--nav-title:hover {
  background: #f0f0f0;
}

.datepicker--nav-title.-disabled- {
  cursor: default;
  background: none;
}

.datepicker--buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  border-top: 1px solid #efefef;
}

.datepicker--button {
  color: #4EB5E6;
  cursor: pointer;
  border-radius: 4px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
}

.datepicker--button:hover {
  color: #4a4a4a;
  background: #f0f0f0;
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

/* -------------------------------------------------
    Timepicker
   ------------------------------------------------- */
.datepicker--time {
  border-top: 1px solid #efefef;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px;
  position: relative;
}

.datepicker--time.-am-pm- .datepicker--time-sliders {
  -webkit-flex: 0 1 138px;
  -ms-flex: 0 1 138px;
  flex: 0 1 138px;
  max-width: 138px;
}

.-only-timepicker- .datepicker--time {
  border-top: none;
}

.datepicker--time-sliders {
  -webkit-flex: 0 1 153px;
  -ms-flex: 0 1 153px;
  flex: 0 1 153px;
  margin-right: 10px;
  max-width: 153px;
}

.datepicker--time-label {
  display: none;
  font-size: 12px;
}

.datepicker--time-current {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0 10px;
}

.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}

.datepicker--time-current-hours,
.datepicker--time-current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1;
}

.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after {
  content: '';
  background: #f0f0f0;
  border-radius: 4px;
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}

.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after {
  opacity: 1;
}

.datepicker--time-current-ampm {
  text-transform: uppercase;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: #9c9c9c;
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}

.datepicker--time-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat;
}

.datepicker--time-row:first-child {
  margin-bottom: 4px;
}

.datepicker--time-row input[type='range'] {
  background: none;
  cursor: pointer;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}

.datepicker--time-row input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.datepicker--time-row input[type='range']::-ms-tooltip {
  display: none;
}

.datepicker--time-row input[type='range']:hover::-webkit-slider-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type='range']:hover::-moz-range-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type='range']:hover::-ms-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type='range']:focus {
  outline: none;
}

.datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}

.datepicker--time-row input[type='range']:focus::-moz-range-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}

.datepicker--time-row input[type='range']:focus::-ms-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}

.datepicker--time-row input[type='range']::-webkit-slider-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background .2s;
}

.datepicker--time-row input[type='range']::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background .2s;
}

.datepicker--time-row input[type='range']::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background .2s;
}

.datepicker--time-row input[type='range']::-webkit-slider-thumb {
  margin-top: -6px;
}

.datepicker--time-row input[type='range']::-webkit-slider-runnable-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent;
}

.datepicker--time-row input[type='range']::-moz-range-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent;
}

.datepicker--time-row input[type='range']::-ms-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent;
}

.datepicker--time-row input[type='range']::-ms-fill-lower {
  background: transparent;
}

.datepicker--time-row input[type='range']::-ms-fill-upper {
  background: transparent;
}

.datepicker--time-row span {
  padding: 0 12px;
}

.datepicker--time-icon {
  color: #9c9c9c;
  border: 1px solid;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  margin: 0 5px -1px 0;
  width: 1em;
  height: 1em;
}

.datepicker--time-icon:after, .datepicker--time-icon:before {
  content: '';
  background: currentColor;
  position: absolute;
}

.datepicker--time-icon:after {
  height: .4em;
  width: 1px;
  left: calc(50% - 1px);
  top: calc(50% + 1px);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.datepicker--time-icon:before {
  width: .4em;
  height: 1px;
  top: calc(50% + 1px);
  left: calc(50% - 1px);
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

/*$icons-jsgui-spacing: 20px;*/
.mce-item-anchor {
  background-image: url('images/icons-jsgui-s40646c8c87.png');
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .mce-item-anchor {
    background-image: url('images/icons-jsgui-2x-s724bc9c0f2.png');
    background-size: 15px 100px;
    background-position: 0 0;
  }
}

/* gridstatusbar pointer */
.b-gridstatusbar__actions .b-gridstatusbar__icon {
  background-image: url('images/icons-jsgui-s40646c8c87.png');
  background-position: 0 -11px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .b-gridstatusbar__actions .b-gridstatusbar__icon {
    background-image: url('images/icons-jsgui-2x-s724bc9c0f2.png');
    background-size: 15px 100px;
    background-position: 0 -11px;
  }
}
.b-gridstatusbar__actions.disabled .b-gridstatusbar__icon {
  background-image: url('images/icons-jsgui-s40646c8c87.png');
  background-position: 0 -21px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .b-gridstatusbar__actions.disabled .b-gridstatusbar__icon {
    background-image: url('images/icons-jsgui-2x-s724bc9c0f2.png');
    background-size: 15px 100px;
    background-position: 0 -21px;
  }
}

.rtl .b-gridstatusbar__actions .b-gridstatusbar__icon {
  background-image: url('images/icons-jsgui-s40646c8c87.png');
  background-position: 0 -41px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .rtl .b-gridstatusbar__actions .b-gridstatusbar__icon {
    background-image: url('images/icons-jsgui-2x-s724bc9c0f2.png');
    background-size: 15px 100px;
    background-position: 0 -41px;
  }
}
.rtl .b-gridstatusbar__actions.disabled .b-gridstatusbar__icon {
  background-image: url('images/icons-jsgui-s40646c8c87.png');
  background-position: 0 -31px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .rtl .b-gridstatusbar__actions.disabled .b-gridstatusbar__icon {
    background-image: url('images/icons-jsgui-2x-s724bc9c0f2.png');
    background-size: 15px 100px;
    background-position: 0 -31px;
  }
}

/* toolbox icons */
.b-toolbox__icon.edit {
  background-image: url('images/icons-jsgui-s40646c8c87.png');
  background-position: 0 -51px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .b-toolbox__icon.edit {
    background-image: url('images/icons-jsgui-2x-s724bc9c0f2.png');
    background-size: 15px 100px;
    background-position: 0 -51px;
  }
}
.b-toolbox__icon.help {
  background-image: url('images/icons-jsgui-s40646c8c87.png');
  background-position: 0 -68px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .b-toolbox__icon.help {
    background-image: url('images/icons-jsgui-2x-s724bc9c0f2.png');
    background-size: 15px 100px;
    background-position: 0 -68px;
  }
}
.b-toolbox__icon.reload {
  background-image: url('images/icons-jsgui-s40646c8c87.png');
  background-position: 0 -85px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .b-toolbox__icon.reload {
    background-image: url('images/icons-jsgui-2x-s724bc9c0f2.png');
    background-size: 15px 100px;
    background-position: 0 -85px;
  }
}