@charset "utf-8";

/* GLOBAL DEFINITIONS */
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 62.5%;
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'Archivo Narrow', sans-serif;
    background-color: #fff;
    color: #333
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cf:before,
.cf:after {
    display: table;
    content: '';
}

.cf:after {
    clear: both;
}

a {
    color: #333;
}

a:hover {
    color: #333;
    text-decoration: none;
}

/* FORM ELEMENTS */
input, select, textarea, optgroup, option {
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 14px;
}

button, input[type=text], input[type=password], input[type=button],
input[type=reset], input[type=submit], select, .select-wrapper, textarea {
    margin: 0;
    padding: 2px 4px;
    border: solid 1px #7cb2dc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
}

input[type=text][disabled=disabled], input[type=password][disabled=disabled],
textarea[disabled=disabled] {
    background-color: #fafafa;
    border-color: #cccccc;
    color: #bbbbbb;
}

textarea {
    overflow: visible;
    resize: none;
}

input.button {
    padding: 2px 8px 1px;
    font-size: 13px;
    text-transform: uppercase;
    cursor: pointer;
}

input.default-button,
input.add-button,
input.edit-button {
    color: #fff;
    background-color: #4690d1;
    border: solid 1px #4690d1;
}

input.delete-button,
input.delete-permanently-button {
    color: #fff;
    background-color: #ff3333;
    border: solid 1px #ff3333;
}

input.undelete-button {
    color: #fff;
    background-color: #339933;
    border: solid 1px #339933;
}

input.back-button,
input.cancel-button {
    color: #fff;
    background-color: #cccccc;
    border: solid 1px #cccccc;
}

input.filter-button {
    color: #fff;
    background-color: #4690d1;
    border: 0 none;
    font-size: 12px;
    padding: 1px 2px;
    width: 65px;
}

.select-wrapper {
    position: relative;
    width: 100%;
    margin: 0;
    z-index: 1;
    background-color: #fff;
}

.select-wrapper.disabled {
    background-color: #fafafa;
    border-color: #cccccc;
}

.select-wrapper:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 17px;
    height: 100%;
    padding: 0;
    background: #fff url('../img/dropdown.png') no-repeat 0 50%;
    content: "";
    z-index: -1;
}

.select-wrapper.disabled:before {
    background: #fafafa url('../img/dropdown.png') no-repeat -17px 50%;
}

.select-wrapper.multiple:before {
    display: none;
}

.select-wrapper select {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 2px 0 2px;
    color: #000;
    border: 0 none;
    background-color: transparent;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-wrapper.disabled select {
    color: #bbbbbb;
}

.select-wrapper select::-ms-expand {
    display: none;
}

.select-wrapper select:focus {
    outline: none;
}

:-moz-any(.select-wrapper):before {
    background-color: #fff;
    pointer-events: none;
    z-index: 1;
}

.form-switch {
    padding: 3px 0;
}

.form-switch .switch {
    float: left;
    width: 25px;
    height: 15px;
    margin-right: 5px;
    background-color: #dbdbdb;
    border: solid 1px #dbdbdb;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
}

.form-switch .switch i {
    display: block;
    float: left;
    width: 11px;
    height: 11px;
    margin: 1px 2px;
    background-color: #989898;
    border: solid 1px #989898;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    overflow: hidden;
}

.form-switch.disabled .switch {
    display: none;
}

.form-switch label {
    float: left;
    height: 15px;
    line-height: 15px;
    font-size: 13px;
    cursor: pointer;
}

.form-switch.disabled label {
    cursor: default;
}

.form-switch label.label-0 {
    display: block;
    color: #989898;
}

.form-switch label.label-1 {
    display: none;
    color: #4690d1;
}

.has-error .form-switch .switch {
    background-color: #ffafaf;
    border-color: #ffafaf;
}

.has-error .form-switch .switch i {
    background-color: #ff0000;
    border-color: #ff0000;
}

.has-error .form-switch label.label-0 {
    color: #ff0000;
}

.form-switch.active .switch {
    background-color: #c7def0;
    border-color: #c7def0;
}

.form-switch.active .switch i {
    float: right;
    background-color: #4690d1;
    border-color: #4690d1;
}

.form-switch.active label.label-0 {
    display: none;
}

.form-switch.active label.label-1 {
    display: block;
}

.form-radio {
    display: none;
}

.form-radio + label {
    font-size: 13px;
    color: #989898;
    cursor: pointer;
}

.form-radio + label:before {
    display: inline-block;
    content: '';
    width: 11px;
    height: 11px;
    margin: 0 5px -1px 0;
    padding: 0;
    background: transparent url('../img/sprites.png') no-repeat 0 -24px;
}

.form-radio:disabled + label,
.form-radio:disabled + label:before {
    opacity: 0.7;
    filter: alpha(opacity=70);
    cursor: default;
}

.has-error .form-radio + label {
    color: #ff0000;
}

.has-error .form-radio + label:before {
    background-position: -22px -24px;
}

.form-radio:checked + label {
    color: #4690d1;
}

.form-radio:checked + label:before {
    background-position: -11px -24px;
}

.form-checkbox {
    display: none;
}

.form-checkbox + label {
    font-size: 13px;
    color: #989898;
    cursor: pointer;
}

.form-checkbox + label:before {
    display: inline-block;
    content: '';
    width: 11px;
    height: 11px;
    margin: 0 5px -1px 0;
    padding: 0;
    background: transparent url('../img/sprites.png') no-repeat -33px -24px;
}

.form-checkbox:disabled + label,
.form-checkbox:disabled + label:before {
    opacity: 0.7;
    filter: alpha(opacity=70);
    cursor: default;
}

.has-error .form-checkbox + label {
    color: #ff0000;
}

.has-error .form-checkbox + label:before {
    background-position: -55px -24px;
}

.form-checkbox:checked + label {
    color: #4690d1;
}

.form-checkbox:checked + label:before {
    background-position: -44px -24px;
}

.timestamp-control {
    display: flex;
    align-items: center;
    gap: 6px;
}

.timestamp-control.big-gap {
    gap: 12px;
}

.timestamp-control input.date {
    width: 80px !important;
    text-align: center;
}

.timestamp-control input.time {
    width: 50px !important;
    text-align: center;
}

.timestamp-control .select-group {
    display: flex;
    align-items: center;
    gap: 1px;
}

.timestamp-control .select-wrapper select {
    display: block;
    text-align: center;
    padding-right: 10px;
}

.timestamp-control .select-wrapper.year {
    width: 55px !important;
}

.timestamp-control .select-wrapper.month {
    width: 55px !important;
}

.timestamp-control .select-wrapper.day {
    width: 40px !important;
}

.timestamp-control .select-wrapper.hour {
    width: 40px !important;
}

.timestamp-control .select-wrapper.minute {
    width: 40px !important;
}

.timestamp-control .select-wrapper.second {
    width: 40px !important;
}

.timestamp-control .timestamp-reset {
    display: block;
    width: 15px;
    height: 15px;
    background: #4690d1 url('../img/sprites.png') no-repeat -135px 0;
    cursor: pointer;
}

.group-mask-controll .checkbox-action + label {
    display: block;
}

.group-mask-controll .checkbox-full + label {
    display: block;
    width: 250px;
    margin-top: 3px;
    padding-top: 3px;
    border-top: 1px solid #ccc;
}

/* STATUSES */
.status-0 {
    color: #7cb2dc;
}

.status-1 {
    color: #fe4732;
}

.status-2 {
    color: #fdb64b;
}

.status-3 {
    color: #009900;
}

.status-4 {
    color: #bbb;
}

.status-5 {
    color: #57d492;
}


/* DATA FORM */
.data-form {
    position: relative;
    margin: 0;
    font-size: 15px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.data-form input, .data-form select, .data-form textarea, .data-form optgroup, .data-form option {
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 15px;
}

.data-form optgroup {
    font-style: normal;
}

.data-form input[type=text], .data-form input[type=password], .data-form textarea {
    width: 100%;
}

.data-form[data-object-type-id="23"] textarea {
    font-family: monospace;
    font-size: 12px;
    height: 430px;
}

.data-form .has-error input[type=text],
.data-form .has-error input[type=password],
.data-form .has-error textarea {
    border-color: #ff0000;
    color: #ff0000;
}

.data-form .has-error .select-wrapper {
    border-color: #ff0000;
}

.data-form .has-error .select-wrapper:before {
    background-position: -34px 50%;
}

.data-form .has-error select {
    color: #ff0000;
}

.data-form .loader {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    opacity: 0.9;
    filter: alpha(opacity=90);
    z-index: 10000;
}

.data-form .loader div {
    display: table;
    width: 100%;
    height: 100%;
}

.data-form .loader div span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #3473a9;
    font-size: 16px;
    text-transform: uppercase;
}

.data-form .loader div img {
    display: block;
    margin: 8px auto 0;
}

.data-form .status {
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 14px;
}

.data-form .status div {
    border: solid 1px #ccc;
    background-color: #eee;
    padding-left: 253px;
}

.data-form .status .status-ok {
    color: #009900;
}

.data-form .status .status-error {
    color: #ff0000;
}

.data-form .controll {
    display: table;
    width: 100%;
}

.data-form .controll.help-hover {
    background-color: #f8f9fb;
}

.data-form .controll.error-hover {
    background-color: #fff9f8;
}

.data-form .controll > .label {
    display: table-cell;
    width: 250px;
    margin: 0;
    padding: 3px;
    color: #aaaaaa;
    text-align: right;
    vertical-align: middle;
}

.data-form .controll.is-required > .label {
    color: #555555;
}

.data-form .controll > .html-controll {
    display: table-cell;
    margin: 0;
    padding: 3px;
    vertical-align: middle;
}

.data-form .controll > .html-controll .error-message {
    color: #ff0000;
}

.data-form .controll > .icons {
    display: table-cell;
    width: 60px;
    margin: 0;
    padding: 3px;
    vertical-align: middle;
}

.data-form .controll > .icons .icon-help {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 2px 3px 0 0;
    background: transparent url('../img/sprites.png') no-repeat 0 -40px;
    overflow: hidden;
    text-indent: 999px;
    cursor: help;
}

.data-form .controll > .icons .icon-error {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 2px 3px 0 0;
    background: transparent url('../img/sprites.png') no-repeat -30px -40px;
    overflow: hidden;
    text-indent: 999px;
    cursor: help;
}

.data-form .subtitle {
    padding: 5px 0 5px 100px;
    text-align: center;
    color: #4690d1;
    font-weight: bold;
    text-transform: uppercase;
}

.data-form .set {
    margin: 5px 0;
    border: solid 1px #e0dfe4;
    background-color: #f8f9fb;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
}

.data-form .set .title {
    padding: 3px 10px;
    cursor: pointer;
}

.data-form .set .title .name {
    display: block;
    float: left;
    color: #cac9ce;
    font-weight: bold;
    text-transform: uppercase;
}

.data-form .set .title .expand {
    display: block;
    float: right;
    margin-top: 7px;
    width: 10px;
    height: 5px;
    background: transparent url('../img/sprites.png') no-repeat -46px 0;
}

.data-form .set .title .collapse {
    display: none;
    float: right;
    margin-top: 7px;
    width: 10px;
    height: 5px;
    background: transparent url('../img/sprites.png') no-repeat -46px -10px;
}

.data-form .set .content {
    padding: 3px 0;
    border-top: solid 1px #e0dfe4;
    background-color: #ffffff;
    overflow: hidden;
    display: none;
}

.data-form .set.expanded .title .name {
    color: #4690d1;
}

.data-form .set.expanded .title .expand {
    display: none;
}

.data-form .set.expanded .title .collapse {
    display: block;
}

.data-form .set.expanded .content {
    display: block;
}

.data-form .conditional {
    display: none;
}

.data-form .conditional.visible {
    display: block;
}

.data-form .fieldset {
    display: block;
    margin: 5px 0;
    padding: 0 0 3px;
    border: solid 1px #e0dfe4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.data-form .fieldset legend {
    margin: 0 5px;
    padding: 0 5px;
    color: #4690d1;
    font-weight: bold;
    text-transform: uppercase;
}

.data-form .buttons {
    padding: 10px 0;
    text-align: center;
}

.data-form .form-overlay {
    display: none;
    position: absolute;
    top: 0;
    width: 300px;
    z-index: 100;
}

.data-form .form-overlay .overlay-text {
    padding: 3px 5px;
    color: #fff;
    font-size: 13px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.data-form .form-overlay .overlay-text i {
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    margin: 1px 5px 0 0;
}

.data-form .form-overlay .overlay-text span {
    display: block;
    float: left;
    width: 268px;
    margin-top: 1px
}

.data-form .form-overlay .overlay-arrow {
    float: right;
    margin-right: 10px;
    width: 10px;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
}

.data-form .form-overlay.help .overlay-text {
    background-color: #7cb2dc;
    border: solid 1px #7cb2dc;
}

.data-form .form-overlay.help .overlay-text i {
    background: transparent url('../img/sprites.png') no-repeat -15px -40px;
}

.data-form .form-overlay.help .overlay-arrow {
    border-top: solid 5px #7cb2dc;
}

.data-form .form-overlay.error .overlay-text {
    background-color: #ff8f8f;
    border: solid 1px #ff8f8f;
}

.data-form .form-overlay.error .overlay-text i {
    background: transparent url('../img/sprites.png') no-repeat -45px -40px;
}

.data-form .form-overlay.error .overlay-arrow {
    border-top: solid 5px #ff8f8f;
}

.data-form-error {
    padding: 0;
}

.data-form-error .message {
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 14px;
    border: solid 1px #ccc;
    background-color: #eee;
    text-align: center;
    color: #ff0000;
}

/* FORM ROWS */
.form-rows {
    border: solid 1px #ccc;
    font-size: 13px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form-rows .row {
    border-bottom: solid 1px #ccc;
    padding: 5px;
}

.form-rows .row:last-child {
    border-color: transparent;
}

.form-rows .row .align-center {
    text-align: center;
}

.form-rows .row.row-type-0 .row-head i {
    display: inline-block;
    cursor: pointer;
    font-style: normal;
    text-transform: uppercase;
    color: #57d492;
}

.form-rows .row.row-type-0 .row-head i:before {
    content: '';
    display: inline-block;
    margin: 0 4px -3px 0;
    cursor: pointer;
    width: 15px;
    height: 15px;
    background: transparent url('../img/sprites.png') no-repeat -60px -40px;
}

.form-rows .row.row-type-1 {
    background-color: #ffffff;
}

.form-rows .row.row-type-2 {
    background-color: #ffffd0;
}

.form-rows .row.row-type-3 {
    background-color: #f8f9fb;
}

.form-rows .row.row-type-4 {
    background-color: #fff0f0;
}

.form-rows .row.row-type-5 {
}

.form-rows .row > .row-head > .name {
    float: left;
    width: calc(100% - 70px);
    padding: 5px;
    color: #cccccc;
}

.form-rows .row.has-children > .row-head > .name {
    cursor: pointer;
}

.form-rows .row > .row-head > .name span {
    color: #555555;
}

.form-rows .row .actions {
    float: right;
    width: 70px;
    padding: 5px;
    text-align: right;
}

.form-rows .row .actions i {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-bottom: -3px;
    overflow: hidden;
    text-indent: 50px;
    cursor: pointer;
}

.form-rows .row .actions i + i {
    margin-left: 4px;
}

.form-rows .row .actions i.action-add {
    background: transparent url('../img/sprites.png') no-repeat -60px -40px;
}

.form-rows .row .actions i.action-edit {
    background: transparent url('../img/sprites.png') no-repeat -75px -40px;
}

.form-rows .row .actions i.action-delete {
    background: transparent url('../img/sprites.png') no-repeat -120px -40px;
}

.form-rows .row .data-form {
    border: solid 1px #ccc;
    margin: 5px;
    padding: 5px;
    background-color: #fff;
}

.form-rows .child-rows {
    border: solid 1px #ccc;
    margin: 5px;
    display: none;
}

.form-rows .row.expanded > .child-rows {
    display: block;
}

/* TOP BAR */
.top-bar {
    position: relative;
    width: 100%;
    height: 40px;
    background-color: #4690d1;
}

.top-bar .main-menu-button {
    float: left;
    width: 40px;
    height: 40px;
    background-color: #3473a9;
    border-bottom: solid 1px #3473a9;
    cursor: pointer;
}

.top-bar .main-menu-button i {
    display: block;
    width: 23px;
    height: 15px;
    margin: 12px 0 0 8px;
    background: transparent url('../img/sprites.png') no-repeat scroll 0 0;
}

.top-bar .main-menu-button:hover,
.top-bar .main-menu-button.expanded {
    background-color: #262d3f;
    border-bottom: solid 1px #000000;
}

.top-bar .main-menu-button:hover i,
.top-bar .main-menu-button.expanded i {
    background-position: -23px 0;
}

.top-bar .user-button {
    position: relative;
    float: right;
    height: 40px;
    padding: 0 15px;
    font-size: 16px;
    background-color: #3473a9;
    color: #b8cfdf;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.top-bar .user-button:hover,
.top-bar .user-button.expanded {
    background-color: #262d3f;
    border-bottom: solid 1px #000000;
}

.top-bar .user-button .user-name {
    float: left;
    min-width: 110px;
    line-height: 40px;
}

.top-bar .user-button .avatar {
    position: relative;
    float: right;
    width: 34px;
    height: 34px;
    margin: 2px 0 0 6px;
    background-color: #ecf0f1;
    border: solid 2px #ffffff;
    border-radius: 17px;
    -webkit-border-radius: 17px;
    overflow: hidden;
}

.top-bar .user-button .avatar img {
    position: absolute;
    width: 34px;
    height: 34px;
    top: -2px;
    left: -2px;
}

.top-bar .user-button .user-menu {
    display: none;
    position: absolute;
    width: 100%;
    top: 40px;
    right: 0;
    padding: 10px 15px;
    font-size: 14px;
    background-color: #4690d1;
    color: #ffffff;
    cursor: default;
    z-index: 100;
}

.top-bar .user-button .user-menu a {
    display: block;
    text-decoration: none;
    color: #ffffff;
}

.top-bar .user-button .user-menu a:hover {
    text-decoration: underline;
}

.top-bar .user-button .user-menu .last-login,
.top-bar .user-button .user-menu .password-valid {
    border-top: solid 1px #5d9bd6;
    margin: 8px -15px 0;
    padding: 5px 15px 0;
}

.top-bar .user-button .user-menu .last-login span,
.top-bar .user-button .user-menu .password-valid span {
    display: block;
    font-weight: normal;
    color: #ccd9ea;
}

.top-bar .user-button.expanded {
    color: #f1f1f2;
}

.top-bar .user-button.expanded .user-menu {
    display: block;
}

.top-bar .top-bar-title {
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

/* MAIN CONTAINER */
.main-container {
    display: table;
    width: 100%;
    min-width: 960px;
    height: calc(100% - 70px);
    overflow: auto;
}

.main-container.has-menu {
    width: calc(100% + 150px);
    margin-left: -150px;
}

.main-container.has-menu.expanded {
    width: 100%;
    margin-left: 0;
}

.main-container .main-menu {
    display: table-cell;
    vertical-align: top;
    width: 150px;
    background-color: #262d3f;
}

.main-container .main-menu > ul {
    border-bottom: solid 1px #494b55;
}

.main-container .main-menu > ul > li {
    width: 150px;
    overflow: hidden;
    border-top: solid 1px #494b55;
    border-bottom: solid 1px #000000;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #262d3f;
}

.main-container .main-menu > ul > li > a {
    display: block;
    padding: 7px 10px 8px 10px;
    text-decoration: none;
    color: #fff;
}

.main-container .main-menu > ul > li > ul {
    display: none;
    border-top: solid 1px #000000;
    border-right: solid 1px #a1a3a8;
    background-color: #d3d5d8;
}

.main-container .main-menu > ul > li > ul > li {
    border-top: solid 1px #c8cacf;
    font-size: 14px;
    background-color: #d3d5d8;
}

.main-container .main-menu > ul > li > ul > li > a {
    display: block;
    padding: 4px 10px 5px 22px;
    font-weight: normal;
    text-transform: none;
    text-decoration: none;
    color: #5a6789;
}

.main-container .main-menu > ul > li > ul > li > a.active {
    color: #000;
}

.main-container .main-menu > ul li ul.expanded {
    display: block;
}

.main-container .left-content {
    display: table-cell;
    vertical-align: top;
    width: 240px;
    min-width: 240px;
    background-color: #edf2f8;
    border-right: solid 1px #cccccc;
}

.main-container .panel-content {
    display: table-cell;
    vertical-align: top;
}

.main-container .special-panel-content {
    display: table-cell;
    background-color: #edf2f8;
    text-align: center;
    vertical-align: middle;
    padding: 50px 100px;
}

.main-container .right-content {
    display: table-cell;
    vertical-align: top;
    width: 240px;
    min-width: 240px;
    background-color: #edf2f8;
    border-left: solid 1px #cccccc;
}

/* PANEL CONTENT */
.panel-content .controller-error {
    display: table;
    width: 100%;
    height: 100%;
}

.panel-content .controller-error .message {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 50px 100px;
    color: #ff0000;
    font-weight: bold;
    text-transform: uppercase;
}

.panel-breadcrumbs {
    display: flex;
    align-items: center;
    gap: 6px;
    background-color: #e2e6ef;
    border-bottom: 1px solid #e0dfe4;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    padding: 0 16px
}

.panel-breadcrumbs a {
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
    white-space: nowrap;
}

.panel-breadcrumbs a:hover {
    text-decoration: underline;
}

.panel-breadcrumbs span:last-of-type {
    color: #999999;
}

.panel-content .panel-tabs .tab-buttons-container {
    background-color: #edf2f8;
    border-bottom: 1px solid #e0dfe4;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    text-transform: uppercase;
}

.panel-content .panel-tabs .tab-buttons-container .tab-button {
    display: block;
    float: left;
    border-right: 1px solid #e0dfe4;
    background-color: #f8f9f8;
    color: #aaaaaa;
    height: 100%;
    padding: 0 16px;
    cursor: pointer;
    font-weight: bold;
}

.panel-content .panel-tabs .tab-buttons-container .tab-button.is-active {
    background-color: #ffffff;
    color: #526176;
    height: 34px;
}

.panel-content .panel-tabs .tab-content-container .tab-content {
    display: none;
    padding: 12px 20px;
}

.panel-content .panel-tabs .tab-content-container .tab-content.is-active {
    display: block;
}

/* SPECIAL PANEL CONTENT */
.special-panel-content .message {
    color: #4690d1;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 10px -30px;
}

.special-panel-content .message.urgent {
    color: #ff0000;
    margin-bottom: 0;
}

.special-panel-content .message.success {
    color: #006600;
    margin-bottom: 0;
}

.special-panel-content .message.action {
    color: #7c8497;
}

.special-panel-content .message.error {
    color: #ff0000;
    font-size: 12px;
}

.special-panel-content .message.inline-error {
    color: #ff0000;
    font-size: 12px;
    margin: 5px 0 3px;
}

.special-panel-content .message.unexpected-error {
    color: #7c8497;
    margin: 5px 0 3px;
    font-weight: normal;
    text-transform: none;
}

.special-panel-content label {
    position: relative;
    display: block;
    width: 150px;
    margin: 0 auto 3px;
    text-align: right;
    color: #7c8497;
}

.special-panel-content label span {
    display: block;
    position: absolute;
    right: 155px;
    top: 3px;
    text-align: right;
    color: #7c8497;
    white-space: nowrap;
}

.special-panel-content label input {
    width: 150px;
    margin: 0;
}

.special-panel-content label .select-wrapper {
    width: 150px;
    margin: 0;
}

.special-panel-content .button {
    margin: 10px 0 0 -15px;
}

/* BOTTOM BAR */
.bottom-bar {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: #4690d1;
}

.bottom-bar .version {
    float: right;
    padding: 0 15px;
    font-size: 13px;
    color: #fff;
}

.bottom-bar .copyright {
    float: left;
    padding: 0 15px;
    font-size: 13px;
    color: #fff;
}

/* DATA TREE */
.data-tree {
    flex: 1;
    margin-bottom: 50px;
    background-color: #f8f9f8;
    border-bottom: solid 1px #e0dfe4;
}

.data-tree.no-border {
    border: 0 none;
}

.data-tree .title {
    position: relative;
    padding: 0 10px;
    background-color: #e2e6ef;
    border-bottom: solid 1px #e0dfe4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 34px;
}

.data-tree .title > span {
    height: 34px;
    line-height: 34px;
    color: #4690d1;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.data-tree .title .no-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: 1px solid #7cb2dc;
}

.data-tree .add-btn {
    display: block;
    width: 17px;
    height: 17px;
    overflow: hidden;
    border: solid 1px #4690d1;
    border-radius: 9px;
}

.data-tree .add-btn a {
    display: block;
    height: 16px;
    line-height: 16px;
    color: #4690d1;
    font-size: 11px;
    font-weight: normal;
}

.data-tree .add-btn a i {
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    background: transparent url('../img/sprites.png') no-repeat -101px 0;
}

.data-tree .add-btn a span {
    display: block;
    float: left;
    padding-right: 7px;
}

.data-tree .add-btn a.hover {
    color: #fff;
    background: #4690d1;
}

.data-tree .add-btn a.hover i {
    background: transparent url('../img/sprites.png') no-repeat -116px 0;
}

.data-tree .node {
    margin-left: 17px;
}

.data-tree .language-select {
    display: block;
    clear: both;
    padding: 10px 10px 0 8px;
}

.data-tree .language-select select,
.data-tree .language-select select option {
    font-size: 14px;
}

.data-tree .nodes {
    display: block;
    clear: both;
    padding: 10px 10px 11px 8px;
}

.data-tree .node .nodes {
    margin-left: -4px;
    padding: 0;
}

.data-tree .node.collapsed .nodes {
    display: none;
}

.data-tree .node i {
    display: inline-flex;
    width: 11px;
    height: 11px;
    margin: 4px 4px 0 -13px;
    background: transparent url('../img/sprites.png') no-repeat -18px -15px;
    position: relative;
    overflow: hidden;
}

.data-tree .node i + i {
    margin: 4px 4px 0 0;
}

.data-tree .node i + i + i {
    margin: 4px 4px 0 -3px;
}

.data-tree .node.collapsed > i.s0:after,
.data-tree .node.collapsed > i.s1:after,
.data-tree .node.collapsed > i.s2:after,
.data-tree .node.collapsed > i.s3:after,
.data-tree .node.collapsed > i.s4:after,
.data-tree .node.collapsed > i.s5:after {
    content: "+";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% - 1px));
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
}

.data-tree .node.expanded > i.s0:after,
.data-tree .node.expanded > i.s1:after,
.data-tree .node.expanded > i.s2:after,
.data-tree .node.expanded > i.s3:after,
.data-tree .node.expanded > i.s4:after,
.data-tree .node.expanded > i.s5:after {
    content: "-";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% - 1px));
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
}

.data-tree .node i.s0 {
    background: #7cb2dc none;
}

.data-tree .node i.s1 {
    background: #fe4732 none;
}

.data-tree .node i.s2 {
    background: #fdb64b none;
}

.data-tree .node i.s3 {
    background: #009900 none;
}

.data-tree .node i.s4 {
    background: #bbb none;
}

.data-tree .node i.s5 {
    background: #57d492 none;
}

.data-tree .node i.redirect {
    background-position: -135px -15px;
}

.data-tree .node i.locked {
    background-position: -144px -15px;
}

.data-tree .node.collapsed > i.status, .data-tree .node.expanded > i.status {
    cursor: pointer;
}

.data-tree .node a {
    font-size: 15px;
    color: #7c8497;
    text-decoration: none;
}

.data-tree .node a:hover {
    text-decoration: underline;
}

.data-tree .node.in-path > a {
    font-weight: bold;
    color: #000000;
}

.data-tree .node.current > a {
    font-weight: bold;
    color: #000000;
}

.data-tree .node.deleted > a {
    text-decoration: line-through;
    color: #cc0000;
}

.data-tree .node.deleted > a:hover {
    text-decoration: none;
}

/* DATA LIST */
.data-list .add-btn {
    text-align: right;
    margin-bottom: 10px;
    height: 19px;
}

.data-list .add-btn a {
    display: inline-block;
    height: 17px;
    line-height: 16px;
    color: #fff;
    background-color: #4690d1;
    font-size: 13px;
    font-weight: normal;
    border: solid 1px #4690d1;
    border-radius: 9px;
}

.data-list .add-btn a i {
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    background: transparent url('../img/sprites.png') no-repeat -116px 0;
}

.data-list .add-btn a span {
    display: block;
    float: left;
    padding-right: 7px;
    text-transform: uppercase;
}

.data-list table {
    width: 100%;
    padding: 0;
    margin: 0;
    border-top: 1px solid #e0dfe4;
    border-right: 1px solid #e0dfe4;
    overflow: hidden;
    color: #555555;
    font-size: 15px;
}

.data-list tr.header {
    background-color: #efefef;
    color: #4690d1;
}

.data-list tr.header td.checkbox {
    text-align: center;
}

.data-list tr.header a {
    color: #4690d1;
    text-decoration: none;
}

.data-list tr.header a .icon-sort-1 {
    display: block;
    float: left;
    width: 11px;
    height: 6px;
    margin: 5px 5px 0 5px;
    background: transparent url('../img/sprites.png') no-repeat -135px -40px;
}

.data-list tr.header a .icon-sort--1 {
    display: block;
    float: left;
    width: 11px;
    height: 6px;
    margin: 6px 5px 0 5px;
    background: transparent url('../img/sprites.png') no-repeat -135px -49px;
}

.data-list tr.filters {
    background-color: #efefef;
    color: #4690d1;
    text-align: center;
}

.data-list tr.filters input[type="text"],
.data-list tr.filters .select-wrapper,
.data-list tr.filters select,
.data-list tr.filters optgroup,
.data-list tr.filters option {
    width: 100%;
    font-size: 12px;
    min-height: 19px;
}

.data-list tr.filters input[type="text"] {
    padding: 1px 4px;
}

.data-list tr.filters .select-wrapper {
    padding: 0;
}

.data-list tr.filters select {
    padding: 0 4px;
}

.data-list tr.filters optgroup {
    font-style: normal;
}

.data-list tr.navigation {
    background-color: #efefef;
}

.data-list tr.navigation td {
    padding: 5px !important;
}

.data-list tr.navigation .item {
    display: inline-block;
    margin: 0 2px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    background: #bbbbbb;
    color: #ffffff;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.data-list tr.navigation .item.current {
    background-color: #4690d1;
}

.data-list tr.navigation .item.disabled {
    cursor: default;
    opacity: 0.5;
}

.data-list tr.navigation .item.first,
.data-list tr.navigation .item.prev,
.data-list tr.navigation .item.next,
.data-list tr.navigation .item.last {
    line-height: 20px;
}

.data-list tr.item.odd {
    background-color: #ffffff;
}

.data-list tr.item.even {
    background-color: #fdfdfd;
}

.data-list tr.item:hover {
    background-color: #f8f9fb;
}

.data-list tr.item td.checkbox {
    width: 20px;
    text-align: center;
}

.data-list tr.item td.checkbox label {
    font-size: 0;
    color: transparent;
}

.data-list tr.item td.checkbox label:before {
    margin: 0;
}

.data-list tr.no-rights {
    color: #cccccc;
}

.data-list tr.no-rights td.message {
    font-size: 12px;
    text-align: center;
}

.data-list tr.deleted {
    color: #aaaaaa;
}

.data-list tr.deleted td.data {
    text-decoration: line-through;
}

.data-list tr.empty td {
    height: 25px;
    border-bottom: 1px solid transparent !important;
}

.data-list tr.empty.last td {
    border-bottom: 1px solid #e0dfe4 !important;
}

.data-list td {
    padding: 2px;
    border-bottom: 1px solid #e0dfe4;
    border-left: 1px solid #e0dfe4;
    cursor: default;
}

.data-list td.actions {
    width: 50px;
    text-align: center;
}

.data-list td.actions div {
    height: 20px;
}

.data-list td.actions a {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-top: 2px;
    margin-bottom: -2px;
    overflow: hidden;
    text-indent: 50px;
}

.data-list td.actions a + a {
    margin-left: 4px;
}

.data-list td.actions ul.position-change-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-top: 2px;
}

.data-list td.actions ul.position-change-links li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #e0e0e0;
    color: #000000;
    font-size: 13px;
    cursor: pointer;
}

.data-list td.actions ul.position-change-links span {
    margin-top: -2px;
}

.data-list.loading td.actions ul.position-change-links li,
.data-list td.actions ul.position-change-links li[data-disabled='1'] {
    opacity: 0.2;
    cursor: default;
}

.data-list td.actions a.btn-edit {
    background: transparent url('../img/sprites.png') no-repeat -75px -40px;
}

.data-list td.actions a.btn-delete {
    background: transparent url('../img/sprites.png') no-repeat -90px -40px;
}

.data-list td.actions a.btn-undelete {
    background: transparent url('../img/sprites.png') no-repeat -105px -40px;
}

.data-list td.actions a.btn-perm-delete {
    background: transparent url('../img/sprites.png') no-repeat -120px -40px;
}

.data-list td.align-left {
    text-align: left;
}

.data-list td.align-center {
    text-align: center;
}

.data-list td.align-center input[type="text"] {
    text-align: center;
}

.data-list td.align-right {
    text-align: right;
}

.data-list td.align-right input[type="text"] {
    text-align: right;
}

.data-list td.item-link {
    cursor: pointer;
}

.data-list .error-message {
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 14px;
    border: solid 1px #ccc;
    background-color: #eee;
    text-align: center;
    color: #ff0000;
}

/* object-actions */
.action-bar-side-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    .object-action-bar {
        width: auto;
        min-width: 40%;
    }
}

.object-action-bar {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    width: 100%;
    min-width: 880px;
    margin: 0 0 5px;
    border-top: solid 1px #cccccc;
    border-left: solid 1px #aaaaaa;
    border-bottom: solid 1px #cccccc;
    background-color: #f8f9fb;
    font-size: 12px;
}

.object-action-bar.no-margin {
    margin: 0;
}

.object-action-bar.no-min-width {
    min-width: unset;
}

.object-action-bar .os-btn,
.object-action-bar .no-btn,
.object-action-bar .pc-btn,
.object-action-bar .cb-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: rgba(0,0,0,0.03);
    border-right: solid 1px #aaaaaa;
    color: #526176;
    font-size: 14px;
}

.object-action-bar.no-side-borders {
    border-left: none;
}

.object-action-bar.no-side-borders .os-btn,
.object-action-bar.no-side-borders .no-btn,
.object-action-bar.no-side-borders .pc-btn,
.object-action-bar.no-side-borders .cb-btn {
    border-right: none;
}


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

.os-btn .current {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    padding: 5px;
    line-height: 15px;
    text-align: center;
    color: #7cb2dc;
    font-size: 14px;
}

.os-btn .current * {
    margin-right: 3px;
}

.os-btn i.dropdown {
    display: block;
    width: 10px;
    height: 5px;
    background: transparent url('../img/sprites.png') no-repeat -46px 0
}

.os-btn .new-status-links {
    display: none;
    position: absolute;
    left: -1px;
    right: -1px;
    top: 25px;
    padding: 5px;
    border: solid 1px #e0dfe4;
    background-color: #f8f9fb;
    box-shadow: rgba(0, 0, 0, 0.3) 0 5px 10px 0;
    z-index: 100;
    font-size: 14px;
}

.os-btn .new-status-links .inner {
    position: relative;
}

.os-btn .new-status-links .loader {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f8f9fb;
    opacity: 0.9;
    filter: alpha(opacity=90);
    z-index: 10000;
}

.os-btn .new-status-links .loader div {
    display: table;
    width: 100%;
    height: 100%;
}

.os-btn .new-status-links .loader div span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #3473a9;
    font-size: 10px;
    text-transform: uppercase;
}

.os-btn .new-status-links .loader div img {
    display: block;
    margin: 4px auto 0;
}

.os-btn .new-status-links.loading .loader {
    display: block;
}

.os-btn .new-status-links span {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.os-btn .new-status-links li {
    display: block;
    padding: 2px 8px;
    cursor: pointer;
}

.os-btn .new-status-links li:hover {
    background-color: #e9edf3;
}

.os-btn .new-status-links li.status-1 {
    color: #fe4732;
}

.os-btn .new-status-links li.status-2 {
    color: #fdb64b;
}

.os-btn .new-status-links li.status-3 {
    color: #009900;
}

.os-btn .new-status-links li.status-4 {
    color: #cccccc;
}

.os-btn .new-status-links li.status-5 {
    color: #57d492;
}

.os-btn .new-status-links .no-rights {
    text-align: center;
    color: #fe4732;
}

.os-btn .new-status-links .recursive {
    margin: 5px -5px 0;
    padding: 5px 5px 0;
    border-top: solid 1px #e0dfe4;
    text-transform: lowercase;
}

.os-btn .new-status-links .recursive .form-checkbox + label {
    font-size: 14px;
}

.os-btn.expanded i.dropdown {
    background: transparent url('../img/sprites.png') no-repeat -46px -10px;
}

.os-btn.expanded .new-status-links {
    display: block;
}

.pc-btn .current {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    padding: 5px;
    color: #7cb2dc;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
}

.pc-btn .current i.dropdown {
    display: block;
    width: 10px;
    height: 5px;
    background: transparent url('../img/sprites.png') no-repeat -46px 0
}

.pc-btn .current:hover {
    color: #7cb2dc;
}

.pc-btn .position-change-links {
    display: none;
    position: absolute;
    left: -1px;
    right: -1px;
    top: 25px;
    padding: 5px;
    border: solid 1px #e0dfe4;
    background-color: #f8f9fb;
    box-shadow: rgba(0, 0, 0, 0.3) 0 5px 10px 0;
    z-index: 100;
    font-size: 14px;
}

.pc-btn .position-change-links .inner {
    position: relative;
}

.pc-btn .position-change-links .loader {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #f8f9fb;
    opacity: 0.9;
    filter: alpha(opacity=90);
    z-index: 10000;
}

.pc-btn .position-change-links .loader div {
    display: table;
    width: 100%;
    height: 100%;
}

.pc-btn .position-change-links .loader div span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #3473a9;
    font-size: 16px;
    text-transform: uppercase;
}

.pc-btn .position-change-links .loader div img {
    display: block;
    margin: 8px auto 0;
}

.pc-btn .position-change-links li {
    display: block;
    padding: 2px 8px;
    cursor: pointer;
}

.pc-btn .position-change-links li[data-disabled] {
    color: #ddd;
    cursor: default;
}

.pc-btn .position-change-links li:hover {
    background-color: #e9edf3;
}

.pc-btn .position-change-links .change-unavailable {
    text-align: center;
    color: #ccc;
    cursor: default;
    padding: 5px;
}

.pc-btn.expanded .current i.dropdown {
    background: transparent url('../img/sprites.png') no-repeat -46px -10px;
}

.pc-btn.expanded .position-change-links {
    display: block;
}

.pc-btn.loading .loader {
    display: block;
}

.no-btn .current {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    padding: 5px;
    color: #7cb2dc;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
}

.no-btn .current i.icon {
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/sprites.png') no-repeat -101px 0;
}

.no-btn .current i.dropdown {
    display: block;
    width: 10px;
    height: 5px;
    background: transparent url('../img/sprites.png') no-repeat -46px 0
}

.no-btn .current:hover {
    color: #7cb2dc;
}

.no-btn .asset-link {
    cursor: pointer;
    padding: 5px;
    color: #f00;
    line-height: 15px;
    text-align: center;
}

.no-btn .asset-link a {
    color: #f00;
    text-decoration: none;
}

.no-btn .asset-link a:hover {
    text-decoration: underline;
}

.no-btn .new-object-links {
    display: none;
    position: absolute;
    right: 0;
    width: 100%;
    min-width: 300px;
    top: 100%;
    padding: 5px;
    border: solid 1px #e0dfe4;
    background-color: #f8f9fb;
    box-shadow: rgba(0, 0, 0, 0.3) 0 5px 10px 0;
    z-index: 100;
    font-size: 14px;
}

.no-btn .new-object-links input {
    width: 100%;
    margin-bottom: 5px;
    font-size: 12px;
}

.no-btn .new-object-links li {
    display: block;
    padding: 2px 8px;
    cursor: pointer;
}

.no-btn .new-object-links li.hidden {
    display: none;
}

.no-btn .new-object-links li:hover {
    background-color: #e9edf3;
}

.no-btn .new-object-links li span {
    text-transform: lowercase;
    color: #bbb;
}

.no-btn .new-object-links .no-rights {
    text-align: center;
    color: #fe4732;
    cursor: default;
}

.no-btn .new-object-links .no-children {
    text-align: center;
    color: #bbb;
    cursor: default;
}

.no-btn.expanded .current i.dropdown {
    background: transparent url('../img/sprites.png') no-repeat -46px -10px;
}

.no-btn.expanded .new-object-links {
    display: block;
}

.cb-btn .current {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    padding: 5px;
    color: #7cb2dc;
    line-height: 15px;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
}

.cb-btn .current i.dropdown {
    display: block;
    width: 10px;
    height: 5px;
    background: transparent url('../img/sprites.png') no-repeat -46px 0
}

.cb-btn .current:hover {
    color: #7cb2dc;
}

.cb-btn .action-status {
    padding: 5px;
    text-align: center;
    color: #fff;
    margin-bottom: 5px;
    cursor: default;
}

.cb-btn .action-status.status-ok {
    background-color: #57d492;
}

.cb-btn .action-status.status-error {
    background-color: #ff8f8f;
}

.cb-btn .add-to-clipboard-link {
    cursor: pointer;
    padding: 5px;
    color: #090;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 5px;
}

.cb-btn .add-to-clipboard-link:hover {
    text-decoration: underline;
}

.cb-btn .object-cannot-be-added {
    cursor: default;
    padding: 5px;
    color: #ccc;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 5px;
}

.cb-btn .clipboard-items {
    display: none;
    position: absolute;
    left: -1px;
    right: -1px;
    top: 25px;
    padding: 5px;
    border: solid 1px #e0dfe4;
    background-color: #f8f9fb;
    box-shadow: rgba(0, 0, 0, 0.3) 0 5px 10px 0;
    z-index: 100;
    font-size: 14px;
}

.cb-btn .clipboard-items .inner {
    position: relative;
}

.cb-btn .clipboard-items .loader {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #f8f9fb;
    opacity: 0.9;
    filter: alpha(opacity=90);
    z-index: 10000;
}

.cb-btn .clipboard-items .loader div {
    display: table;
    width: 100%;
    height: 100%;
}

.cb-btn .clipboard-items .loader div span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #3473a9;
    font-size: 16px;
    text-transform: uppercase;
}

.cb-btn .clipboard-items .loader div img {
    display: block;
    margin: 8px auto 0;
}

.cb-btn .clipboard-items li {
    border-top: solid 1px #ddd;
    display: block;
    padding: 5px 8px;
    cursor: default;
}

.cb-btn .clipboard-items li:hover {
    background-color: #e9edf3;
}

.cb-btn .clipboard-items li .item-info {
    display: block;
}

.cb-btn .clipboard-items li .item-info span {
    color: #ccc;
}

.cb-btn .clipboard-items li .item-actions {
    display: block;
}

.cb-btn .clipboard-items li .item-actions span {
    color: #7cb2dc;
    text-transform: lowercase;
    cursor: pointer;
}

.cb-btn .clipboard-items li .item-actions span:hover {
    text-decoration: underline;
}

.cb-btn .clipboard-items li.cb-empty {
    color: #ccc;
    text-align: center;
    padding: 10px 8px;
    text-transform: uppercase;
}

.cb-btn .clipboard-items li.cb-empty:hover {
    background-color: transparent;
}

.cb-btn.expanded .current i.dropdown {
    background: transparent url('../img/sprites.png') no-repeat -46px -10px;
}

.cb-btn.expanded .clipboard-items {
    display: block;
}

.cb-btn.loading .loader {
    display: block;
}

/* object-info-bar */
.object-info-bar {
    display: table;
    width: 100%;
    min-width: 880px;
    margin: 5px 0 0;
    border: solid 1px #e0dfe4;
    border-collapse: collapse;
    background-color: #f8f9fb;
    font-size: 14px;
    color: #aaa;
}

.object-info-bar .cr-mod {
    display: table-cell;
    width: 40%;
    border-right: solid 1px #e0dfe4;
    padding: 5px;
    vertical-align: top;
}

.object-info-bar .cr-mod .line {
    display: table;
    width: 100%;
}

.object-info-bar .cr-mod .line .label {
    display: table-cell;
    width: 120px;
    text-align: right;
}

.object-info-bar .cr-mod .line .desc {
    display: table-cell;
    padding-left: 5px;
}

.object-info-bar .cr-mod .line .desc span {
    color: #333;
}

.object-info-bar .links {
    display: table-cell;
    width: 60%;
    padding: 5px;
    vertical-align: top;
}

.object-info-bar .links .line {
    display: table;
    width: 100%;
}

.object-info-bar .links .line .label {
    display: table-cell;
    width: 120px;
    text-align: right;
}

.object-info-bar .links .line .desc {
    display: table-cell;
    padding-left: 5px;
}


/* JQUERY UI */
.ui-widget-overlay {
    background: #000 none;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.ui-dialog {
    padding: 0;
    background: #fff none;
    border: 0 none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 7px 10px;
    background: #4690d1 none;
    border: 0 none;
    border-radius: 0;
    text-transform: uppercase;
}

.ui-dialog .ui-dialog-title {
    margin: 0;
}

.ui-dialog .ui-dialog-titlebar-close {
    width: 16px;
    height: 16px;
    top: 17px;
    right: 7px;
    border: 0 none;
    background: 0 transparent;
    border-radius: 0;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
    width: 16px;
    height: 15px;
    background: transparent url('../img/sprites.png') no-repeat -135px -0px;
    overflow: hidden;
}

.ui-dialog .ui-dialog-content {
    padding: 10px;
}

.ui-dialog .ui-dialog-content .dialog-icon {
    display: block;
    width: 45px;
    height: 40px;
    float: left;
    overflow: hidden;
    background: transparent url('../img/sprites.png') no-repeat -165px 0;
}

.ui-dialog .ui-dialog-content .dialog-text {
    display: block;
    margin-left: 55px;
}

.ui-dialog .ui-dialog-buttonpane {
    padding: 7px 10px;
    margin: 0;
    background: #eeeeee none;
    border: 0 none;
    border-radius: 0;
}

.ui-dialog .ui-dialog-buttonpane button {
    padding: 2px 8px 1px;
    border: 0 none;
    margin: 0 0 0 5px;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
    cursor: pointer;
    background: #4690d1 none;
    border-radius: 3px;
    min-width: 65px;
}

.ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {
    padding: 1px 0;
    color: #ffffff;
}

.ui-dialog .ui-dialog-buttonpane button.cancel-button {
    background: #cccccc none;
}

.ui-dialog .ui-dialog-buttonpane button.delete-button {
    background: #ff0000 none;
}

/* file upload */
.html-controll .upload-fileinput-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #4690d1;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    padding: 2px 8px;
    text-transform: uppercase;
    white-space: nowrap;
    color: #fff;
}

.html-controll .upload-fileinput-button i {
    display: block;
    font-family: "Arial", sans-serif;
    font-style: normal;
    margin: 0 5px 0 -2px;
    content: '+';
}

.html-controll .upload-fileinput-button i::before {
    content: '+';
}

.html-controll .upload-abort-button {
    display: none;
    background-color: #fc0000;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    padding: 2px 8px;
    text-transform: uppercase;
    white-space: nowrap;
    color: #fff;
}


.html-controll .upload-preview-container {
    display: table-cell;
}

.html-controll .upload-preview-container div div {
    display: table-cell;
}

.html-controll .upload-preview-container canvas,
.html-controll .upload-preview-container img {
    display: inline !important;
    margin-right: 5px;
    max-width: 200px;
    max-height: 135px;
    vertical-align: middle;
}

.html-controll .upload-preview-container span {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.html-controll .upload-preview-container a.upload-download {
    width: 17px;
    height: 17px;
    margin-right: 2px;
    overflow: hidden;
    display: inline-block;
    background: #4690d1 url('../img/sprites.png') no-repeat -150px 1px;
    -moz-user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    vertical-align: middle;
}

.html-controll .upload-preview-container a.upload-delete {
    width: 17px;
    height: 17px;
    overflow: hidden;
    display: inline-block;
    background: #fe4732 url('../img/sprites.png') no-repeat -135px 0;
    -moz-user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    vertical-align: middle;
}

.html-controll .upload-preview-container span a.upload-download,
.html-controll .upload-preview-container span a.upload-delete {
    position: static;
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

.html-controll .upload-fileinput-button:not([style*="display: none"]) + .upload-preview-container {
    margin-top: 5px;
}

.html-controll .upload-progress-container {
    display: flex;
    align-items: center;
    gap: 8px;
}

.html-controll .upload-progress {
    display: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 6px;
    margin-top: 5px;
    overflow: hidden;
    width: 200px;
}

.html-controll .upload-progress .progress-bar {
    background-color: #428bca;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    transition: width 0.6s ease 0s;
    width: 0;
}

.html-controll .upload-error-container {
    display: none;
    margin-top: 2px;
    color: #f00;
}

/* user-groups */
.user-groups {
    position: relative;
}

.user-groups .loader {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    opacity: 0.9;
    filter: alpha(opacity=90);
    z-index: 10000;
}

.user-groups .loader div {
    display: table;
    width: 100%;
    height: 100%;
}

.user-groups .loader div span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #3473a9;
    font-size: 16px;
    text-transform: uppercase;
}

.user-groups .loader div img {
    display: block;
    margin: 8px auto 0;
}

.user-groups .new-group {
    margin-bottom: 5px;
}

.user-groups .new-group .inner {
    display: table;
    float: right;
}

.user-groups .new-group .inner .groups-select {
    display: table-cell;
    vertical-align: middle;
    width: 200px;
    padding-right: 5px;
}

.user-groups .new-group .inner .groups-button {
    display: table-cell;
    vertical-align: middle;
}

.user-groups .data-list tr.group-active {
    background-color: #e0f9e0;
}

.user-groups .data-list tr.group-inactive {
    background-color: #ffdddd;
}

.user-groups .data-list td .form-checkbox + label::before {
    margin-right: 0;
}

.user-groups .nr-error {
    padding: 50px;
    color: #f00;
    text-align: center;
    text-transform: uppercase;
}

.user-groups.loading .loader {
    display: block;
}

.object-copies {
    margin: 10px 0;
    padding: 5px 10px;
    border: solid 1px #e0dfe4;
    background-color: #f8f9fb;
    font-size: 14px;

    .object-copies-title {
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 2px;
    }
}