.cke_button__switcheditor_icon {
  display: none!important;
}

.cke_button__switcheditor_label {
  display: inline!important;
}

.cke_button__switcheditor_label:after {
  content: "plain text";
}

.cke_button__switcheditor_label.is_text:after {
  content: "HTML";
}

.hide-button {
  display: none!important;
}
#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:after,
#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:before,
#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
#ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,
#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before {
  content: " ";
  display: table;
}

#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:after,
#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after {
  clear: both;
}

.ui-grid {
  border: 0 solid #94c0d2;
  box-sizing: content-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.ui-grid-vertical-bar {
  position: absolute;
  right: 0;
  width: 0;
}

.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar,
.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
  width: 0;
}

.ui-grid-scrollbar-placeholder {
  background-color: transparent;
}

.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #94c0d2;
}

.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #94c0d2;
}

.ui-grid-header-cell:last-child .ui-grid-vertical-bar {
  right: -1px;
  width: 0;
  background-color: #94c0d2;
}

.ui-grid-clearfix:after,
.ui-grid-clearfix:before {
  content: "";
  display: table;
}

.ui-grid-clearfix:after {
  clear: both;
}

.ui-grid-invisible {
  visibility: hidden;
}

.ui-grid-contents-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
}

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

.ui-grid-top-panel-background {
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#eee),color-stop(1,#fff));
  background: -ms-linear-gradient(bottom,#eee,#fff);
  background: -moz-linear-gradient(center bottom,#eee 0,#fff 100%);
  background: -o-linear-gradient(#fff,#eee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}

.ui-grid-header {
  border-bottom: 1px solid #adadad;
  box-sizing: border-box;
}

.ui-grid-top-panel {
  position: relative;
  overflow: hidden;
  font-weight: 700;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#eee),color-stop(1,#fff));
  background: -ms-linear-gradient(bottom,#eee,#fff);
  background: -moz-linear-gradient(center bottom,#eee 0,#fff 100%);
  background: -o-linear-gradient(#fff,#eee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.ui-grid-header-viewport {
  overflow: hidden;
}

.ui-grid-header-canvas:after,
.ui-grid-header-canvas:before {
  content: "";
  display: table;
  line-height: 0;
}

.ui-grid-header-canvas:after {
  clear: both;
}

.ui-grid-header-cell-wrapper {
  position: relative;
  display: table;
  box-sizing: border-box;
  height: 100%;
}

.ui-grid-header-cell-row {
  display: table-row;
  position: relative;
}

.ui-grid-header-cell {
  position: relative;
  box-sizing: border-box;
  background-color: inherit;
  border-right: 0 solid;
  border-color: #94c0d2;
  display: table-cell;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 0;
}

.ui-grid-header-cell:last-child {
  border-right: 0;
}

.ui-grid-header-cell .sortable {
  cursor: pointer;
}

.ui-grid-header-cell .ui-grid-sort-priority-number {
  margin-left: -8px;
}

.ui-grid-header .ui-grid-vertical-bar {
  top: 0;
  bottom: 0;
}

.ui-grid-column-menu-button {
  position: absolute;
  right: 0;
  top: 0;
}

.ui-grid-column-menu-button .ui-grid-icon-angle-down {
  vertical-align: sub;
}

.ui-grid-column-menu-button-last-col {
  margin-right: 25px;
}

.ui-grid-column-menu {
  position: absolute;
}

.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  -webkit-transition: all .05s linear;
  -moz-transition: all .05s linear;
  -o-transition: all .05s linear;
  transition: all .05s linear;
  display: block!important;
}

.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  -webkit-transition: all .05s linear;
  -moz-transition: all .05s linear;
  -o-transition: all .05s linear;
  transition: all .05s linear;
  display: block!important;
}

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.ui-grid-filter-container {
  padding: 4px 10px;
  position: relative;
}

.ui-grid-filter-container .ui-grid-filter-button {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.ui-grid-filter-container .ui-grid-filter-button [class^=ui-grid-icon] {
  position: absolute;
  top: 50%;
  line-height: 32px;
  margin-top: -16px;
  right: 10px;
  opacity: .66;
}

.ui-grid-filter-container .ui-grid-filter-button [class^=ui-grid-icon]:hover {
  opacity: 1;
}

.ui-grid-filter-container .ui-grid-filter-button-select {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.ui-grid-filter-container .ui-grid-filter-button-select [class^=ui-grid-icon] {
  position: absolute;
  top: 50%;
  line-height: 32px;
  margin-top: -16px;
  right: 0;
  opacity: .66;
}

.ui-grid-filter-container .ui-grid-filter-button-select [class^=ui-grid-icon]:hover {
  opacity: 1;
}

input[type=text].ui-grid-filter-input {
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
  border: 0 solid #94c0d2;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

input[type=text].ui-grid-filter-input:hover {
  border: 0 solid #94c0d2;
}

select.ui-grid-filter-select {
  padding: 0;
  margin: 0;
  border: 0;
  width: 90%;
  border: 0 solid #94c0d2;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

select.ui-grid-filter-select:hover {
  border: 0 solid #94c0d2;
}

.ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select {
  width: 100%;
}

.ui-grid-render-container {
  position: inherit;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.ui-grid-render-container:focus {
  outline: 0;
}

.ui-grid-viewport {
  min-height: 20px;
  position: relative;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.ui-grid-viewport:focus {
  outline: 0!important;
}

.ui-grid-canvas {
  position: relative;
  padding-top: 1px;
}

.ui-grid-row.ui-grid-row-selected {
  background-color: #c9dde1;
}

.ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell {
  background-color: #c9dde1;
}

.ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #fff;
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #eaf4f9;
}

.ui-grid-row:last-child .ui-grid-cell {
  border-bottom-color: #94c0d2;
  border-bottom-style: solid;
}

.ui-grid-no-row-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 10%;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#eee),color-stop(1,#fff));
  background: -ms-linear-gradient(bottom,#eee,#fff);
  background: -moz-linear-gradient(center bottom,#eee 0,#fff 100%);
  background: -o-linear-gradient(#fff,#eee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 0 solid #94c0d2;
  font-size: 2em;
  text-align: center;
}

.ui-grid-no-row-overlay>* {
  position: absolute;
  display: table;
  margin: auto 0;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: .66;
}

.ui-grid-cell {
  overflow: hidden;
  float: left;
  background-color: inherit;
  border-right: 0 solid;
  border-color: #94c0d2;
  box-sizing: border-box;
}

.ui-grid-cell:last-child {
  border-right: 0;
}

.ui-grid-cell-contents {
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 100%;
}

.ui-grid-cell-contents-hidden {
  visibility: hidden;
  width: 0;
  height: 0;
  display: none;
}

.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
  background-color: #f0f0ee;
  border-bottom: solid 0 #94c0d2;
}

.ui-grid-footer-panel-background {
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#eee),color-stop(1,#fff));
  background: -ms-linear-gradient(bottom,#eee,#fff);
  background: -moz-linear-gradient(center bottom,#eee 0,#fff 100%);
  background: -o-linear-gradient(#fff,#eee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}

.ui-grid-footer-panel {
  position: relative;
  border-bottom: 1px solid #94c0d2;
  border-top: 1px solid #94c0d2;
  overflow: hidden;
  font-weight: 700;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#eee),color-stop(1,#fff));
  background: -ms-linear-gradient(bottom,#eee,#fff);
  background: -moz-linear-gradient(center bottom,#eee 0,#fff 100%);
  background: -o-linear-gradient(#fff,#eee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.ui-grid-grid-footer {
  float: left;
  width: 100%;
}

.ui-grid-footer-viewport {
  overflow: hidden;
}

.ui-grid-footer-canvas {
  position: relative;
}

.ui-grid-footer-canvas:after,
.ui-grid-footer-canvas:before {
  content: "";
  display: table;
  line-height: 0;
}

.ui-grid-footer-canvas:after {
  clear: both;
}

.ui-grid-footer-cell-wrapper {
  position: relative;
  display: table;
  box-sizing: border-box;
  height: 100%;
}

.ui-grid-footer-cell-row {
  display: table-row;
}

.ui-grid-footer-cell {
  overflow: hidden;
  background-color: inherit;
  border-right: 0 solid;
  border-color: #94c0d2;
  box-sizing: border-box;
  display: table-cell;
}

.ui-grid-footer-cell:last-child {
  border-right: 0;
}

input[type=text].ui-grid-filter-input {
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
  border: 0 solid #94c0d2;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

input[type=text].ui-grid-filter-input:hover {
  border: 0 solid #94c0d2;
}

.ui-grid-menu-button {
  z-index: 2;
  position: absolute;
  right: 0;
  top: 0;
  border: 0 solid #94c0d2;
  cursor: pointer;
  height: 31px;
  font-weight: 400;
}

.ui-grid-menu-button .ui-grid-icon-container {
  margin-top: 3px;
}

.ui-grid-menu-button .ui-grid-menu {
  right: 0;
}

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
  overflow: scroll;
  border: 0 solid #94c0d2;
}

.ui-grid-menu {
  z-index: 2;
  position: absolute;
  padding: 0 10px 20px 10px;
  cursor: pointer;
  box-sizing: border-box;
}

.ui-grid-menu .ui-grid-menu-inner {
  border: 0 solid #94c0d2;
  position: relative;
  white-space: nowrap;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.2),inset 0 12px 12px -14px rgba(0,0,0,.2);
  -moz-box-shadow: 0 10px 20px rgba(0,0,0,.2),inset 0 12px 12px -14px rgba(0,0,0,.2);
  box-shadow: 0 10px 20px rgba(0,0,0,.2),inset 0 12px 12px -14px rgba(0,0,0,.2);
}

.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 1px 1px;
  font-size: 10px;
  line-height: 1;
  border-radius: 2px;
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}

.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active.focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active.focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover {
  color: #333;
  text-decoration: none;
}

.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled],
fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
  cursor: not-allowed;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

a.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,
fieldset[disabled] a.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
  pointer-events: none;
}

.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus {
  color: transparent;
  background-color: rgba(0,0,0,0);
  border-color: rgba(0,0,0,0);
}

.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover {
  color: transparent;
  background-color: rgba(0,0,0,0);
  border-color: rgba(0,0,0,0);
}

.open>.dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active {
  color: transparent;
  background-color: rgba(0,0,0,0);
  border-color: rgba(0,0,0,0);
}

.open>.dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus,
.open>.dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
.open>.dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active.focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:hover,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active.focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:hover {
  color: transparent;
  background-color: rgba(0,0,0,0);
  border-color: rgba(0,0,0,0);
}

.open>.dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active {
  background-image: none;
}

.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled.focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled:hover,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled].focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:hover,
fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus,
fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover {
  background-color: transparent;
  border-color: transparent;
}

.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button .badge {
  color: transparent;
  background-color: transparent;
}

.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button>i {
  opacity: .75;
  color: #000;
}

.ui-grid-menu .ui-grid-menu-inner ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.ui-grid-menu .ui-grid-menu-inner ul li {
  padding: 0;
}

.ui-grid-menu .ui-grid-menu-inner ul li button {
  min-width: 100%;
  padding: 8px;
  text-align: left;
  background: 0 0;
  border: none;
}

.ui-grid-menu .ui-grid-menu-inner ul li button:focus,
.ui-grid-menu .ui-grid-menu-inner ul li button:hover {
  -webkit-box-shadow: inset 0 0 14px rgba(0,0,0,.2);
  -moz-box-shadow: inset 0 0 14px rgba(0,0,0,.2);
  box-shadow: inset 0 0 14px rgba(0,0,0,.2);
}

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item-active {
  -webkit-box-shadow: inset 0 0 14px rgba(0,0,0,.2);
  -moz-box-shadow: inset 0 0 14px rgba(0,0,0,.2);
  box-shadow: inset 0 0 14px rgba(0,0,0,.2);
  background-color: #cecece;
}

.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child)>button {
  border-bottom: 0 solid #94c0d2;
}

.ui-grid-sortarrow {
  right: 5px;
  position: absolute;
  width: 20px;
  top: 0;
  bottom: 0;
  background-position: center;
}

.ui-grid-sortarrow.down {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

@font-face {
  font-family: ui-grid;
  src: url("../ui-grid.eot");
  src: url("../ui-grid.eot#iefix") format('embedded-opentype'),url("../ui-grid.woff") format('woff'),url("../ui-grid.ttf") format('truetype'),url("../ui-grid.svg?#ui-grid") format('svg');
  font-weight: 400;
  font-style: normal;
}

[class*=" ui-grid-icon"]:before,
[class^=ui-grid-icon]:before {
  font-family: ui-grid;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
}

.ui-grid-icon-blank::before {
  width: 1em;
  content: ' ';
}

.ui-grid[dir=rtl] .ui-grid-cell,
.ui-grid[dir=rtl] .ui-grid-footer-cell,
.ui-grid[dir=rtl] .ui-grid-header-cell {
  float: right!important;
}

.ui-grid[dir=rtl] .ui-grid-column-menu-button {
  position: absolute;
  left: 1px;
  top: 0;
  right: inherit;
}

.ui-grid[dir=rtl] .ui-grid-cell:first-child,
.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child,
.ui-grid[dir=rtl] .ui-grid-header-cell:first-child {
  border-right: 0;
}

.ui-grid[dir=rtl] .ui-grid-cell:last-child,
.ui-grid[dir=rtl] .ui-grid-header-cell:last-child {
  border-right: 0 solid #94c0d2;
  border-left: 0;
}

.ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar,
.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
.ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar {
  width: 0;
}

.ui-grid[dir=rtl] .ui-grid-menu-button {
  z-index: 2;
  position: absolute;
  left: 0;
  right: auto;
  border: 0 solid #94c0d2;
  cursor: pointer;
  min-height: 27px;
  font-weight: 400;
}

.ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu {
  left: 0;
  right: auto;
}

.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button {
  right: initial;
  left: 0;
}

.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^=ui-grid-icon] {
  right: initial;
  left: 10px;
}

.ui-grid-animate-spin {
  -moz-animation: ui-grid-spin 2s infinite linear;
  -o-animation: ui-grid-spin 2s infinite linear;
  -webkit-animation: ui-grid-spin 2s infinite linear;
  animation: ui-grid-spin 2s infinite linear;
  display: inline-block;
}

@-moz-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-webkit-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-o-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-ms-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.ui-grid {
  color: #003f59;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=arial]::before {
  font-family: Arial;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=calibri]::before {
  font-family: Calibri;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=comicsansms]::before {
  font-family: 'Comic Sans MS';
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=couriernew]::before {
  font-family: 'Courier New';
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: monospace;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=mirza]::before {
  font-family: Mirza;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=roboto]::before {
  font-family: Roboto;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=segoeui]::before {
  font-family: 'Segoe UI';
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=timesnewroman]::before {
  font-family: 'Times New Roman';
}

.ql-font-arial {
  font-family: Arial;
}

.ql-font-calibri {
  font-family: Calibri;
}

.ql-font-comicsansms {
  font-family: 'Comic Sans MS';
}

.ql-font-couriernew {
  font-family: 'Courier New';
}

.ql-font-mirza {
  font-family: Mirza;
}

.ql-font-monospace {
  font-family: monospace;
}

.ql-font-roboto {
  font-family: Roboto;
}

.ql-font-timesnewroman {
  font-family: 'Times New Roman';
}

.ql-font-sans-serif {
  font-family: sans-serif;
}

.ql-font-segoeui {
  font-family: 'Segoe UI';
}

.ql-font-serif {
  font-family: serif;
}

.ql-font-webdings {
  font-family: Webdings;
}

.ql-font-wingdings {
  font-family: Wingdings;
}

.ql-snow .ql-font-container {
  width: 160px;
  display: inline;
}

.ql-snow .ql-header-container {
  width: 110px;
  display: inline;
}

.ql-snow .ql-picker {
  text-align: left;
}

.ql-snow .ql-picker.ql-font {
  min-width: 120px;
  width: auto;
}

.ql-snow .ql-picker.ql-header {
  min-width: 100px;
  width: auto;
}

.ql-font .ql-picker-label {
  padding-right: 25px;
}

button.ql-toggle-editor {
  font-size: 14px;
  font-weight: 500;
  color: #444;
  margin-top: -7px!important;
}

button.ql-toggle-editor.html-editor {
  width: 140px!important;
}

button.ql-toggle-editor.text-editor {
  width: 120px!important;
}

.ql-toggle-editor.html-editor:after {
  content: "Switch to plain text";
}

.ql-toggle-editor.text-editor:after {
  content: "Switch to HTML";
}

#emailBody .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}

#emailBody .ql-align-center {
  text-align: center;
}

#emailBody .ql-align-justify {
  text-align: justify;
}

#emailBody .ql-align-right {
  text-align: right;
}
header {
  position: fixed;
  z-index: 999;
  top: 0;
  width: 100%;
}

body {
  min-width: 500px;
}

body .container-fluid.body-view {
  margin-top: 60px;
}

.modal-open .modal {
  margin-top: 60px;
}

.ngn.ngn-error.ngn-bottom {
  z-index: 99999;
}

hr {
  border-top: 1px solid rgba(0,0,0,.1);
}

a[ng-click] {
  cursor: pointer;
}

.color-line {
  background: url("../images/background-intro.png") 28% -30px no-repeat #f7f9fa;
  height: 6px;
}

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

.container-fluid {
  margin-top: -10px;
}

.page-title {
  margin: 21px 0 35px;
}

.navbar-static-top {
  z-index: 1001;
  margin-bottom: 2px;
}

.navbar-default {
  background-color: #f1f1f1;
}

.navbar-default .navbar-brand {
  font-size: 16px;
  color: #000;
  cursor: default;
}

.navbar-default .navbar-brand:hover {
  color: #000;
}

.navbar-default .navbar-brand:focus {
  color: #000;
}

.navbar-default .navbar-nav>li>a {
  color: #8e8e8e;
  outline: 0;
}

.navbar-default .navbar-nav>.active>a {
  color: #666;
  background-color: #fff;
}

.navbar-default .navbar-nav>.active>a:hover {
  color: #666;
  background-color: #fff;
}

.navbar-default .navbar-nav>.active>a:focus {
  color: #666;
  background-color: #fff;
}

.navbar .container-fluid {
  margin-top: 0;
  height: 52px;
}

.navbar .user-info {
  margin-left: 40px;
  margin-right: 0;
  margin-top: 14.5px;
}

.nav-btn {
  width: 52px;
  height: 52px;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  background-color: inherit;
}

.nav-btn:hover {
  background-color: #d3d3d3;
}

#productIcon {
  padding: 5px;
  background-color: transparent;
  float: left;
  margin: -15px 10px -15px -6px;
}

#settingsButton {
  font-size: 1.7em;
}

.back-btn {
  float: left;
  background: 0 0;
  box-shadow: none;
  outline: 0;
  text-transform: capitalize;
  font-size: 14px;
  margin-top: 10px;
  margin-right: 89px;
  color: #8e8e8e;
}

.back-btn span {
  margin-left: 5px;
  display: block;
  float: right;
  margin-top: -1px;
}

.back-btn:focus {
  color: #000;
}

.dropdown-menu li span {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.846;
  color: #666;
  cursor: default;
}

@media (min-width:768px) {
  .dropdown-menu li span {
    width: 250px;
  }
}

.btn-100 {
  min-width: 100px;
}

.btn:focus {
  outline: 0;
}

a[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  color: #d3d3d3!important;
}

a[disabled]::after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: all;
  cursor: not-allowed;
  background-color: transparent;
}

a.disabled {
  pointer-events: none;
  cursor: not-allowed;
  color: #d3d3d3!important;
}

a.disabled::after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: all;
  cursor: not-allowed;
  background-color: transparent;
}

.btn.disabled {
  pointer-events: none;
  cursor: not-allowed;
  color: #d3d3d3!important;
}

.btn.disabled::after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: all;
  cursor: not-allowed;
  background-color: transparent;
}

.btn[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  color: #d3d3d3!important;
}

.btn[disabled]::after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: all;
  cursor: not-allowed;
  background-color: transparent;
}

fieldset[disabled] a.btn {
  pointer-events: none;
  cursor: not-allowed;
  color: #d3d3d3!important;
}

.grid-row {
  cursor: pointer;
}

.grid-row .deletedRow {
  position: relative;
  color: #a9a9a9;
  text-decoration: line-through;
}

.st-sort-ascent:after,
.st-sort-descent:after {
  font-family: FontAwesome;
  font-size: 12px;
  margin-left: 5px;
}

.st-sort-ascent:after {
  content: '\f077';
}

.st-sort-descent:after {
  content: '\f078';
}

.not-clickable {
  cursor: default;
  background: initial;
}

.table {
  color: #003f59;
}

.table thead {
  letter-spacing: .4px;
}

.table thead tr th {
  padding-left: 4px;
}

.table thead tr th.sortable {
  cursor: pointer;
}

.table>tbody>tr.clickable-row {
  cursor: pointer;
}

.table>tbody>tr>td {
  transition: color 0;
}

.table>tbody>tr>td .checkbox input[type=checkbox]:checked:after,
.table>tbody>tr>td .checkbox-inline input[type=checkbox]:checked:after,
.table>tbody>tr>td input[type=checkbox]:checked:after {
  border: 0;
}

.table input[type=checkbox] {
  margin-left: 0;
}

.table .checkbox input[type=checkbox]:after,
.table .checkbox-inline input[type=checkbox]:after,
.table input[type=checkbox]:after {
  border-color: #d3d3d3;
  border-radius: 6px;
}

.table tr.st-selected {
  background-color: #dedede!important;
  color: initial;
  transition: all .1s;
}

.table .checkbox input[type=checkbox]:checked:after,
.table .checkbox-inline input[type=checkbox]:checked:after,
.table input[type=checkbox]:checked:after {
  background-color: transparent;
}

.table .checkbox input[type=checkbox]:checked:before,
.table .checkbox-inline input[type=checkbox]:checked:before,
.table input[type=checkbox]:checked:before {
  border-color: #003f59!important;
}

.faded-background {
  width: 100%;
  height: 94%;
  z-index: 100;
  position: absolute;
  top: 6%;
  text-align: center;
  background-color: rgba(255,255,255,.9);
}

.faded-background.dialog {
  height: 100%;
  top: 0;
  left: 0;
  border-radius: inherit;
  background-color: rgba(255,255,255,.7);
}

.tab-faded-background {
  left: 0;
  z-index: 11;
  top: 0;
}

.loading-spinner {
  top: 40%;
  left: 48%;
  position: absolute;
}

.grid-tooltip {
  overflow: visible;
  z-index: 9999999;
  float: left;
}

.cursor-default {
  cursor: default;
}

.grid-filter-button {
  margin-top: 8px;
  color: #000;
  cursor: pointer;
}

.search-bar {
  position: relative;
  padding: 0 15px;
}

.search-bar #searchControl input[type=text] {
  width: 100%;
}

.action-buttons {
  position: relative;
  padding: 0 15px;
}

.btn-circular.mdi-button-24px {
  padding-left: 8px;
  padding-top: 8px;
}

.label {
  font-size: 100%;
  font-weight: lighter;
  cursor: default;
}

.tooltip-inner {
  max-width: 300px;
  word-wrap: break-word;
}

#emailHighlight {
  padding: 10px;
  background-color: rgba(229,229,229,.56);
  font-size: 14px;
}

.btn-circular {
  border-radius: 50%;
  width: 46px;
  height: 46px;
  padding: 10px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
  line-height: 1;
  font-size: 25px;
  position: relative;
  cursor: pointer;
  margin: 5px;
}

.btn.btn-circular::after {
  background-image: -webkit-radial-gradient(circle,#000 7%,transparent 7%);
  background-image: radial-gradient(circle,#000 7%,transparent 7%);
}

.dialog-btn-group {
  margin-top: 50px;
  margin-right: 15px;
}

.dialog-btn-group .btn {
  margin-left: 10px!important;
}

h4.margin-align {
  margin-top: 42px;
}

.table-container {
  max-height: 80vh;
  overflow-y: auto;
  display: block;
}

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

.table-striped>tbody>tr:nth-of-type(even) {
  background-color: rgba(187,187,187,.13);
}

#loadingBackground {
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: #fff;
}

.material-loading-logo {
  display: block;
  position: relative;
  left: 50%;
  top: 40%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #3498db;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  z-index: 1001;
}

.material-loading-logo::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #e74c3c;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}

.material-loading-logo::after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #f9c922;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.grid-loader {
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  border-width: 2px;
}

.grid-loader::after {
  top: 12px;
  left: 12px;
  right: 12px;
  bottom: 12px;
  border-width: 2px;
}

.grid-loader::before {
  border-width: 2px;
}

.form-group input[type=text] {
  padding-left: 20px;
}

.form-group:not(.has-error):not(.has-warning):not(.has-success) input:focus~.floating-label {
  color: #2196f3;
}

.floating-label {
  color: #9e9e9e;
  position: absolute;
  top: .5rem;
  left: 1.5rem;
  font-size: 1.4rem;
  cursor: text;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  transition: .2s ease-out;
}

input:focus~.floating-label {
  font-size: 1.2rem;
  -webkit-transform: translateY(-80%);
  -ms-transform: translateY(-80%);
  -o-transform: translateY(-80%);
  transform: translateY(-80%);
}

.floating-label.active {
  font-size: 1.2rem;
  -webkit-transform: translateY(-80%);
  -ms-transform: translateY(-80%);
  -o-transform: translateY(-80%);
  transform: translateY(-80%);
}

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

.error-tooltip.tooltip.top .tooltip-inner {
  background-color: #e51c23;
  font-size: 13px;
}

.error-tooltip.tooltip.top .tooltip-arrow {
  border-top-color: #e51c23;
}

input[type=text].invalid {
  -webkit-box-shadow: inset 0 -1px 0 #e51c23!important;
  box-shadow: inset 0 -1px 0 #e51c23!important;
}

input[type=text]:focus.invalid {
  -webkit-box-shadow: inset 0 -2px 0 #e51c23!important;
  box-shadow: inset 0 -2px 0 #e51c23!important;
}

input[type=text]~.floating-label.invalid {
  color: #e51c23!important;
}

iframe[id=emailBody] {
  width: 100%;
}

.ngn {
  text-align: center;
  height: 60px;
  padding: 15px 80px!important;
}

.ngn-success {
  background-color: #0e90d2;
}

.ngn-error {
  background-color: #dd514c;
}

.card {
  background-color: #fff;
  border-radius: .25rem;
  box-shadow: 0 1px 0 rgba(0,0,0,.25);
  padding: 2rem 2rem 1rem;
  margin: 0 auto 2rem;
  position: relative;
  border: 1px solid #e8e8e8;
  max-width: 30em;
}

.blank-contents {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 12rem 2rem;
}

@media (min-width:1414px) {
  .container {
    width: 1400px;
  }
}

@media (max-width:992px) {
  .table-container {
    display: inline;
  }
}

@media (max-width:576px) {
  .search-bar {
    max-width: initial;
    width: 100%;
  }
}
body.sage200 {
  font-size: 12px;
}

body.sage200 .page-title {
  margin: 0;
}

body.sage200 .navbar .container-fluid {
  margin-top: 0;
}

body.sage200 .navbar .user-info {
  margin-left: 40px;
  margin-right: 0;
  margin-top: 14.5px;
}

body.sage200 .email-list .search-bar {
  width: calc(100% - 260px);
  max-width: 500px;
}

body.sage200 .email-list .action-buttons {
  width: 255px;
}

body.sage200 .email-list .action-buttons .btn {
  margin: 0 0 0 5px;
}

body.sage200 .email-list #emailsGrid .table-responsive {
  height: calc(100vh - 225px);
}

body.sage200 .email-list #emailFooter #emailsOverview .text-primary {
  font-size: 13px;
}

body.sage200 .email-list #emailFooter #emailsPagination .pagination {
  margin: 0;
}

body.sage200 .email-list #emailFooter #emailsPagination .pagination>li>span {
  font-size: 12px;
}

body.sage200 .email-list #emailFooter #emailsPagination .pagination>li>a {
  font-size: 12px;
}

body.sage200 .email-details #emailBody {
  margin-top: 0;
}

body.sage200 .email-details div#sideTabPanel {
  margin-top: 19px;
}

body.sage200 .email-editor .toolbar {
  width: calc(100% - 260px);
  max-width: 500px;
}

body.sage200 .email-editor .action-buttons {
  width: 255px;
}

body.sage200 .email-editor .action-buttons .btn {
  margin: 0 0 0 5px;
}

body.sage200 .email-editor .editor {
  margin-top: 20px;
}

body.sage200 .email-editor .editor input[type=text].form-control {
  font-size: 1em;
  height: 2.5em;
}

body.sage200 .email-editor .editor .recipient-container {
  font-size: 1em!important;
  height: 2.5em;
}

body.sage200 .email-editor .editor .recipient-container .recipient-box {
  height: 1.8em;
}

body.sage200 .email-editor .editor .recipient-container .recipient-box .remove-btn {
  height: 1.8em;
  padding: 0 .5em;
}

body.sage200 .email-editor .editor .floating-label {
  font-size: 1.1em;
}

body.sage200 .email-editor .editor input:focus~.floating-label {
  font-size: .9em;
}

body.sage200 .email-editor .editor .floating-label.active {
  font-size: .9em;
}

body.sage200 .user-management .search-bar {
  width: calc(100% - 260px);
  max-width: 500px;
}

body.sage200 .user-management .action-buttons {
  width: 255px;
}

body.sage200 .user-management .action-buttons .btn {
  margin: 0 0 0 5px;
}

@media (max-width:576px) {
  body.sage200 .search-bar {
    max-width: initial;
    width: 100%;
  }
}
.bottom-line:before {
  content: " ";
  width: 80%;
  position: absolute;
  border-top: 2px #ddd solid;
  left: 10%;
  margin-top: 7px;
}

.mce-edit-area {
  border-width: 0 0 1px!important;
}

.hide-button {
  display: none!important;
}

.mce-toolbar>div {
  text-align: center;
}
.logout.front-channel {
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
}

.logout.front-channel label {
  display: inline;
  font-weight: 700;
  padding: .2em .6em .3em;
  color: #fff;
  text-align: center;
  vertical-align: baseline;
  border-radius: .25em;
}

.logout.front-channel .success {
  background-color: #62cb31;
}

.logout.front-channel .warning {
  background-color: #f0ad4e;
}
.user-management #noUsers {
  text-align: center;
  font-size: 2em;
  margin-top: 30px;
}

.user-management .user-loader {
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  border-width: 2px;
}

.user-management .user-loader::after {
  top: 12px;
  left: 12px;
  right: 12px;
  bottom: 12px;
  border-width: 2px;
}

.user-management .user-loader::before {
  border-width: 2px;
}

.user-management .search-bar {
  width: calc(100% - 310px);
  max-width: 500px;
}

.user-management .action-buttons {
  width: 305px;
}

.user-management .action-buttons .btn {
  margin: 0 5px 0 10px;
}

.user-management .action-buttons .btn-circular {
  width: 40px;
  height: 40px;
  font-size: 20px;
}
.email-details #emailBody {
  margin-top: 21px;
}

.email-details #emailBody .hide-overflown-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.email-details #emailBody #fromName {
  padding-left: 0;
  margin-bottom: 20px;
}

.email-details #emailBody #fromName .btn-circular {
  display: inline-block;
  float: left;
  background: #9400d3;
  color: #fff;
  cursor: default;
  padding: 0;
  line-height: 46px;
  text-align: center;
}

.email-details #emailBody #fromName h5 span {
  display: block;
  padding-top: 5px;
  margin-left: 5px;
}

.email-details #emailBody .contact-name {
  margin-left: 2px;
}

.email-details #emailBody .tooltip-placeholder:hover {
  color: #1e90ff!important;
  cursor: default;
}

.email-details #emailBody #recipientsSection {
  margin-left: 15px;
  margin-top: -25px;
  clear: both;
}

.email-details #emailBody .recipients {
  margin-left: 13px;
  color: gray;
}

.email-details #emailBody .recipients .contact-name {
  text-overflow: ellipsis;
  overflow: hidden;
}

.email-details #emailBody .recipients.cc {
  margin-left: 12px;
}

.email-details #emailBody .recipients.bcc {
  margin-left: 5px;
}

.email-details #emailBody .email-viewer {
  word-wrap: break-word;
  overflow-x: auto;
  border: none;
  width: 100%;
}

.email-details div#sideTabPanel {
  margin-top: 40px;
}

.email-details div#sideTabPanel.margin-align {
  margin-top: 0;
}

.email-details #sideTabPanel>h6 {
  text-align: center;
}

.email-details #sideTabPanel>h6>span {
  border-bottom: 1px solid #d3d3d3;
}

.email-details #sideTabPanel .tab-content {
  min-height: 500px;
}

.email-details #sideTabPanel .nav-tabs {
  border-bottom: 1px solid rgba(0,0,0,.1);
  display: flex;
}

.email-details #sideTabPanel .nav-tabs>li {
  width: 50%;
  text-align: center;
  display: flex;
  flex: 1;
}

.email-details #sideTabPanel .nav-tabs>li>a {
  flex: 1;
}
.metadata #emptyMetadataTable {
  text-align: center;
  font-size: 14px;
}

.metadata-table {
  margin-top: 5px;
  font-size: .95em;
}

.metadata-table>tbody>tr>td {
  border-top: 0;
  overflow-wrap: break-word;
  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;
}

.metadata-table>tbody>tr>td>span {
  white-space: pre-wrap;
}
.email-editor .editor {
  margin-top: 32px;
}

.email-editor .editor #draggingBackground {
  width: 100%;
  height: 100%;
  background-color: rgba(173,173,173,.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  color: #2f4f4f;
  font-size: 32px;
}

.email-editor .editor #draggingBackground .text-center {
  position: relative;
  top: 50%;
}

.email-editor .editor #editorToolbarPanel {
  height: 60px;
}

.email-editor .editor #editorToolbarPanel .toolbar {
  position: relative;
  padding: 0 15px;
  width: calc(100% - 310px);
  max-width: 500px;
}

.email-editor .editor #editorToolbarPanel .toolbar .toolbar-button {
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-size: 30px;
  margin-right: 10px;
  line-height: normal;
}

.email-editor .editor #editorToolbarPanel .action-buttons {
  width: 305px;
}

.email-editor .editor .save-notification {
  position: absolute;
  margin-top: 20px;
  left: 25px;
}

.email-editor .editor #fromEmail {
  padding-right: 180px;
}

.email-editor .editor .copy-to-buttons {
  position: absolute;
  top: 0;
  right: 15px;
}

.email-editor .editor .copy-to-buttons .btn {
  height: 25px;
  width: 35px;
  padding: 0;
  margin-left: 10px;
  text-transform: capitalize;
}

.email-editor .editor.dragover #draggingBackground {
  display: block!important;
}

.email-editor .attachments.row {
  padding-left: 15px;
}
.email-list .search-bar {
  width: calc(100% - 310px);
  max-width: 500px;
}

.email-list .action-buttons {
  width: 305px;
}

.email-list .action-buttons .btn {
  margin: 0 5px 0 10px;
}

.email-list .action-buttons .btn-circular {
  width: 40px;
  height: 40px;
  font-size: 20px;
}

.email-list #noEmails {
  text-align: center;
  font-size: 2em;
  margin-top: 30px;
}

.email-list #emailsGrid {
  position: relative;
}

.email-list #emailsGrid .grid-cell-content {
  vertical-align: middle;
}

.email-list #emailsGrid .table-responsive {
  height: calc(100vh - 250px);
}

.email-list #emailsGrid .faded-background {
  top: 0;
  height: 100%;
}

.email-list #emailsGrid table tr td {
  padding: 4px;
  max-width: 20em;
  line-height: 2.4;
  position: relative;
}

.email-list #emailsGrid table tr td>input[type=checkbox] {
  margin-top: 10px;
}

.email-list #emailsGrid .grid-cell {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 100%;
}

.email-list #emailsGrid .status-column .grid-icon-container .circular-grid-icon {
  width: 32px;
  height: 32px;
  color: #fff;
  border-radius: 25px;
  padding-left: 4px;
  display: inline-flex;
  transition: all .3s;
  -moz-box-shadow: 0 0 2px 1px #757575;
  -webkit-box-shadow: 0 0 2px 1px #757575;
  box-shadow: 0 0 2px 1px #757575;
}

.email-list #emailsGrid .status-column .grid-icon-container .circular-grid-icon .mdi.grid-status-icon {
  margin-top: -12px;
}

.email-list #emailsGrid .status-column .grid-icon-container .circular-grid-icon .fa.fa-times.grid-status-icon {
  margin-left: 4px;
  margin-top: 7px;
}

.email-list #emailsGrid .status-column .grid-icon-container .circular-grid-icon .mdi.mdi-block-helper.grid-status-icon::before {
  font-size: 20px;
  margin-left: 2px;
  margin-top: 4px;
}

.email-list #emailsGrid .status-column .grid-icon-container .circular-grid-icon:not(:first-child) {
  margin-left: 4px;
}

.email-list #emailsGrid .status-column .grid-icon-container.stacked-icons .circular-grid-icon:not(:first-child) {
  margin-left: -10px;
}

.email-list #emailsGrid .status-column .grid-icon-container.stacked-icons .circular-grid-icon:first-child {
  margin-left: 0;
}

.email-list #emailsGrid .status-column .grid-icon-container.stacked-icons:hover .circular-grid-icon:first-child {
  margin-left: 0;
}

.email-list #emailsGrid .status-column .grid-icon-container.stacked-icons:hover .circular-grid-icon:not(:first-child) {
  margin-left: 10px;
}

.email-list #emailsGrid .status-column .grid-status {
  text-align: left;
  display: flex;
}

.email-list #emailsGrid .status-column .grid-status .grid-status-text {
  margin-left: 5px;
  margin-top: 3px;
}

.email-list #emailsGrid .status-column .grid-status-icon {
  display: inline-flex;
}

.email-list #emailsGrid .status-column .mdi.grid-status-icon {
  margin-top: -3px;
}

.email-list #emailsGrid .status-column .mdi-email-open-outline::before {
  margin-top: 1px;
}

.email-list #emailsGrid .status-column .fa.grid-status-icon {
  font-size: 20px;
  margin-top: 2px;
}

.email-list #emailsGrid .status-column .fa-spinner.grid-status-icon {
  margin-top: 0;
}

.email-list #emailsGrid .status-column .mdi.mdi-block-helper.grid-status-icon::before {
  font-size: 20px;
  margin-top: 2px;
}

.email-list #emailsGrid .status-column.grid-cell .grid-cell-content {
  padding-left: 5px;
}

.email-list #emailsGrid .status-column.grid-cell .grid-cell-content.label {
  width: 100px;
  height: 25px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  margin: 2px;
  -moz-box-shadow: 0 0 2px 1px #757575;
  -webkit-box-shadow: 0 0 2px 1px #757575;
  box-shadow: 0 0 2px 1px #757575;
}

.email-list #emailsGrid .status-column.grid-cell .cp-eclipse.inline-grid-loader {
  width: 4px;
  height: 4px;
  background-color: #8a2be2;
  margin: 10px;
  margin-left: 30px;
  margin-bottom: 3px;
}

.email-list #emailsGrid .status-column.grid-cell .cp-eclipse.inline-grid-loader::before {
  width: 30px;
  height: 30px;
  border-top: solid 2px transparent;
  border-right: solid 2px #8a2be2;
  border-bottom: solid 2px transparent;
  border-left: solid 2px transparent;
  top: -13px;
  left: -13px;
}

.email-list #emailsGrid .status-column.grid-cell .cp-eclipse.inline-grid-loader::after {
  width: 30px;
  height: 30px;
  border-top: solid 2px transparent;
  border-right: solid 2px transparent;
  border-bottom: solid 2px transparent;
  border-left: solid 2px #8a2be2;
  top: -13px;
  right: -13px;
}

.email-list #emailsGrid .status-column.grid-cell .grid-icon-container {
  display: flex;
  position: absolute;
  border: 5px;
}

.email-list #emailsGrid .status-column.grid-cell .grid-icon-container.stacked-icons {
  width: auto;
  margin-left: 0;
  animation-name: collapseStack;
  animation-duration: .3s;
  animation-timing-function: ease-out;
}

.email-list #emailsGrid .status-column.grid-cell .grid-icon-container.stacked-icons:hover {
  margin-left: -50px;
  animation-name: expandStack;
  animation-duration: .3s;
  animation-timing-function: ease-out;
}

.email-list #emailFooter {
  position: fixed;
  z-index: 99999;
  bottom: 0;
  width: 100%;
  padding-top: 7px;
  background-color: #fff;
}

.email-list #emailFooter #emailsOverview .text-primary {
  margin: 0;
}

.email-list #emailFooter #emailsPagination .pagination {
  margin: 0;
}

.email-list #emailFooter #emailsPagination .pagination>li>span {
  border-width: 0;
  border-radius: 40px!important;
  text-align: center;
  padding: 0;
  margin: 0 6px;
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
}

.email-list #emailFooter #emailsPagination .pagination>li>a {
  border-width: 0;
  border-radius: 40px!important;
  text-align: center;
  padding: 0;
  margin: 0 6px;
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  color: #6495ed;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  background: 0 0;
}

.email-list #emailFooter #emailsPagination .pagination>li>a:hover {
  z-index: 2;
  color: #0a6ebd;
  background-color: #eee;
  border-color: #ddd;
}

.email-list #emailFooter #emailsPagination .pagination>li>.active>span {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}

.email-list #emailFooter #emailsPagination .pagination>li>.active>span:hover {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}

.email-list #emailFooter #emailsPagination .pagination>li>.active>span:focus {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}

.email-list #emailFooter #emailsPagination .pagination>li>.active>a {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}

.email-list #emailFooter #emailsPagination .pagination>li>.active>a:hover {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}

.email-list #emailFooter #emailsPagination .pagination>li>.active>a:focus {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}

@keyframes expandStack {
  0% {
    margin-left: 0;
  }

  100% {
    margin-left: -50px;
  }
}

@keyframes collapseStack {
  0% {
    margin-left: -50px;
  }

  100% {
    margin-left: 0;
  }
}

@media (max-width:767px) {
  .email-list #emailsGrid .table-responsive {
    margin: 0;
    overflow: auto;
    border: 0;
  }
}

@media (max-width:576px) {
  .email-list #emailsGrid .table-responsive {
    height: calc(100vh - 295px);
  }
}
.timeline {
  list-style: none;
  padding: 0;
  padding-top: 28px;
  position: relative;
}

.timeline timeline-state:last-of-type>li {
  min-height: 0;
}

.timeline timeline-state>li {
  margin-bottom: 20px;
  position: relative;
  min-height: 125px;
}

ul.timeline::before {
  top: 50px;
  bottom: 30px;
  position: absolute;
  content: " ";
  width: 2px;
  background-color: #eee;
  left: 11px;
}

timeline-state>li::after {
  clear: both;
  content: " ";
  display: table;
}

timeline-state>li::before {
  content: " ";
  display: table;
}

timeline-state>li>.timeline-details {
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 5px 10px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.175);
  box-shadow: 0 1px 6px rgba(0,0,0,.175);
  width: calc(100% - 50px);
  float: right;
  animation: contractTimeline .25s ease-in-out 1;
  height: 100%;
}

timeline-state>li>.timeline-details::before {
  position: absolute;
  top: 9px;
  right: auto;
  left: -12px;
  display: inline-block;
  border-top: 11px solid transparent;
  border-left: 0 solid #ccc;
  border-right: 11px solid #ccc;
  border-bottom: 11px solid transparent;
  content: " ";
}

timeline-state>li>.timeline-details::after {
  position: absolute;
  top: 10px;
  right: auto;
  left: -10px;
  display: inline-block;
  border-top: 10px solid transparent;
  border-left: 0 solid #fff;
  border-right: 10px solid #fff;
  border-bottom: 10px solid transparent;
  content: " ";
}

timeline-state>li>.timeline-details.show-details {
  z-index: 12;
  background: #f5f5f5;
  height: calc(100% + 150px);
  width: calc(100% - 20px);
  position: absolute;
  margin-left: 20px;
  animation: expandTimeline .25s ease-in-out 1;
}

timeline-state>li>.timeline-details.show-details .timeline-body {
  overflow-y: auto;
  height: 85%;
}

@keyframes expandTimeline {
  from {
    height: 100%;
    width: 90%;
    background-color: transparent;
    margin-left: 50px;
  }

  to {
    background-color: #f5f5f5;
    height: calc(100% + 150px);
    width: calc(100% - 20px);
    z-index: 12;
    margin-left: 20px;
  }
}

@keyframes contractTimeline {
  from {
    background-color: #f5f5f5;
    height: calc(100% + 150px);
    width: calc(100% - 20px);
    z-index: 12;
    margin-left: 20px;
  }

  to {
    height: 100%;
    width: calc(100% - 50px);
    background-color: transparent;
    margin-left: 50px;
  }
}

.timeline-state .fa-pencil-square-o {
  padding-left: 4px;
  line-height: .6;
}

.timeline-state .fa-times {
  line-height: 0;
}

.timeline-state .fa-clock-o {
  line-height: .2;
}

.timeline-state .mdi {
  line-height: 1.3;
}

.timeline-state .mdi-block-helper {
  line-height: 1.45;
  padding-left: .5px;
}

.timeline-state .mdi.mdi-block-helper::before {
  font-size: 30px;
  margin-top: 1px;
}

li>.timeline-state {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: absolute;
  left: -12.5px;
  margin-left: 0;
  background-color: #fff;
  border: 2px solid #d3d3d3;
  z-index: 10;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  font-size: 25px;
}

.show-details-icon {
  cursor: pointer;
  bottom: -5px;
  left: calc(50% - 14.97px);
  position: absolute;
  background-color: #fff;
}

.timeline-heading {
  font-size: 15px;
  font-weight: 500;
  color: gray;
}

.timeline-heading>i {
  font-size: 12px;
  margin-left: 2px;
}

.timeline-body {
  font-size: 11px;
}

.timeline-body span {
  display: block;
}

.timeline-body li {
  margin-left: -25px;
  word-wrap: break-word;
}

.timeline-body li span {
  display: inline-block;
}

.timeline-body li b {
  cursor: default;
}

.timeline-body .link {
  text-decoration: underline;
  color: #666;
  cursor: pointer;
}

#timelineSection .faded-background {
  top: 4%;
  left: -5px;
  z-index: 1000;
}
.email-textbox {
  width: auto;
  margin-bottom: 10px;
  min-width: 200px;
  overflow: hidden;
}

.email-textbox input {
  border: 0!important;
  box-shadow: none!important;
  outline: 0!important;
  width: 100%;
}

.recipient-container {
  display: inline-table;
  margin-bottom: 2px;
  padding-right: 80px!important;
  padding-left: 20px!important;
  font-size: 14px!important;
}

.recipient-container.active {
  -webkit-box-shadow: inset 0 -2px 0 #2196f3;
  box-shadow: inset 0 -2px 0 #2196f3;
}

.recipient-container.active~.floating-label {
  color: #2196f3;
}

.recipient-box {
  position: relative;
  max-width: 500px;
  height: 25px;
  padding: 0 13px;
  padding-right: 35px;
  background-color: rgba(0,0,0,.69);
  color: #fff;
  margin-left: 5px;
  margin-bottom: 10px;
  display: inline-block;
  float: left;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recipient-box.invalid {
  background-color: transparent;
  color: #000;
}

.recipient-box.invalid span {
  border-bottom: 2px dotted #e51c23;
}

.recipient-container .recipient-box .remove-btn {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 40px;
  padding: 0 8px;
  cursor: pointer;
}

.recipient-container .recipient-box .remove-btn:hover {
  background-color: #c75353;
}

.recipient-container .recipient-box.invalid .remove-btn:hover {
  background-color: transparent;
  color: #e51c23;
}
.error-page-image-container {
  text-align: center;
}

.error-page-image {
  width: 100%;
  margin-top: 4vw;
  max-width: 700px;
}

#errorPageTextContainer {
  text-align: center;
  margin-top: 50px;
}

#errorPageCode {
  font-size: 6em;
  display: block;
  padding-bottom: 0;
  line-height: 1;
}

#errorPageText {
  font-size: 2.3em;
  color: #a9a9a9;
}

#errorPageButton span {
  display: block;
  margin-top: -9px;
  font-weight: 100;
}
.filter-textbox {
  width: 300px;
  margin-left: 5px;
  font-size: 10pt!important;
}

.input-group-btn select {
  min-width: 100px!important;
  font-size: 10pt!important;
  padding: 5px 2px;
}

.input-group-btn select option {
  border-radius: 3px;
}

.input-group-btn:last-child>.form-control {
  margin-left: -1px;
  width: auto;
}

.filter-button {
  font-size: 8pt;
  margin: 0 10px;
}
#prompt-box {
  margin: 10px;
  height: 160px;
}

.prompt-header {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin: -10px -10px 10px -10px;
  height: 35px;
  background-color: #2196f3;
  color: #fff;
  padding-left: 10px;
  font-size: 18px;
}

.prompt-body {
  font-size: 15px;
}

.prompt-body .question {
  font-weight: 500;
}

.prompt-footer {
  bottom: 10px;
  right: 10px;
  position: absolute;
}

.prompt-footer .btn {
  margin-left: 3px;
}
#searchControl {
  -webkit-appearance: none;
  -webkit-box-shadow: inset 0 -1px 0 #ddd;
  box-shadow: inset 0 -1px 0 #ddd;
}

#searchControl.focused {
  webkit-box-shadow: inset 0 -2px 0 #2196f3;
  box-shadow: inset 0 -2px 0 #2196f3;
}

#searchControl .form-control[type=text] {
  padding-left: 2px;
  width: 400px;
  -webkit-appearance: none;
  box-shadow: none;
}

#searchControl .form-control[type=text]::-ms-clear {
  display: none;
}

#searchControl.focused .form-control[type=text]::-webkit-input-placeholder {
  color: gray;
}

#searchControl.focused .form-control[type=text]:-moz-placeholder {
  color: gray;
}

#searchControl.focused .form-control[type=text]::-moz-placeholder {
  color: gray;
}

#searchControl.focused .form-control[type=text]:-ms-input-placeholder {
  color: gray;
}

#searchControl .input-group-btn .btn {
  margin-bottom: -2px;
  margin-right: 5px;
  padding: 0;
  outline: 0;
  -webkit-appearance: none;
  box-shadow: none;
  color: #d3d3d3;
  background-color: transparent;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  font-size: 16px;
}

#searchControl .input-group-btn .btn:after {
  border-radius: 50px;
}

#searchControl .input-group-btn .btn.disabled,
#searchControl .input-group-btn .btn[disabled] {
  visibility: hidden;
}

#searchControl .input-group-btn .btn.primary-btn {
  visibility: visible;
}

#searchControl .input-group-btn .btn:hover {
  background-color: #dcdada;
  -webkit-appearance: none;
  box-shadow: none;
  color: gray;
}

#searchControl .input-group-btn .btn[disabled]:hover {
  background-color: transparent;
}

#searchControl.focused .input-group-btn .btn {
  color: gray;
}

.error-tooltip.tooltip.top .tooltip-inner {
  background-color: #e51c23;
  font-size: 13px;
}

.error-tooltip.tooltip.top .tooltip-arrow {
  border-top-color: #e51c23;
}
.attachment-box {
  margin: 25px 0;
  border: 1px solid #e4e5e7;
  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.4);
  box-shadow: 1px 1px 4px rgba(0,0,0,.4);
}

.attachment-size {
  display: block;
  font-size: 88%;
  height: 21px;
}

.attachment-box .attachment-box-body {
  background-color: #fff;
  border-radius: 2px;
  position: relative;
  padding: 25px 0;
  padding-bottom: 10px;
  text-align: center;
}

.attachment-box .attachment-box-footer {
  font-size: 90%;
  font-weight: 500;
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
}

.attachment-box .attachment-box-footer:hover {
  cursor: pointer;
  background-color: #e4e4e4;
}

.attachment-box .attachment-box-footer.upload-box:hover {
  cursor: default;
}

.attachment-box .fa {
  font-size: 56px;
  color: #87ceeb;
}

.deleted {
  opacity: .55;
}

.deleted .attachment-box-body .fa {
  color: #e51c23;
}

#attachmentCloseButton {
  position: absolute;
  right: 10px;
  top: 15px;
  z-index: 10;
  background-color: #fff;
  border-radius: 50%;
  height: 25px;
  cursor: pointer;
}

#attachmentCloseButton .fa {
  color: gray;
  font-size: 26px;
}