.combo-search-match {
    font-weight: bold;
    background-color: #FAFAB1;
}

.iconLogo {
    background-image: url(./ubimages/UBLogo16.png) ! important;
}

.iconUp {
    background-image: url(./ubimages/arrow_up.png) ! important;
}

.iconDown {
    background-image: url(./ubimages/arrow_down.png) ! important;
}

.x-grid-row-summary .x-grid-cell-inner {
    font-weight: bold;
    font-size: 11px;
    border-width: 1px 0 0 0;
    border-color: #a6a6a6;
    background-color: #ffffff !important;
}

.x-grid-cell-summary {
    border-width: 1px 1px 0 0;
    border-color: #a6a6a6 #eaeaea !important;
    background-color: #ffffff !important;
}

/* + styles for designer form  */
.selectedElementParent *, .selectedElementParent {
    background: #ccf;
}

.selectedElement *, .selectedElement {
    background: #ffc;
}

/* - styles for designer form  */

.ub-btn-ftr {
    background: #F5D1B8;
    color: #000000;
}

.ub-btn-ftr-disabled {
    background: #CCB09D;
    color: #000000;
}

.ub-date-input {
    width: 105px;
}


.icon-undo {
    background-image: url(./ubimages/undo.png) ! important;
}

.icon-redo {
    background-image: url(./ubimages/redo.png) ! important;
}

.icon-zoom-in {
    background-image: url(./ubimages/zoom_in.png) ! important;
}

.icon-zoom-out {
    background-image: url(./ubimages/zoom_out.png) ! important;
}

.icon-view11 {
    background-image: url(./ubimages/view_1_1.png) ! important;
}

.icon-printer {
    background-image: url(./ubimages/printer.png) ! important;
}

.icon-print {
    background-image: url(./ubimages/print.png) ! important;
}


.iconUser {
    background-image: url(./ubimages/user.ico) ! important;
}

.icon-user {
    background-image: url(./ubimages/user_gray.png) ! important;
}

.iconTools {
    background-image: url(./ubimages/wrench.png) ! important;
}

.iconLogout {
    background-image: url(./ubimages/door_in.png) ! important;
}

.iconSave {
    /* background-image: url(./ubimages/save.gif) ! important; */
    background-image: url(./ubimages/save.png) ! important;
}

.iconSaveAndClose {
    background-image: url(./ubimages/saveAndClose.png) ! important;
}

.iconAdd {
    background-image: url(./ubimages/add.png) ! important;
}

.iconAddByCurrent {
    background-image: url(./ubimages/addByCurrent.png) ! important;
}

.icon-yellow-bookmark {
    background-image: url(./ubimages/yellow_bookmark.png) ! important;
}

.icon-yellow-bookmark {
    background-image: url(./ubimages/yellow_bookmark.png) ! important;
}

.iconDelete {
    background-image: url(./ubimages/delete.png) ! important;
}

.iconFind {
    background-image: url(./ubimages/find.png) ! important;
}

.iconClear {
    background-image: url(./ubimages/clear.png) ! important;
}

.icon-list {
    background-image: url(./ubimages/List.png) ! important;
}

.iconStores {
    background-image: url(./ubimages/database_gear.png) ! important;
}

.iconData {
    background-image: url(./ubimages/data.ico) ! important;
}

.iconUI {
    background-image: url(./ubimages/ui.ico) ! important;
}

.iconAdvanced {
    background-image: url(./ubimages/advanced.ico) ! important;
}

.iconNewVersion {
    background-image: url(./ubimages/newversion.ico) ! important;
}

.iconRefresh {
    /* background-image: url(./ubimages/refresh.gif) ! important; */
    background-image: url(./ubimages/table_refresh.png) ! important;
}

.iconHistory {
    background-image: url(./ubimages/history.ico) ! important;
}

.iconLink {
    background-image: url(./ubimages/link.ico) ! important;
}

.iconDetail {
    background-image: url(./ubimages/detail.ico) ! important;
}

.iconForm {
    background-image: url(./ubimages/form.ico) ! important;
}

.iconScanner {
    background-image: url(./ubimages/scanner.ico) ! important;
}

.iconBarCode {
    background-image: url(./ubimages/barcode.ico) ! important;
}

.iconAttach {
    background-image: url(./ubimages/attach.png) ! important;
}

.iconVersions {
    background-image: url(./ubimages/oldVersions.png) ! important;
}

.iconPrint {
    background-image: url(./ubimages/print.png) ! important;
}

.iconDeleteAttach {
    background-image: url(./ubimages/deleteattach.png) ! important;
}

.iconDocument {
    background-image: url(./ubimages/Text.png) ! important;
}

.iconUsers {
    background-image: url(./ubimages/users.ico) ! important;
}

.iconEdit {
    background-image: url(./ubimages/application_form_edit.png) ! important;
}

.iconOk {
    background-image: url(./ubimages/tick.png) ! important;
}

.iconExportXls {
    background-image: url(./ubimages/excel.png) ! important;
}

.iconPdf {
    background-image: url(./ubimages/icon-pdf.png) ! important;
}

.iconPrinter {
    background-image: url(./ubimages/printer.png) ! important;
}

.icon-computer-key {
    background-image: url(./ubimages/computer_key.png) ! important;
}

.icon-tick {
    background-image: url(./ubimages/tick.png) ! important;
}

.icon-cross {
    background-image: url(./ubimages/cross.png) ! important;
}

.iconDownload {
    background-image: url(./ubimages/download.png) ! important;
}

.iconSignature {
    background-image: url(./ubimages/signature.png) ! important;
}

.iconSend {
    background-image: url(./ubimages/send.png) ! important;
}

.iconImport {
    background-image: url(./ubimages/import.png) ! important;
}

.iconView {
    background-image: url(./ubimages/view_1_1.png) ! important;
}

.iconApprove {
    background-image: url(./ubimages/ok.png) ! important;
}

.iconReject {
    background-image: url(./ubimages/reject.png) ! important;
}

.iconRun {
    background-image: url(./ubimages/run.png) ! important;
}

.iconDoc {
    background-image: url(./ubimages/doc.png) ! important;
}

.applicationName {
    font-weight: bold ! important;
}

.activeWindow .x-btn-inner {
    color: #205081 ! important;
}

.emptyDocument {
    color: blue;
}

div.CodeMirror span.CodeMirror-matchingbracket {
    color: black !important;
    background-color: #2f2;
    font-weight: bold;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #f22 !important;
    font-weight: bold;
}

.CodeMirror-completions {
    z-index: 100000;
}

.docItemNumber {
    font-weight: bold;
}

.docItemResponsExecutorLabel {
    font-weight: bold;
}

.multiline-content {
    white-space: normal;
}

.ub-buttondown {
    background-color: #deecfd;
}

.ub-icon-table-edit {
    background-image: url(./ubimages/application_form_edit.png) ! important;
}

.ub-icon-table {
    background-image: url(./ubimages/table.png) !important;
}

.ub-tree-node {
    border: 1px solid #999;
    border-radius: 3px;
    padding: 3px 10px 5px 10px;
    margin: 3px 0 0 0;

    clear: right;
    white-space: normal;
}

.ub-tree-node legend {
    padding: 0 3px;
    padding-bottom: 0 !important;
}

.ub-tree-node .ub-tree-node-title-withicon {
    padding: 0 3px 0 20px;
}

.ub-tree-node-icon {
    position: absolute;
    width: 16px !important;
    height: 16px !important;
}

.ub-tree .x-tree-view .x-grid-cell-inner img {
    float: left !important;
}

.ub-tree .x-tree-view .x-grid-row-selected .x-grid-cell, .ub-tree .x-grid-row-focused .x-grid-td {
    background: none !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

/*.ub-tree .x-tree-view .x-grid-row-over .x-grid-cell {*/
    /*background: none !important;*/
    /*border-color: transparent !important;*/
/*}*/


/*.ub-tree .x-tree-view .x-grid-row-over .x-grid-cell .ub-tree-node {*/
    /*background-color: #dfe8f6 !important;*/
/*}*/


.ub-tree .x-tree-view .x-grid-row-selected .x-grid-cell .ub-tree-node, .ub-tree .x-grid-row-focused .x-grid-cell .ub-tree-node {
    background: #dfe8f6 none !important;
}

/*
.ub-tree .x-tree-view .x-grid-row-selected:hover .x-grid-cell .ub-tree-node {
    background-color: #dfe8f6 !important;
}
*/

.ub-tree .ub-tree-node p {
    margin-top: 2px;
    margin-bottom: 2px;
}

.ub-person:hover {
    text-shadow: 1px 1px 1px grey;
}

.ub-person-approved {
    color: #009b0f;
}

.ub-person-rejected {
    color: #b63124;
}

.ub-tree .x-tree-elbow-line {
    min-height: 100% !important;
    width: 16px;
    background-repeat: repeat-y !important;
}

.ux-notification-window {
    border: 1px solid #ff4500;
}

.ux-notification-window .x-window-body {
    text-align: center;
    padding: 15px 5px 15px 5px;
    width: 200px;
}

.ux-notification-icon-information {
    background-image: url('./ubimages/icon16_info.png');
}

.ux-notification-icon-error {
    background-image: url('./ubimages/icon16_error.png');
}

.ux-notification-light .x-window-header {
    background-color: transparent;
}

.ux-notification-light {
    background-image: url('./ubimages/fader.png');
    border: 1px solid #ff4500 !important;

}

.ux-notification-light .x-window-body {
    text-align: center;
    padding: 15px 5px 18px 5px;
    width: 200px;
    background-color: transparent;
    border: 0 solid #ffffff;
}

.x-pass-strength-1 .x-form-field {
    border-bottom: 3px solid #FF0033;
}

.x-pass-strength-2 .x-form-field {
    border-bottom: 3px solid #ff6347;
}

.x-pass-strength-3 .x-form-field {
    border-bottom: 3px solid #FF9933;
}

.x-pass-strength-4 .x-form-field {
    border-bottom: 3px solid #FFCC33;
}

.x-pass-strength-5 .x-form-field {
    border-bottom: 3px solid #009933;
}

.ub-tree .x-tree-view {
    background-color: #fff;
}

.ub-notification {
    padding: 20px 5px 20px 25px;
    top: 0 !important;
    background-color: rgba(253, 245, 161, 0.76);
    width: 100%;
}

.ub-notification .x-panel-body {
    background: transparent;
    border: none;
    text-shadow: 0 1px 0 #ccc;
    width: 100% !important;
}

.ub-notification .close-wrap {
    background: none repeat scroll 0 0 #000000;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 2px #111111;
    margin: 0 0 0 10px;
    opacity: 0.6;
    padding: 5px;
    float: right;
    visibility: hidden;
}

.ub-notification:hover .close-wrap {
    visibility: visible;
}

.ub-notification .close {
    background: url("data:image/gif;base64,R0lGODlhBwAHAIABAP///////yH5BAEAAAEALAAAAAAHAAcAAAIMBIKmsWrIXnLxuDMLADs=") no-repeat scroll 0 0 transparent;
    display: block;
    height: 7px;
    opacity: 0.6;
    width: 7px;
}

.ub-login-btn .x-btn-inner {
    font-size: 18px;
}

.ub-login-label {
    color: #1584c9;
}

.ub-login-input input {
    padding: 3px 5px 3px 8px !important;
    height: auto;
   /*
    border-left-style: none;
    border-top-style: none;
    border-right-style: none;
    */
}

.x-window.ub-login-window {
    border-radius: 20px;
}

.ub-login-window h2 {
    text-align: center;
    color: #0d47a1;
    margin-bottom: 1.5em;
}


.ub-login-window .logo-bottom {
    position: absolute;
    z-index: 5000;
    bottom: 0;
    left: 50%;
    width: 99px;
    height: 98px;
    margin-bottom: -49px; /* Half the height */
    margin-left: -49px; /* Half the width */
}

.ub-login-window .logo-top {
    text-align: center;
}

.ub-login-window .logo-top img{
    max-width: 450px;
    max-height: 5rem;
    margin-top: 20px;
}

.ub-login-window .x-tab-bar-default,
.ub-login-window .x-tab-default-top,
.ub-login-window .x-tab-default-top-active,
.ub-login-window .x-tab-bar-strip-default,
.ub-login-window .x-tab-bar-body,
.ub-login-window .x-toolbar-footer{
    background-color: white; !important;
}

.x-tab-default-top {
 border-bottom: 0 solid white;
 background-color: white;
}
.x-tab-default-top-over {
  background-color: #e0e4e4;
}

.x-tab-default-top-active {
    /* active elm color = Acent pink200*/
    /*border-bottom: 3px solid #41b772;*/
    background-color: hsl(var(--hs-primary), var(--l-background-active));
}

.x-tab-default .x-tab-close-btn {
    opacity: 0.5;
}

.x-tab-default .x-tab-close-btn:not(.x-boxselect-item-close) {
    top: 8px;
    right: 4px;
}

.x-tab-default-active  .x-tab-close-btn {
    opacity: 1;
}

.x-tab-bar-body {
  background-color: white;
}

.ub-login-window .x-window-body-default{
    background-color: white; !important;
}

.ub-find-icon {
    background-image: url(./ubimages/find.png) !important;
}

.ub-error-window .x-grid-cell {
    padding: 10px 5px 10px 5px;
}

.ub-error-window .x-grid-cell-inner {
    white-space: normal !important;
}

.ub-multi-filter .x-form-trigger {
    height: 22px !important;
}

.ub-multi-filter .x-form-field {
    margin-right: 0 !important;
}

.ub-combo-picker .x-grid-cell-inner {
    white-space: normal !important; /* changed from nowrap */
}

.ub-rem-filter {
    visibility: hidden;
}

.x-btn:hover .ub-rem-filter {
    visibility: visible;
}

/* + for boxaelect */
.ub-box-select .x-form-trigger {
    background-image: url(./images/form/trigger.png) !important;
    border: none;
    width: 16px !important;
}

.ub-box-select .x-trigger-cell {
    border: 0 solid #b5b8c8;
    border-left-style: none;
}

.data-partial-loaded {
    padding: 10px 0 10px 25px;
    margin: 0 auto;

    background-color: #dff0d8;
    color: #468847;
}

.ub-grid-info-panel {
    background: rgba(253, 250, 230, 1) none !important;
    border-color: #e8e5d3;
    padding: 0 4px;
}

.icon-help {

    background-image: url(./ubimages/help.png) !important;
}

.mx-graph-editor .graph-editor-holder {
    width: 100% !important;
    height: 100% !important;
}

.mx-graph-editor .mx-graph-toolbar .x-panel-body, .mx-graph-editor .mx-graph-toolbar .x-panel-body > div {
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */

    /* No support for these yet, use at own risk */
    user-select: none;
}

.ub-row-red .x-grid-cell:first-child .x-grid-cell-inner {
    /*background-color: #FA5858;    */
    border-left: 5px #c72b26 solid;
}

.ub-row-yellow .x-grid-cell:first-child .x-grid-cell-inner {
    /*background-color: #F2F5A9;    */
    border-left: 5px #ffd000 solid;
}

.ub-row-green .x-grid-cell:first-child .x-grid-cell-inner {
    /* background-color: #81F781;      */
    border-left: 5px #5ed156 solid;
}

.ub-row-lightgrey .x-grid-cell:first-child .x-grid-cell-inner {
    /*background-color: #d3d3d3;    */
    border-left: 5px #d3d3d3 solid;
}

.ub-row-grey .x-grid-cell:first-child .x-grid-cell-inner {
    /*background-color: #808080;    */
    border-left: 5px #808080 solid;
}

.ub-row-darkgrey .x-grid-cell:first-child .x-grid-cell-inner {
    /* background-color: #a9a9a9;   */
    border-left: 5px #a9a9a9 solid;
}

.x-panel-ghost {
    z-index: 1;
}

.x-dashboard-body {
    padding: 0 0 0 8px;
}

.x-dashboard .x-dashboard-column {
    /* columns must have vertical padding to avoid losing dimensions when empty */
    padding: 8px 8px 0 0;
}

.x-dashboard .x-panel-dd-spacer {
    border: 2px dashed #99bbe8;
    background: #f6f6f6;
    border-radius: 4px;
    margin-bottom: 10px;
}

.x-portlet {
    margin-bottom: 10px;
    padding: 1px;
}

.x-portlet .x-panel-body {
    background: #fff;
}

.portlet-content {
    padding: 10px;
    font-size: 11px;
}

#app-options .portlet-content {
    padding: 5px;
    font-size: 12px;
}

.ux-desktop-shortcut {
    cursor: pointer;
    text-align: center;
    float: left;
    padding: 8px;
    margin: 8px;
    width: 64px;
}

.ux-desktop-shortcut-icon {
    width: 48px;
    height: 48px;
    background: transparent no-repeat;
}

.ux-desktop-shortcut-text {
    font: normal 10px tahoma, arial, verdana, sans-serif;
    text-decoration: none;
    padding-top: 5px;
    color: black;
}

.ub-view-marked-field-label {
    color: #f00;
    font-weight: bold;
}

#ubCenterViewport .x-tab-bar-strip-default {
    background-color: white;
}

#ubCenterViewport .x-tab-bar-default {
    background-color: white;
}

#ubCenterViewport .x-tab-bar-body {
    background-color: white;
}

.x-tab-bar-body-default-top {
  padding-bottom: 0;
}

.ub-header-menu-item {
    /* color: rgba(255, 255, 255, 0.87); */
    /* background-color: #303540; */
}

.ub-header-menu-item .x-btn-default-toolbar-small {
    /* background-color: #303540; */ /* #3e6a8e;  #2a4860; */
    color: #424242;
    border: none #303540; /* #3e6a8e; #294861; */
}

.ub-header-menu-item .x-btn-default-toolbar-small .x-btn-inner {
    font-weight: bold;
}

.ub-header-menu-item .ub-label {
  color: #2f7c94;
}

.ub-menu-button {
    border-color: #7076b2;
    color: #ffffff !important;
}

.ub-menu-button .x-btn-glyph {
    /* color: #ffffff !important; */
    font-size: 20px;
    padding: 1px;
}

.ub-search-glyph {
    font-family: FontAwesome;
    content: "\f002";
}

.x-btn-default-toolbar-large .ub-menu-button {
    padding: 1px;
}

/*--------------------------*/

/*x-tree-elbow-plus*/
.no_expand_icon .x-tree-expander {
    display: none !important;
}

.no_expand_icon .x-tree-elbow-line {
    width: 0;
}

.no_expand_icon .x-tree-elbow-empty {
    width: 0;
}

/* LEFT menu*/

.leftMenu {
    color: #e8e8e8;
}

.leftMenu .x-panel-body {
    background-color: #2f4050;
}

.leftMenu .x-grid-data-row {
    background-color: #2f4050;
}

.leftMenu .x-panel-header-default {
    background-color: #2f4050;
    background-image: none !important;
}

.leftMenu .ub_tree_text {
    color: #a7b1c2;
    font-weight: bold;
}

.leftMenu .x-grid-tree-node-expanded .ub_tree_text{
    color: #fcfcfc;
}

.leftMenu .x-grid-tree-node-expanded {
    background-color: #42b773;
}

.leftMenu .x-grid-row-over .x-grid-tree-node-expanded .x-grid-td {
    background-color: #42b773;
}

.leftMenu .x-grid-row-over .x-grid-td {
    background-color: #42b773;
}

.leftMenu .x-grid-tree-node-expanded .ub_navpnl_item_l1{
    background-color: #42b773;
}

/*.leftMenu .x-grid-tree-node-expanded .ub_navpnl_item_l1 .x-grid-td {*/
    /*background-color: #42b773;*/
/*}*/

.leftMenu .x-grid-row-selected .ub_tree_line {
    background-color: #293846;
}

.leftMenu .ub_tree_line {
    background-color: #293846;
}

.leftMenu .x-grid-row-selected,
.leftMenu .ub_navpnl_item_l2,
.leftMenu .ub_navpnl_item_l3 {
    background-color: #42b773;
}

/*--------------------------*/

/* tree_wrap should be set as the cls for your TreePanel, under Ext.AbstractComponent
  However, this will place tree-wrap several div's up the heirarchy from the actual
  element you are targeting. So, x-grid-cell-inner is used with a descendent selector
  to be more precise. Hopefully, the combination will avoid applying the styles to
  anything unintended.

  Only the height and white-space are actually needed. The other lines make it pretty.
*/
/*
div[class~="tree_wrap"] div[class~="x-grid-cell-inner"]
{
    height:    auto   !important;
    white-space:  normal  !important;
    text-indent: -3.3em  !important;
    padding-left: 3.3em   !important;
    padding-right: 1em  !important;
}
*/
/*
.ub_navpnl_item {
    border-bottom-color: rgba(92, 128, 184, 0.42);
    background-color: #F2EFFB;
    padding-top: 5px;
    padding-bottom:5px;
}
*/

.ub_navpnl_item {
    border-bottom-color: rgba(92, 128, 184, 0.42);
    background-color: #2f4050;
}

.ub_navpnl_item:hover {
    text-decoration: none !important;
    color: #fcfcfc;
}

.ub_tree_depth_0 {
    color: #7b8f98;
    background-color: #2f4050;
}

.ub_tree_depth_1 {
    color: #7b8f98;
    background-color: #2f4050;
}

.ub_tree_depth_2 {
    color: #7b8f98;
    background-color: #293846;
}

.ub_tree_depth_3 {
    color: #7b8f98;
    background-color: #293846;
}

/*.x-grid-row-over .ub_navpnl_item {*/
    /*background-color: #2f4050;*/
/*}*/


/*.x-grid-row-selected .ub_navpnl_item,*/
/*.x-grid-row-selected .x-grid-row-over .ub_navpnl_item{*/
    /*background-color: #42b773;*/
/*}*/

.x-grid-row-selected .ub_tree_depth_1{
    color: #fcfcfc;
    background-color: #293846;
}

.x-grid-row-selected .ub_tree_depth_2{
    color: #fcfcfc;
    background-color: #293846;
}

.x-grid-row-selected .ub_tree_depth_3{
    color: #fcfcfc;
    background-color: #293846;
}


.x-grid-row-over .x-grid-td .ub_tree_depth {
    /*background-color: #1f232b;*/
    color: #ffffff;
}



.ub_tree_depth {
    text-decoration: none;
}

/*.x-grid-row-selected .x-grid-td .ub_tree_depth {*/
    /*color: #a7b1c2;*/
/*}*/

.ub_tree_text_group {
    font-weight: bold;
}

.ub_tree_icon,
.ub_tree_text,
.ub_tree_group {
    display: table-cell;
    margin-top: 3px;
    margin-bottom: 3px;
}

.ub_tree_icon,
.ub_tree_text {
    padding: 9px 0;
    vertical-align: middle;
    color: #ffffff;
}

.ub_tree_icon {
    padding-right: 6px;
    padding-left: 6px;
}

.ub_tree_icon,
.ub_tree_group {
    font-size: 18px;
}

.ub_tree_group {
    padding: 9px 8px 9px 4px;
    margin: 0 4px;
}

.ub_tree_text {
    width: 100%;
    padding-left: 3px;
}

.ub_tree_line,
.ub_tree_line_visible {
    display: table-cell;
    padding-left: 15px; /* ширина линии*/
    background-color: #3c404b;
}

.ub_tree_line1 {
    height: 100%;
    padding-left: 6px;
    border-left: 2px solid #3c404b;
}

.x-grid-row-selected .ub_tree_line1{
    border-left: 2px solid #21252c;
    background-color: #21252c;
}

.x-grid-row-selected .ub_tree_line{
    border-left: 2px solid #21252c;
    background-color: #21252c;
}

.ub_tree_inner-col {
    padding: 0 0 0 4px;
    margin: 0;
    border: 0;
    height: 100%;
    width: 100%;
    white-space: normal !important;
}

.ub-desktop-button {
    height: 3rem;
    background-color: #2f4050;
    border-width: 0;
    border-radius: 0;
}

/*.ub-desktop-button .x-focus {*/
    /*background-color: #DADADA;*/
/*}*/
.ub-desktop-button .x-btn-button {
    overflow: inherit;
}

.ub-desktop-button .x-btn-inner {
    white-space: pre-wrap;
}

.ub-desktop-button .x-btn-inner {
    color: #ffffff;
}

.ub-desktop-button-image {
    background-image: url(images/toolbar/more.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat;
}

.ub-left-panel {
    /* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); */
    z-index: 6;
}

.ub-left-panel .x-panel-header-default {
    background-image: none !important;
    background-color: #92a8d4;
}

.ub_combo-bound-toolbar {
    padding: 0;
}

.x-boundlist-item-over {
    background-color: #dae1ff !important;;
}

.x-btn-default-toolbar-small .x-btn-glyph {
    font-size: 16px;
    line-height: 16px;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
}

.ub-overflow-elips {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ub-overflow-button {
    background-color: transparent !important;
    border-width: 0;
    margin: 0 4px 0 4px;
}

/* + error win */
.ub-mask {
    opacity: 0.4;
    background: black;
    cursor: default;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
}

.ub-error-win {
    position: absolute;
    font-size: 14px;
    z-index: 1000001;
    display: block;
    box-shadow: rgb(17, 28, 98) 0 0 19px;
    border-radius: 10px;
    border-width: 5px;
}

.ub-error-win td {
    border-width: 0;
    padding: 0;
}

.ub-error-win-inner {
    padding: 0 0 0 0;
    /*border: 4px solid #a4c2ff;*/
    /*#a4c2ff*/;
    background-color: white;
    border-radius: 10px;
}

.ub-error-win-header {
    padding: 7px 5px;
    font-weight: bold;
    min-height: 10px;

    margin-left: 20px;
    margin-right: 20px;
    margin-top: 6px;
    border-bottom: 1px solid;
    color: #3f51b5;
}

.ub-error-win-btn {
    min-width: 100px;
    padding: 6px 3px;
    border-width: 0;
    background-color: white;
    color: black;
    font-weight: bold;
    font-size: 14px;
    border-radius: 3px;
    cursor: pointer;
    text-transform: uppercase;
}

.ub-error-win-btn:hover {
    background-color: #E4E4E4; /* #8ba2ff */
}

.ub-error-win-detail-btn {
    background-color: #ffffff;
    border: 1px solid #000000;
    border-radius: 3px;
    padding: 5px 10px;
    z-index: 1000003;
    cursor: pointer;
}

.ub-error-win-footer {
    padding: 6px 6px;
    text-align: center;
}

.ub-error-win-content {
    font-size: 13px;
}

.ub-error-win-contentT {
    vertical-align: top;
    overflow-y: auto;
    padding-left: 15px;
}

.ub-error-win-c-item {
    padding: 3px 3px;
}

.ub-error-win-c-item:hover {
    border-color: #896ed4;
}

.ub-error-win-c-detail {
    padding: 5px 0;
    background-color: #eaedf6;
}

/* - error win */

.x-modal-mask {
    opacity: 0.4;
    background: black;
    cursor: default;
}

/* UB drop zone */
.ub-dz-body {
    border-radius: 0;
    padding: 0;
    border-style: none;
    position: absolute;
    width: 100%;
    top: 50%;
    z-index: 1000001; /* on the top of mask */
    text-align: center;
}

.ub-dz-placeholder {
    border: 1em solid;
    background-color: #205081;
    padding: 3em;
    color: white;
    display: inline-block;
}

.ub-dz-placeholder-accept {
    box-shadow: inset 0 0 90px rgba(225, 225, 225, 2);
}

.ub-combo-deleted {
    text-decoration: line-through;
}

.tinyToolBarPnl {
    background-color: #dad3d0;
}

.html-editor-frame {
    height: 100%;
    width: 100%;
    display: block;
    border: 1px solid #9e9e9e;
    overflow: auto;
}

.html-editor-content {
    display: block;
    background-color: #ffffff;
    height: 100%;
}

.mce-i-row-template-icon {
    background-image: url(./ubimages/Template.png) !important;
    background-size: 25px !important;
}

.ub-panel-gray {
    background-color: darkgray;
}

.x-form-trigger-wrap .x-form-textarea {
    height: 100% !important;
    width: 100% !important;
}

.ub-textarea-wrap {
    width: 100% !important;
}

.ub-multilang-trigger {
    background-image: url('./ubimages/globe.svg');
    background-repeat: no-repeat;
    background-size: 18px;
    opacity: 0.7;
    background-position: 0 2px;
}

.ub-multilang-trigger:hover {
    opacity: 1;
}

.x-form-trigger-wrap-focus .ub-multilang-trigger {
    background-position: 0 2px;
}

.ub-sum-row-icon {
    background-image: url(./ubimages/sum.png) !important;
    opacity: 0.6;
}

.ub-total-row {
    color: rgb(61, 60, 66);
    font-weight: bold;
    white-space: nowrap;
}

.ub-float-toolbar {
    position: absolute;
    z-index: 999;
    background-color: #f0f3f3;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    bottom: 1rem;
    right: 1rem;
    /*opacity: 0.8;*/
}

.ub-grid-info-panel-tb {
    background-color: #f0f3f3;
    /*border-color: #e8e5d3;*/
    /*padding: 0 4px;*/
    /*border-width: 1px;*/
    /*border-color: darkgray;*/
}

.UB-paging-toolbar-page .x-btn-inner {
    color: blue !important;
}

.ub-paging-tb-menu .x-menu-item {
    padding-left: 10px;
}

.ub-paging-tb-menu .x-menu-item-cmp {
    padding-left: 10px;
}

.ub-error-win-btn-detail {
    font-size: 20px;
    color: #a7bcff;
    cursor: pointer;
}

.ub-error-win-btn-detail:hover {
    color: #8ba2ff;
}

.ub-persistlockinfo {
    color: #D50000;
}

.ub-favorites-img {
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    display: inline-block;
    background-image: url(./ubimages/star-empty.png) ! important;
}

.ub-favorites-img-empty {
    background-image: url(./ubimages/star-empty.png) ! important;
}
.ub-favorites-img-yellow {
    background-image: url(./ubimages/star-yellow.png) ! important;
}
.ub-favorites-img-green {
    background-image: url(./ubimages/star-green.png) ! important;
}
.ub-favorites-img-red {
    background-image: url(./ubimages/star-red.png) ! important;
}


.ub-favorites-header .x-column-header-inner {
    height: 100%;
}

.ub-document-container {
    background-color: #ffffff;
}

/*Change all scroll bar for webkit */
/*temporary removed because now adminui-vue set scroll styles*/
/*::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background: hsl(0, 0%, 83%);
}*/

.ub-btn-rounded {
    border-image-repeat: stretch;
    border-image-source: none;
    border-image-width: 1;
    border-radius: 50%;
    border: 0 none rgb(255, 255, 255);
}

.ub-btn-flat {
    box-shadow: rgba(0, 0, 0, 0.156863) 0 2px 5px 0, rgba(0, 0, 0, 0.117647) 0 2px 10px 0;
    box-sizing: border-box;
}

/* solutions for problems with a narrow field of chromium */
input.x-form-field-text{
    width: 100%;
}

.ub-dashboard .x-fieldset-header-text {
	font-size: 18px;
}

.ub-green-button .x-btn-glyph {
	color: darkgreen;
}

.ub-invisible-mask {
    opacity: 0 !important;
}

.mce-container {
    border-top-width: 0 !important;
    border-bottom-width: 1px !important;
}

.logoST{
    background-color: #55646b;
}

.ub_tree_icon {
    color: #7b8f98;
}

.fa-space:before {
    content: " ";
}

.ub-left-panel .x-grid-header-ct{
    border-bottom-width: 0 !important;
}

.ub-left-panel ::-webkit-scrollbar-thumb {
    background: hsl(0, 0%, 52%);
}

.save-action .x-btn-icon-el,
.save-and-close-action .x-btn-icon-el{
    color: hsl(var(--hs-primary), var(--l-state-default));
}

.save-action.x-disabled .x-btn-icon-el,
.save-and-close-action.x-disabled .x-btn-icon-el,
.refresh-action.x-disabled .x-btn-icon-el{
    color: #585d5a;
}

.add-new-action .x-btn-icon-el{
    color: hsl(var(--hs-primary), var(--l-state-default));
}

.filter-action .x-btn-icon-el{
    color: #7f3dc6;
}

.udisk-folder-img {
    background-image: url(./ubimages/Folder.png) ! important;
}

.udisk-file-img {
    background-image: url(./ubimages/document.ico) ! important;
}

.ub-pwd-keyboard-en:after {
    content: "EN";
	position: absolute;
	right: 10px;
	top: 10px;
	opacity: 0.7;
}

.ub-pwd-keyboard-caps:after {
    content: "CAPS";
	position: absolute;
	right: 10px;
	top: 10px;
	opacity: 0.7;
}

.ub-pwd-keyboard-caps.ub-pwd-keyboard-en:after{
    content: "CAPS EN";
	position: absolute;
	right: 10px;
	top: 10px;
	opacity: 0.7;
}

.ub-pwd-keyboard-en , .ub-pwd-keyboard-caps {
	position: relative;
}

.x-grid-row-bold .x-grid-cell{
    font-weight: bold;
}

.x-label-required span[role=separator]::after {
    content: '*';
    color: #D0021B;
    float: right;
}

.x-label-required.x-form-item-label-top span[role=separator]::after {
    float: unset;
}

.x-datepicker {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

/* for font awesome glyph in buttons */
.x-btn-icon-el {
    font-size: 16px;
    color: #424242;
    opacity: 0.75;
}