:root {
  --base-purple-color: #cc2ec2;
  --base-red-color: #ea4335;
  --base-orange-color: #fbbc05;
  --base-blue-color: #4285f4;
  --base-green-color: #34a853;
  --base-gray-color: #cccccc;

  --body-bg-color: #f5f3f1;
  --content-bg-color: white;
  --header-bg-color: white;
  --pagetitle-bg-color: #d9d7ce;
  --highlight-color: #fecc00;
  --menu-bg-color: #605f5e;
  --menu-fg-color: #eeeeee;
  --menu-hover-bg-color: #50504e;
  --text-color: rgba(0,0,0,0.8);
  --border-color: #e5e5e5;
  --tab-border-color: #aba79a;
  --tab-side-border-color: #c8c7cc;
  --matrix-border-color: #d3d3d3;
  --matrix-title-bg-color: #e6e6e6;
  --matrix-highligh-bg-color: #fffedd;
  
  --info-bg-color: #fcf8e3;
  --info-border-color: #faebcc;
  --info-text-color: #8a6d3b;
  
  --widget-border-radius: 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;
}

.absolute-all {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.fg-purple, .fg-fatal    {color: var(--base-purple-color);}
.fg-red,    .fg-error    {color: var(--base-red-color);}
.fg-orange, .fg-warn     {color: var(--base-orange-color);}
.fg-blue,   .fg-complete {color: var(--base-blue-color);}
.fg-green,  .fg-active   {color: var(--base-green-color);}
.fg-gray,   .fg-draft    {color: var(--base-gray-color);}


:root {
  --adminbody-tabcontent-top: 150px;
  --admintopbar-height: 28px;
  --adminnavbar-width: 190px;
  --profile-sidebar-width: 300px;
}
 
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  min-width: 800px;
  margin: 0px;
  padding: 0px;
  background-color: var(--body-bg-color);
}

table {
  border-collapse: initial; /* bootstrap fix */
}

label {
  margin: 0; /* bootstrap fix */
  font-weight: normal; /* bootstrap fix */
}

.ui-widget {
  font-family: inherit;
  font-size: inherit;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: 'Open Sans', sans-serif;
}

a:not(.btn) {
  color: #21759b;
  text-decoration: none;
}

a:hover:not(.btn), a:active, a:focus {
  color: #d54e21;
}

a.button:hover {
  color: inherit;
  text-decoration: inherit;
  text-shadow: inherit;
}

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

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

fieldset {
  border: 1px #dfdfdf solid;
  border-radius: 3px;
  padding: 10px;
}

fieldset legend {
  border: none;
  font-size: inherit;
  width: initial;
  padding: 0 5px;
  margin: 0;
  font-weight: bold;
}

.ui-dialog {
  background: var(--body-bg-color);
  padding: 0;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
  position: fixed;
}

.ui-dialog-titlebar {
  background-color: #e9e9e9;
  background-image: linear-gradient(#fefefe, #d9d9d9);
  border: 0;
  border-radius: 0;
  border-bottom: 1px #aaaaaa solid;
  padding: 10px !important;
}

.ui-dialog-title {
  text-shadow: 0px 1px 0px rgba(255,255,255,0.8);
  font-size: 15px;
  line-height: normal;
}

.ui-dialog.ui-corner-all {
  border-radius: 6px;
}

.ui-dialog .ui-dialog-buttonpane {
  background: inherit;
  margin: 0;
}

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

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 10px;
  border: 0;
  background-color: initial;
  font-size: 1.2em;
  cursor: pointer;
  opacity: 0.4;
}

.ui-dialog .ui-dialog-titlebar-close:focus {
  outline: none;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
  opacity: 1;
}

.ui-dialog-titlebar-close .ui-button-text {
  display: none;
}

.icon-dialog {
  min-width: 500px;
}
.icon-dialog .ui-dialog-titlebar-close {
  visibility: hidden;
}
.msg-dialog-body {
  overflow: hidden;
  padding: 10px;
}
.msg-dialog-icon {
  float: left;
  width: 70px;
  height: 70px;
  font-size: 40px;
  text-align: center;
  color: var(--base-orange-color);
}
.msg-dialog-text {
  margin-left: 90px;
}

.ui-button {
  background: linear-gradient(#f7f7f7, #dadada) !important;
  border-color: #d0d0d0 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

.ui-button:hover {
  background: linear-gradient(#f0f0f0, #cacaca) !important;
  border-color: #c0c0c0 !important;
  box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
}

.ui-button[disabled='disabled'],
.ui-button[disabled='disabled']:hover {
  background: #f7f7f7 !important;
  border-color: #d0d0d0 !important;
  cursor: default !important;
  text-shadow: none !important;
  box-shadow: none !important;
  color: #888888;
}

.ui-button[disabled='disabled'] .ab-icon {
  opacity: 0.5 !important;
}

.page-footer {
  color: #999999;
  text-align: right;
  padding: 6px;
  margin-top: 50px;
}

#page-title-box {
  padding: 12px 0px 21px 12px;
  background-color: var(--pagetitle-bg-color);
}

#page-title-box img {
  float: left;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center center;
}

#page-title-box span.page-title {
  font-size: 2.3em; 
  line-height: 32px;
  color: #464646;
  font-weight: normal;
  padding-left: 6px;
}

#page-title-box .page-path,
#page-title-box .page-path a {
  font-size: 1.1em;
  color: #888888;
}

#page-title-box .page-path {
  padding: 4px 0px 4px 0px;
}

#page-title-box .page-path a {
  padding: 2px 4px 2px 22px;
  margin: 0px 4px 0px 4px;
  background-repeat: no-repeat;
  background-position: 4px center;
}

#page-title-box .page-path a:hover {
  background-color: #ececec;
  color: #666666;
  border-radius: 4px;
} 

#page-title-box .page-back-to-list {
  font-size: 1.3em;
  color: #888888;
  cursor: pointer;
  margin-left: 20px;
  padding: 4px 10px;
  float: right;
}

#page-title-box .page-back-to-list:hover {
  color: black;
  background-color: #ececec;
  border-radius: 4px;
}

select:disabled {
  background-color: #fafafa;
}

.widefat, div.updated, div.error, .wrap .add-new-h2, textarea, input[type="file"]:not(.form-control), 
input[type="reset"]:not(.form-control), input[type="email"]:not(.form-control), input[type="number"]:not(.form-control), input[type="search"]:not(.form-control), 
input[type="tel"]:not(.form-control), input[type="url"]:not(.form-control), select, .tablenav .tablenav-pages a, .tablenav-pages span.current, #titlediv #title, .postbox, 
#postcustomstuff table, #postcustomstuff input, #postcustomstuff textarea, .imgedit-menu div, .plugin-update-tr .update-message, #poststuff 
.inside .the-tagcloud, .login form, #login_error, .login .message, #menu-management .menu-edit, .nav-menus-php .list-container, .menu-item-handle, 
.link-to-original, .nav-menus-php .major-publishing-actions .form-invalid, .press-this #message, #TB_window, .tbtitle, .highlight, .feature-filter, 
#widget-list .widget-top, .editwidget .widget-inside {
  border-radius: var(--widget-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--border-color);
}

.checkbox-label {
  cursor: pointer;
  line-height: 20px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radio-inline-label {
  margin-right: 10px;
}

.checkbox-inline-label {
  display: inline-block;
  margin-right: 10px;
}

input[type='checkbox'],
input[type='radio'],
input[type='checkbox']:focus,
input[type='radio']:focus {
  appearance: none;
  cursor: pointer;
  height: 18px;
  width: 18px;
  line-height: 16px;
  border: 1px solid var(--base-gray-color);
  background-color: white;
  color: rgba(0,0,0,0);
  outline: 0;
  box-shadow: none;
  display: inline-block;
}

input[type='checkbox'] {
  border-radius: 3px;
  font-family: var(--fa-style-family,"Font Awesome 6 Pro");
  font-weight: var(--fa-style,900);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-align: center;
}

input[type='checkbox']::before {
  content: "\f00c";
}

input[type='radio'] {
  border-radius: 50%;
  vertical-align: text-bottom;
}

input[type='checkbox']:hover:not(:disabled),
input[type='radio']:hover:not(:disabled) {
  border-color: var(--base-blue-color);
}

input[type='checkbox']:checked,
input[type='radio']:checked {
  border-color: var(--base-blue-color);
  background-color: var(--base-blue-color);
  color: white;
}

input[type='radio']:checked {
  background-color: white;
  border-width: 5px;
}

input[type='checkbox']:disabled,
input[type='radio']:disabled {
  opacity: 0.5;
}

.multipage-selected input[type='checkbox'].header:checked::before {
  content: "\f00d";
}

input:disabled:not([type='checkbox']), isindex:disabled, textarea:disabled,
input[readonly='readonly'] {
  color: #545454;
  background-color: #fafafa;
}

body.login {
  background-color: #fbfbfb; 
  background-image: url('imagecache?name=horizon-color-med.png&size=100');
  background-repeat: no-repeat;
  background-position: 15px 0px;
}

span.ab-icon {
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  float: left;
  width: 16px;
  height: 16px;
}

.errorbox {
  background-color: #ffffe0;
  background-image: url('imagecache?name=%5Bfont-awesome%5Dexclamation-triangle%7CColorizeOrange&size=24');
  background-repeat: no-repeat;
  background-position: 6px 6px;
  border: 1px #e6db55 solid;
  border-radius: 4px;
  padding: 10px 10px 10px 36px;
  margin: 10px 0px 10px 0px;
  color: #333333;
}

.successbox {
  background-color: #e8fdec;
  background-image: url('imagecache?name=%5Bfont-awesome%5Dcheck%7CCircleGreen&size=24');
  background-repeat: no-repeat;
  background-position: 6px 6px;
  border: 1px #75c684 solid;
  border-radius: 4px;
  padding: 10px 10px 10px 36px;
  margin: 10px 0px 10px 0px;
  color: #333333;
}

.warning-box {
  border: 1px rgba(0,0,0,0.1) solid;
  background: rgba(0,0,0,0.01);
  border-left: 4px var(--base-orange-color) solid;
  padding: 10px;
}

.error-box {
  border: 1px rgba(0,0,0,0.1) solid;
  background: rgba(0,0,0,0.01);
  border-left: 4px var(--base-red-color) solid;
  padding: 10px;
}

label.disabled {
  color: rgba(0,0,0,0.5);
}

select.spinner {
  background-image: url('resources/admin/images/spinner.gif');
  background-repeat: no-repeat;
  background-position: center center;
}

#main-container {
  position: relative;
}

#main-container .right-column {
  position: absolute;
  right: 0px;
  width: 300px;
  margin-top: 34px;
}

#main-container .left-body {
  margin-right: 310px;
}

#main-container .center-body {
  margin-left: 310px;
  margin-right: 310px;
}

#login {
  width: 320px;
  padding: 0px;
  padding-top: 114px;
  margin: auto;
}

.login form {
  background-color: var(--content-bg-color);
  padding-top: 26px;
  padding-right: 24px;
  padding-bottom: 46px;
  padding-left: 24px;
  border: #e5e5e5 solid 1px;
  box-shadow: 0pt 4px 10px -1px rgba(200, 200, 200, 0.7);
  border-radius: 3px;
}

.login label {
  color: #777777;
  font-size: 14px;
  margin-left: 2px;
}

.login form .input {
  font-size: 24px;
  line-height: 1;
  width: 96%;
  color: #555555;
  padding: 3px;
  border: #e5e5e5 solid 1px;
  background-color: #fbfbfb;
  box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
}

.login button {
  float: right;
}

#login form p {
  margin: 0px;
  margin-bottom: 14px;
}

.login form .forgetmenot {
  font-weight: normal;
  float: left;
  margin-bottom: 0pt;
}

.login h1 a {
  background-color: transparent;
  background-image: url('imagecache?name=snapp-logo.png&size=400');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 100% auto;
  width: 326px;
  height: 120px;
  text-indent: -9999px;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-bottom: 15px;
  display: block;
}

.login-footer {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #f7f7f7;
  border-top: 1px #e0e0e0 solid;
  color: #999999;
  line-height: 36px;
  text-align: center;
}

.login-dialog .login-item {
  margin-bottom: 5px;
  overflow: hidden;
}

.login-dialog .login-item span {
  display: inline-block;
  width: 100px;
}

.login-dialog .login-item input {
  width: 170px;
}

.login-dialog .login-error {
  padding: 10px;
  color: red;
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
}

.login-dialog .login-wait {
  text-align: center;
  padding: 10px;
}


#admincontainer {
  padding-top: var(--admintopbar-height);
}

#adminbody {
  margin-left: var(--adminnavbar-width);
  padding: 0;
}

.mainlist-container {
  padding: 12px;
}

.main-tab-fixed {
  position: fixed;
  top: var(--adminbody-tabcontent-top);
  left: var(--adminnavbar-width);
  bottom: 0;
  right: 0;  
}

/*
  NAV MENU
*/

#adminnavbar {
  position: fixed;
  top: 28px;
  width: var(--adminnavbar-width);
  bottom: 0;
  font-size: 15px;
  background-color: var(--menu-bg-color);
  overflow-y: hidden;
}

#adminnavbar .side-menu-logo-container {
  text-align: center;
}
 
#adminnavbar .side-menu-logo {
  width: 100px;
  height: 100px;
  margin: 10px;
  background: white;
  border-radius: 20px;
}

#adminnavbar, #adminnavbar ul, #adminnavbar li {
  z-index: 1;
}

#adminnavbar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--menu-fg-color);
}

#side-menu {
  margin-bottom: 80px;
}

#side-menu:not(.search-mode) li.collapsed ul {
  display: none;
}

#side-menu:not(.search-mode) li.search-only {
  display: none;
}

#adminnavbar li.divider {
  height: 10px;
}

#adminnavbar a,
#adminnavbar a:hover {
  display: block;
  text-shadow: inherit;
  cursor: pointer;
  color: inherit;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 7px 3px 7px 10px;
}

#adminnavbar li .ab-icon {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-size: cover;
  line-height: inherit !important;
}

#adminnavbar li .ab-icon.fa {
  float: none;
  text-align: center;
  font-size: 1.1em;
}

#adminnavbar ul.side-menu>li:not(.current-item)>a:hover {
  background-color: var(--menu-hover-bg-color);
}

#adminnavbar ul.side-menu>li.current-item {
  background-color: var(--highlight-color); 
  color: rgba(0,0,0, 0.8);
}

#adminnavbar ul.side-menu>li>ul {
  background-color: #706f6e;
  font-size: 14px;
  color: white;
  padding: 8px 0 10px 0px;
}

#adminnavbar a:hover {
  text-decoration: none;
}

#adminnavbar ul.side-menu>li>ul a,
#adminnavbar ul.side-menu>li>ul a:hover {
  padding: 5px 3px 5px 10px;
  line-height: 16px;
}

#adminnavbar ul.side-menu>li>ul>li:hover {
  color: var(--highlight-color);
}

#adminnavbar ul.side-menu>li>ul>li.current-item {
  color: var(--highlight-color);
  font-weight: bold;
}

#adminnavbar .snapp-info { 
  position: fixed;
  left: 0px;
  width: 190px;
  bottom: 0px;
  color: rgba(255,255,255,0.5);
  background-color: var(--menu-bg-color);
  border-top: 1px rgba(0,0,0,0.05) solid;
  padding: 5px 0px 5px 0px;
  font-size: 12px;
  text-align: center;
  white-space: normal;
}

#adminnavbar .snapp-info:hover {
  color: white;
  white-space: normal;
}

#side-menu.search-mode ul.side-menu li:not(.search-match) {
  display: none;
}

#side-menu[data-status='normal'] .side-menu-search-focused {
  display: none;
}

#side-menu[data-status='focused'] .side-menu-search-normal {
  display: none;
}

#side-menu .side-menu-search-normal {
  line-height: 34px;
  font-size: 15px;
  color: white;
  cursor: pointer;
}

#side-menu .side-menu-search-normal:hover {
  background-color: rgba(0,0,0,0.15);
}

#side-menu .side-menu-search-normal .fa {
  width: 38px;
  text-align: center;
  font-size: 18px;
}

#side-menu .side-menu-search-focused {
  display: block;
  margin: 0 10px 10px 10px;
}

#side-menu .side-menu-search-txt {
  border: none;
}



/*
  TABLE
*/


td {
  padding: 0px;
  margin: 0px;
}

table.listcontainer {
  width: 100%;
}

table.listcontainer td {
  border-bottom: 1px var(--border-color) solid;
  padding: 4px 6px 4px 6px;
  color: rgba(0,0,0,0.8);
}

table.listcontainer tr[data-status='draft']     td:first-child {border-left: 4px var(--base-gray-color) solid}
table.listcontainer tr[data-status='active']    td:first-child {border-left: 4px var(--base-green-color) solid}
table.listcontainer tr[data-status='warning']   td:first-child {border-left: 4px var(--base-orange-color) solid}
table.listcontainer tr[data-status='error']     td:first-child {border-left: 4px var(--base-red-color) solid}
table.listcontainer tr[data-status='completed'] td:first-child {border-left: 4px var(--base-blue-color) solid}
table.listcontainer tr[data-status='fatal']     td:first-child {border-left: 4px var(--base-orange-color) solid}

table.listcontainer td[nowrap] {
  white-space: nowrap;
}

table.listcontainer tr.header td,
table.listcontainer thead tr td {
  font-size: 13px;
  font-weight: bold;
  color: #333333;
  text-shadow: 0pt 1px 0pt #ffffff;
}

table.listcontainer .title td {
  padding: 0px;
}

table.listcontainer tbody tr.grid-row {
  cursor: pointer;
}

table.listcontainer tbody tr.grid-row:nth-child(odd) {
  background-color: #fbfcfd;
}

table.listcontainer tbody tr.grid-row.row-clicked,
table.listcontainer tbody tr.grid-row.selected,
table.listcontainer tbody tr.grid-row.selected:hover {
  background-color: #deedfe;
}

table.listcontainer tbody tr.grid-row:hover {
  background-color: #ebf3fa;
}

table.listcontainer tbody tr.no-items {
  cursor: inherit;
}

table.listcontainer tbody tr.no-items:hover {
  background: inherit;
}

table.listcontainer .list-icon {
  float: left;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 21px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}

table.listcontainer tr .row-hover-visible {
  visibility: hidden;
}

table.listcontainer tr:hover .row-hover-visible {
  visibility: visible;
}

table.listcontainer tr.group {
  cursor: inherit;
}

table.listcontainer tr.group td {
  background-color: var(--header-bg-color);
  font-weight: bold;
}

table.listcontainer tbody.toolbar td {
  padding: 10px;
  background-color: #f2f2f2;
}

table.listcontainer .drag-handle {
  cursor: move;
  opacity: 0.2;
}

table.listcontainer .drag-handle:hover {
  opacity: 1;
}

.listcontainer .note-grid-icon {
  text-align: center;
  font-size: 16px;
} 

.grid-shadow {
  box-shadow: 0px 0px 10px #555;
}

.list-title {
  font-weight: bold;
}

.list-subtitle {
  color: #888888;
}

.listicon {
  width: 32px;
  height: 32px;
}

.grid-move-handle {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('imagecache?name=move_item.png&size=16');
  background-repeat: no-repeat;
  background-position: center center;
}

.grid-widget-container {
  position: relative;
}

.grid-overlay {
  background-color: rgba(0,0,0,0.2);
  z-index: 101;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 3px;
  color: white;
  font-size: 40px;
  text-align: center;
  padding: 20px;
}

.spinner32-bg {
  background-image: url('/resources/admin/images/spinner32.gif'); 
  background-repeat: no-repeat;
  background-position: center center;
}

.recap-table {
  border-spacing: 0;
  border-collapse: collapse;
}

.recap-table td {
  padding-right: 10px;
  vertical-align: top;
}

.recap-table td:last-child {
  padding-right: 0px;
}

/* ITEM PAGE */


.postbox,
.listcontainer {
  border: 1px var(--border-color) solid;
  border-radius: var(--widget-border-radius);
  background-color: var(--content-bg-color);
  margin-bottom: 10px;
}

.widget-title,
table.listcontainer td.widget-title {
  padding: 8px;
  color: #464646;
  border-bottom: 1px var(--border-color) solid;
  font-size: 16px;
  line-height: initial;
}

.widget-title-icon {
  float: left;
  width: 22px;
  height: 22px;
  margin-right: 4px;
  background-repeat: no-repeat;
  background-position: center center;
}

.widget-title-caption {
  font-weight: bold;
  color: rgba(0,0,0,0.8);
  text-shadow: none;
}

.postbox .widget-block {
  border-bottom: 1px var(--border-color) solid;
  padding: 10px;
}

.postbox .widget-content .widget-block:last-child {
  border-bottom: 0;
}

.widget-block .recap-value-item {
  overflow: hidden;
}

.widget-block.group  {
  padding: 4px 10px 4px 10px;
  font-weight: bold;
  background-color: #F2F2F2;
}

span.postbox-title-icon,
.listcontainer .title .title-icon {
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
}

.postbox a .edit-icon {
  float: right;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  opacity: 0.2;
  color: #000;
  margin-left: 5px;
}

.postbox a:hover .edit-icon {
  opacity: 1;
}

span.recap-value {
  font-weight: bold;
  float: right;
}

.form-table {
  width: 100%;
}

.form-table th {
  color: #222;
  text-shadow: white 0 1px 0;
  text-align: left;
  font-weight: normal;
  width: 150px;
}

.form-table label {
  cursor: pointer;
}

.form-table td {
  line-height: 20px;
}

p.help, p.description, span.description, .form-wrap p {
  font-size: 12px;
  font-style: italic; 
}

textarea, 
select,
input[type="text"], 
input[type="password"], 
input[type="file"], 
input[type="reset"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="url"] {
  width: 100%;
  box-sizing: border-box;
}



.ui-tabs.ui-widget-content {
  border: 0px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background-color: var(--content-bg-color);
  border-color: #aaa;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
  color: #454545;
} 

.ui-tabs li.ui-state-default:hover a { 
  color: #212121; 
  text-decoration: none; 
}

.ui-tabs .ui-tabs-nav {
  background: transparent;
  border: 0px;
  border-radius: 0px;
  border-bottom: 1px #aaaaaa solid;
  padding-left: 8px;
}

.ui-tabs .ui-tabs-panel {
  border: 1px #aaaaaa solid;
  border-top-width: 0px;
  padding: 0px;
  box-shadow: 1pt 1px 5px 0px rgba(0, 0, 0, 0.2);
}

.ui-tabs li.plus-menu-item {
  margin-top: 6px;
}

.ui-tabs li.plus-menu-item .btn {
  padding: 2px 6px;
  margin: 0;
  background: none;
}

.ui-tabs li.plus-menu-item ul li {
  float: none;
  margin: 0;
}

.ui-tabs li.plus-menu-item ul li .ui-tabs-anchor {
  float: none;
  padding: 3px 20px;
}

.ui-tabs-tab:focus {
  outline: 0;
}


span.divider {
  border: 0px;
  border-left: 1px #dfdfdf solid;
  padding-top: 10px;
  padding-bottom: 14px;
  margin-left: 6px;
  margin-right: 10px;
}

.form-toolbar {
  margin-bottom: 10px;
  padding: 6px;
  border: 1px #dfdfdf solid;
  border-radius: var(--widget-border-radius);
  min-height: 48px;
  background-color: var(--header-bg-color);
}

.tab-toolbar {
  border: none;
  border-radius: 0px;
  border-bottom: 1px var(--border-color) solid;
  padding: 10px;
  min-height: 53px;
}

.tab-content {
  padding: 12px;
}

input[type="file"] {
  border: 0px;
}

.v-hidden {
  display: none;
}

.search-hide {
  display: none;
}

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

iframe.v-hidden {
  width: 0px;
  height: 0px;
}

.readonly-text {
  color: #6d6d6d;
  text-shadow: 1px 1px 0px white;
}

.ui-progressbar-value { 
  background-image: url('resources/admin/images/pbar-ani.gif'); 
}

.ui-progressbar{
  height: 21px;
}

.ui-widget-overlay {
  background-color: rgba(0,0,0,0.4);
  opacity: 1;
}

.v-wait-glass-spinner {
  color: white;
  text-align: center;
  font-size: 52px;
}

.tab-toolbar .ui-state-default,
.form-toolbar .ui-state-default {
  background: #dadada url('resources/admin/css/smoothness/images/ui-bg_glass_75_dadada_1x400.png') 50% 50% repeat-x;
}


/*** SPLIT BUTTON ***/

.split-button {
  width: 25px;
}

.split-button .ui-button-text {
  background-image: url('resources/admin/images/drop-down.gif');
  background-repeat: no-repeat;
  background-position: center center;
}

ul.popup-menu {
  background: var(--content-bg-color);
  list-style: none;
  position: absolute;
  min-width: 170px;
  margin: 23px 0px 0px 0px;
  padding: 3px 0px 3px 0px;
  border: 1px #dfdfdf solid;
  box-shadow: 2px 2px 4px -1px rgba(128, 128, 128, 0.5);
  z-index: 2000;
}

ul.popup-menu li a {
  display: block;
  line-height: 28px;
  padding-left: 10px;
  padding-right: 10px;
  color: inherit;
}

ul.popup-menu li a:hover {
  background-color: #eaf2fa;
  color: #333333;
}

ul.popup-menu li span.ab-icon {
  margin: 6px 6px 0px 0px;
}

ul.popup-menu li.divider {
  background-color: #cecece;
  height: 1px;
  margin: 4px;
}

ul.popup-menu li .fa {
  width: 18px;
  font-size: 18px;
  margin-right: 5px;
  line-height: inherit;
  text-align: center;
}


/*** PROFILE PICTURE ***/

.profile-pic-div {
  position: absolute;
  width: var(--profile-sidebar-width);
}

.profile-cont-div {
  margin-left: calc(var(--profile-sidebar-width) + 12px);
}

.profile-pic-container {
  background: var(--content-bg-color);
  border: 1px var(--border-color) solid;
  border-radius: 6px;
  height: 300px;
  padding: 4px;
  margin-bottom: 10px;
  cursor: pointer;
}

.profile-pic-inner {
  height: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-size: 100%;
}

.profile-pic-container .choose-pic {
  position: absolute;
  bottom: 0;
  display: none;
  line-height: 22px;
  background: rgba(0, 0, 0, .5);
  color: white;
  width: 100%;
  text-align: center;
  text-shadow: 0px 0px 5px black;
}

.profile-pic-container:hover .choose-pic {
  display: block;
}

.profile-pic-container .profile-pic-hint {
  margin-top: 110px;
  text-align: center;
  font-size: 40px;
  color: #cecece;
  line-height: normal;
  float: left;
  width: 100%;
}

.profile-pic-inner.drag-over {
  border: 3px #156ee6 solid;
}


/*** REPOSITORY PICKUP ***/

.thumb-container {
  float: left;
  width: 150px;
  height: 150px;
  padding: 4px;
  margin: 4px;
  background: var(--content-bg-color);
  border: 1px #dfdfdf solid;
  cursor: pointer;
}

.thumb-container:hover {
  border-color: #3b5998;
}

.thumb-content {
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
}

.thumb-name {
  background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .7));
  width: 100%;
  font-size: 11px;
  color: white;
  position: absolute;
  bottom: 0;
  padding: 4px;
}

input[type='text'].hasDatepicker {
  background-image: url('/imagecache?name=calendar_sym.png&size=16');
  background-repeat: no-repeat;
  background-position: right -5px center;
  background-origin: content-box;
}

select.timepicker {
  display: inline-block;
  width: 70px;
  margin-right: 5px;
}


/*** ENTITLEMENT ***/

ul#ent-tree {
  margin: 0px;
  padding: 0px;
}

ul#ent-tree ul {
  padding-left: 16px;
}

ul#ent-tree li {
  list-style-type: none;
  line-height: 22px;
}

ul#ent-tree span.title {
  background-repeat: no-repeat;
  background-position: 2px center;
  padding: 2px 4px 2px 22px;
  border: 1px transparent solid;
  border-radius: 3px;
  cursor: default;
}

ul#ent-tree span.title:hover {
  border-color: #d9d9d9;
}

ul#ent-tree li.selected>span.title,
ul#ent-tree li.selected>span.title:hover {
  background-color: #e6f0fa;
  border-color: #a0afc3;
}

.filter-divider {
  height: 6px;
}

.filter-label {
  margin-top: 6px;
}
.filter-label:first-child {
  margin-top: 0;
}

/****/

.cke_focus {
  outline: none !important;
}

#admintopbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding-left: 4px;
  padding-right: 4px;
  height: var(--admintopbar-height);
  z-index: 21;
  color: white;
  background-color: #242323;
}

.topmenu-item {
  padding-left: 10px;
  padding-right: 10px;
  cursor: default;
  color: white;
  opacity: 0.75;
}

.topmenu-item:hover {
  opacity: 1;
}

.topmenu-item.float-left {
  float: left;
}

.topmenu-item.float-right {
  float: right;
}

.topmenu-item .badge {
  margin-left: 5px;
  margin-top: -3px;
}

.topmenu-item .fa {
  font-size: 16px;
}

.topmenu-caption {
  line-height: 28px;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 18px 18px;
  margin-left: 4px;
}

.topmenu-item:hover {
  background-color: #50504e;
  color: white;
}

#topmenu-test.topmenu-item {
  display: none;
}
body.test-system #topmenu-test.topmenu-item {
  display: block;
}
#topmenu-test.topmenu-item,
#topmenu-test.topmenu-item:hover {
  background-color: var(--base-red-color);
  color: white;
  opacity: 1;
}

.topmenu-content {
  position: fixed;
  width: 200px;
  background-color: #50504e;
  padding: 10px;
  display: none;
  box-shadow: 0 2px 2px rgba(0,0,0,0.4);
}

.topmenu-item:hover .topmenu-content {
  display: block;
}

#topmenu-content-profilepic {
  width: 50px;
  height: 50px;
  float: left;
}

.topmenu-content-item {
  margin-left: 60px;
  line-height: 25px;
}

.topmenu-content-item a {
  color: rgba(255,255,255,0.75);
}

.topmenu-content-item a:hover {
  color: var(--highlight-color);
}

#topmenu-timezone {
  cursor: pointer;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#topmenu-msg .msg-unread-notify {
  background-color: red;
}

#topmenu-msg .msg-unread-notify[data-UnreadCount='0'] {
  display: none;
}

#topmenu-msg-widget .topmenu-content {
  width: 420px;
  height: auto;
  padding: 0;
}

#topmenu-msg-widget .msg-list-header {
  padding: 10px;
  overflow: hidden;
}

#topmenu-msg-widget .msg-list-header a {
  color: var(--highlight-color);
  text-decoration: none;
}

#topmenu-msg-widget .msg-list-header a:hover {
  color: var(--highlight-color);
  text-decoration: underline;
}

#topmenu-msg-widget .msg-list-body {
  min-height: 50px;
  background-color: var(--body-bg-color);
  color: var(--text-color);
}

#topmenu-msg-widget .msg-item {
  height: 80px;
  padding: 10px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  background: var(--body-bg-color);
  color: var(--text-color);
  cursor: pointer;
  overflow: hidden;
}

#topmenu-msg-widget .msg-item.msg-unread {
  background: white;
}

#topmenu-msg-widget .msg-item:hover {
  background: rgba(0,0,0,0.1) !important;
}

#topmenu-msg-widget .msg-item:last-child {
  border: none;
}

#topmenu-msg-widget .msg-unread-bullet {
  visibility: hidden;
  color: var(--base-blue-color);
}

#topmenu-msg-widget .msg-unread .msg-unread-bullet {
  visibility: visible;
}

#topmenu-msg-widget .msg-item-title {
  font-size: 15px;
  font-weight: bold;
}

#topmenu-msg-widget .msg-item-datetime {
  font-size: 13px;
  margin-left: 18px;
  color: rgba(0,0,0,0.6);
}

#topmenu-msg-widget .msg-item-body {
  margin-top: 5px;
  font-size: 13px;
  margin-left: 18px;
  color: rgba(0,0,0,0.6);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#topmenu-msg-widget .msg-empty {
  font-size: 20px;
  color: rgba(0,0,0,0.4);
  text-align: center;
  line-height: 50px;
  font-style: italic;
}

#notification-box {
  position: fixed;
  top: 50px;
  right: 20px;
  width: 500px;
  font-size: 14px;
  z-index: 21;
} 

ul.vgs-tree {
  padding: 0px;
  margin: 0px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

ul.vgs-tree ul {
  padding-left: 12px;
}

ul.vgs-tree li {
  list-style-type: none;
  line-height: 22px;
  white-space: nowrap;
}

ul.vgs-tree .node {
  display: inline-block;
  padding: 1px 6px;
  cursor: pointer;
  height: 24px;
}

ul.vgs-tree li:not(.haschild) > .node {
  margin-left: 16px;
}

ul.vgs-tree .node.drop-hover {
  cursor: crosshair;
}

ul.vgs-tree .treemark {
  display: none;
  padding: 1px;
  width: 16px;
  height: 24px;
  cursor: pointer;
  text-align: center;
}

ul.vgs-tree li.haschild > .treemark {
  display: inline-block;
}

ul.vgs-tree .tm-collapsed:hover,
ul.vgs-tree .tm-exploded:hover {
  color: var(--highlight-color);
}

ul.vgs-tree li.collapsed>ul {
  display: none;
}

ul.vgs-tree .tm-collapsed {
  display: none; 
  color: rgba(0,0,0,0.5);
}

ul.vgs-tree .tm-exploded {
  display: none; 
  color: rgba(0,0,0,0.25);
}

ul.vgs-tree li.haschild.collapsed > .treemark .tm-collapsed {
  display: inline; 
}

ul.vgs-tree li.haschild:not(.collapsed) > .treemark .tm-exploded {
  display: inline; 
}

ul.vgs-tree .node .icon {
  position: relative;
  top: 3px;
  width: 16px;
  height: 16px;
  margin-right: 3px;
  vertical-align: baseline;
}

ul.vgs-tree .node:hover,
ul.vgs-tree .node.drop-hover {
  background-color: rgba(0, 0, 0, 0.1);
}

ul.vgs-tree li.selected>.node {
  background-color: var(--highlight-color) !important;
}

ul.vgs-tree li.selected>.node:hover,
ul.vgs-tree li.selected>.node.drop-hover {
  padding: 0px 5px;
  border: 1px rgba(0,0,0,0.2) solid;
}

.tab-content.cal-tab {
  position: relative;
  height: 750px;
}

.dhx_cal_container {
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 200px;
  border-right: 1px #dfdfdf solid;
}

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

.cal-resource-menu {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 200px;
  background: #fafafa;
}

.cal-resource-list {
  position: absolute;
  top: 81px;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px #dfdfdf solid;
  overflow: auto;
}

.resource-menu-expand,
.resource-menu-collapse {
  height: 40px;
  line-height: 40px;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
}

.resource-menu-expand:hover,
.resource-menu-collapse:hover {
  background-color: #f3f3f3;
}

.resource-menu-expand {
  display: none;
  background-image: url('/imagecache?name=detail_left_black.png&size=32');
  background-repeat: no-repeat;
  background-position: center center;
}

.resource-menu-collapse {
  background-image: url('/imagecache?name=detail_right_black.png&size=32');
  background-repeat: no-repeat;
  background-position: 4px center;
  padding-left: 40px;
}

.tab-content.cal-tab.menu-collapsed .dhx_cal_container {
  right: 40px;
}

.tab-content.cal-tab.menu-collapsed .cal-resource-menu {
  width: 40px;
}

.tab-content.cal-tab.menu-collapsed .resource-menu-collapse {
  display: none;
}

.tab-content.cal-tab.menu-collapsed .resource-menu-expand {
  display: block;
}

.tab-content.cal-tab.menu-collapsed .cal-resource-name {
  display: none;
}

.cal-resource {
  line-height: 32px;
  padding: 4px;
  cursor: move;
  border-bottom: 1px #dfdfdf solid;
  height: 40px;
  white-space: nowrap;
  overflow: hidden;
}

.cal-resource:hover {
  background: #f3f3f3;
}

.cal-resource .list-icon {
  float: left;
  width: 32px;
  height: 32px;
}

.cal-resource-draghelper {
  width: 200px;
  background-color: #fafafa;
  border: 1px #dfdfdf solid;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
  z-index: 100000;
}

.cal-resource-draghelper .cal-resource-name {
  display: block !important;
}

.cal-resource-name {
  margin-left: 36px;
  font-size: 11px;
  font-weight: bold;
}

.cal-event {
  position: absolute; 
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #eaeaea;
  border: 1px rgba(0,0,0,0.4) solid;
  font-family: 'Open Sans', sans-serif;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
  font-size: 12px;
  cursor: pointer;
}

.cal-event.cal-event-dragover {
  border: 6px #a7d7ff solid;
  box-shadow: 0 0 50px black;
}

.cal-event-title {
  position: relative;
  height: 31px;
  font-weight: bold;
  padding: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
  text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
  border-bottom: 1px rgba(0,0,0,0.15) solid;
  overflow: hidden;
}

.cal-event-title1,
.cal-event-title2 {
  display: block;
  margin-left: 40px;
  text-align: left;
  white-space: nowrap;
}

.cal-event.status-draft .cal-event-title {
  background-color: #cecece;
}

.cal-event.status-warn .cal-event-title {
  background-color: #fca100;
}

.cal-event.status-ok .cal-event-title {
  background-color: #30b513;
}

.cal-event.resource-missing {
  opacity: 0.5;
}

.cal-event-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  height: 5px;
  background-image: url('/scheduler/imgs_dhx_terrace/resizing.png');
  background-repeat: no-repeat;
  background-position: center center;
}

.cal-event-body {
  position: absolute;
  top: 38px;
  bottom: 6px;
  left: 0;
  right: 0;  
  padding: 5px;
  overflow: hidden;
}

.cal-event-body .event-name {
  font-size: 12px;
}

.cal-event-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 38px;
  height: 38px;
  background-repeat: no-repeat;
  background-position: center center;
}

.dhx_event_move {
  cursor: move;
}

.cal-event-body ul {
  margin: 0;
  padding-left: 20px;
}

.cal-row-selector {
  background: rgba(0,0,0,0.15);
  position: absolute;
  left: 0;
  right: 0;
  height: 40px;
}

.cal-col-selector {
  background: rgba(0,0,0,0.15);
  position: absolute;
}

.cal-selector-date,
.cal-selector-time {
  position: absolute;
  left: 60px;
  font-size: 16px;
}

.cal-selector-date {
  top: 4px;
}

.cal-selector-time {
  top: 20px;
}

.cal-wait-glass {
  position: absolute;
  left: 0;
  right: 0;
  width: 200px;
  height: 120px;
  margin: 300px auto;
  background-color: white;
  background-image: url('/resources/admin/images/spinner32.gif');
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 10px;
  box-shadow: 0 0 30px rgba(0,0,0,0.5);
  z-index: 10;
}

#txtResourceFullText {
  border: none;
  border-bottom: 1px solid rgba(0,0,0,0.15);
  border-radius: 0;
  margin-bottom: 5px;
  line-height: 20px;
}

.filter-tooltip-content {
  width: 400px;
  height: 380px;
}

.filter-tooltip-rtype-list {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 200px;
  background-color: var(--body-bg-color);
  overflow-y: auto;
}

.filter-tooltip-rtype-detail {
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  right: 0;
  overflow: auto;
  padding: 10px;
}

.filter-tooltip-rtype-detail-title {
  font-weight: bold;
  border-bottom: 1px solid black;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.filter-tooltip-rtype-detail-empty {
  padding: 10px;
  font-weight: bold;
  text-align: center;
  color: rgba(0,0,0,0.6);
}

.filter-tooltip-rtype-detail-match {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
}

.cal-rtype {
  padding: 4px;
  border-bottom: 1px solid rgba(0,0,0,0.15);
  cursor: pointer;
}

.cal-rtype.selected {
  background-color: var(--highlight-color);
}

.cal-rtype:not(.selected):hover {
  background-color: rgba(0,0,0,0.05);
}

.cal-rtype .list-icon {
  position: absolute;
}

.cal-rtype-name,
.cal-rtype-code  {
  margin-left: 36px;
  line-height: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cal-rtype-name {
  font-weight: bold;
}

.cal-rtype-code {
  color: rgba(0,0,0,0.6);
}

#event-select-dialog {
  padding: 0;
}
#event-select-dialog .listcontainer {
  border: none;
}

.v-combo {
  position: relative;
  font-size: 13px;
  cursor: default;
}

.v-combo-icon {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  border-radius: 2px;
}

.v-combo-icon.foricon {
  background-position: center center;
  background-size: 24px;
}

.v-combo-icon.forpic {
  background-size: cover;
}

.v-combo-name {
  position: absolute;
  top: 2px;
  left: 36px;
  right: 32px;
  line-height: 28px;
  white-space: nowrap;
  overflow: hidden;
}

.v-combo-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  bottom: 0;
  background-image: url('resources_url/admin/images/drop-down.gif');
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}

.v-combo.selected .v-combo-btn {
  background-image: url('imagecache?name=bkoact-no-black.png&size=16');
  opacity: 0.25;
}
.v-combo.selected .v-combo-btn:hover {
  opacity: 0.75;
}

#v-combo-content {
  width: 200px;
  height: 250px;
  z-index: 1100;
  border: 1px #999999 solid;
  background: white;
  position: absolute;
}

.v-combo-txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 27px;
  box-sizing: border-box;
  padding: 4px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-bottom: 1px #999999 solid !important;
  outline: none;
}

.v-combo-itemlist {
  position: absolute;
  top: 27px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.v-combo-item {
  position: relative;
  height: 36px;
  border-bottom: 1px #d3d3d3 solid;
  cursor: pointer;
}

.v-combo-item:hover {
  background-color: #ebf3fa;
}

.v-combo-item.selected {
  background-color: #deedfe;
}

.v-combo-item-icon {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
}

.v-combo-item-icon.foricon {
  background-position: center center;
}

.v-combo-item-icon.forpic {
  background-size: cover;
}

.v-combo-item-name,
.v-combo-item-code {
  padding-top: 2px;
  margin-left: 36px;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.v-combo-item-name {
  font-weight: bold;
}

.v-combo-item-code {
  color: #888888;
}

.v-combo-item-btn {
  display: none;
  float: right;
  width: 36px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
}

.v-combo-check {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  color: rgba(0,0,0,0.1);
  font-size: 20px;
  padding: 8px; 
  cursor: pointer;
}

.v-lkdialog.show-checkbox .v-combo-check {
  display: block;
}

.v-combo-check .fa::before {
  content: "\f0c8"; /*fa-square*/
}

.v-lkdialog .checked .v-combo-check .fa::before {
  content: "\f14a"; /*fa-check-square*/
  color: var(--base-blue-color) ;
}

.v-combo-checkall {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;  
  padding: 5px;
  margin-right: 20px;
} 

.v-combo-checkall .v-combo-check {
  padding: 5px;
}


.v-combo-item:hover .v-combo-item-btn {
  display: block;
  opacity: 0.6;
}

.v-combo-item:hover .v-combo-item-btn:hover {
  display: block;
  opacity: 1;
}


.v-combobtn {
  cursor: pointer;
}
.v-combobtn:not(.form-control) {
  background-color: white;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
  color: black;
}
.v-combobtn.disabled {
  background-color: #fafafa;
  cursor: default;
  color: rgba(0,0,0,0.8);
}
.v-combo-btn:not(.form-control) .v-combobtn-caption {
  padding-left: 8px;
  line-height: 26px;
}
.v-combobtn-caption {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.v-combobtn-btn {
  display: none;
  width: 26px;
  height: 26px;
  float: right;
  border-left: 1px solid #dfdfdf;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.6;
}
.v-combobtn.form-control .v-combobtn-btn {
  width: 32px;
  height: 32px;
  margin: -6px -12px;
  border-color: #ccc;
}
.v-combobtn-btn:hover {
  opacity: 1;
}
.v-combobtn-btn-clear {
  background-image: url(imagecache?name=bko-combo-clear.png&size=12);
}
.v-combobtn:not(.disabled):not(.empty):hover .v-combobtn-btn-clear {
  display: block;
}

.v-dyncombo-btn {
  position: relative;
  text-align: left;
}

.v-dyncombo-btn .caption {
  position: absolute;
  top: 7px;
  bottom: 7px;
  left: 12px;
  right: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.v-dyncombo-btn .caret {
  position: absolute;
  top: 15px;
  right: 5px;
}

.v-dyncombo-btn .lookup-spinner {
  display: none;
}

.v-dyncombo.looking-up .v-dyncombo-btn .lookup-spinner {
  display: inline-block;
}

.v-dyncombo.looking-up .v-dyncombo-btn .caption {
  left: 24px;
}

.dropdown-menu.v-dyncombo-dropdown {
  display: block;
}

.v-dyncombo-search-container {
  border-bottom: 1px solid #dfdfdf;
  padding: 0 5px 5px 5px;
}

.v-dyncombo-search-container input.v-dyncombo-search-text {
  border-width: 0;
  outline: none;
}

.v-dyncombo-search-container .search-icon {
  position: absolute;
  right: 5px;
  top: 10px;
  font-size: 11px;
  color: rgba(0,0,0,0.4);
}

.v-dyncombo-item-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  max-height: 400px; /* TODO: make it dynamic */
  overflow: auto;
  position: relative;
}

.v-dyncombo-item-list>li {
  padding: 4px 10px; 
  cursor: pointer;
}

.v-dyncombo-item-list>.empty-option {
  font-style: italic;
  color: rgba(0, 0, 0, 0.6);
}

.v-dyncombo-item-list>li:hover,
.v-dyncombo-item-list>li.selected {
  background-color: var(--base-blue-color);
  color: white;
}

.v-dyncombo-dropdown .spinner-icon {
  display: none;
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 11px;
  color: rgba(0,0,0,0.8);
}

.v-dyncombo-item-alt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.v-dyncombo-item-alt .v-dyncombo-item-icon {
  flex-shrink: 0;
  flex-grow: 0;
}

.v-dyncombo-item-alt .v-dyncombo-item-detail {
  margin-left: 5px;
  flex-shrink: 0;
  flex-grow: 1;
}

.v-dyncombo-dropdown.v-dyncombo-loading .spinner-icon {
  display: block;
}

.v-dyncombo-item-title {
  font-weight: bold;
}

.v-dyncombo-item-subtitle {
  font-size: 0.8em;
  color: rgba(0, 0, 0, 0.7);
}

.v-dyncombo-item-list>li:hover .v-dyncombo-item-subtitle,
.v-dyncombo-item-list>li.selected .v-dyncombo-item-subtitle {
  color: rgba(255, 255, 255, 0.7);
}

.v-dyncombo-account-name {
  margin-right: 10px;
}

.v-lkdialog-txt {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px #999999 solid;
  overflow: hidden;
}

.v-lkdialog-txt input {
  padding: 6px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: none;
}

.v-lkdialog-itemlist {
  position: absolute;
  top: 29px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-size: 12px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.v-lkdialog-entitytype-cont {
  visibility: hidden;
} 

.v-lkdialog-entitytype {
  display: inline-block;
  border-right: 1px solid #999999;
  padding: 0 6px 0 6px;
  line-height: 30px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.v-lkdialog-entitytype-active {
  background-color: white;
  font-weight: bold;
  height: 31px;
}

.v-lkdialog-entitytype:last-child {
  border: none;
}

.v-lkdialog-multientitytype .v-lkdialog-entitytype-cont {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 30px;
  background-color: #efefef;
  border-bottom: 1px #999999 solid;
}

.v-lkdialog-multientitytype .v-lkdialog-txt {
  top: 30px;
}

.v-lkdialog-multientitytype .v-lkdialog-itemlist {
  top: 59px;
}

ul.v-listview {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

ul.v-listview li {
  line-height: 30px;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}

ul.v-listview li.add {
  text-align: center;
}

ul.v-listview li.item {
  padding-left: 8px;
  border-bottom: 1px #e0e0e0 solid;
  cursor: pointer;
}

ul.v-listview li.item:hover {
  background-color: #ececec;
}

ul.v-listview li.item.selected {
  background-color: #cbcbcb;
}
  
ul.v-listview li.item img,
ul.v-listview li.item .fa {
  position: absolute;
  top: 7px;
  right: 7px;
  visibility: hidden;
}
  
ul.v-listview li.item:hover img,
ul.v-listview li.item:hover .fa {
  visibility: visible;
}

.multi-lang-edit {
  border-spacing: 0;
  width: 100%;
}

a:focus {
  outline: none;
}

.btn {
  font-size: inherit;
}

.input-group-btn button {
  font-size: 14px !important;
}

.form-control {
  display: inline-block;
}

.btn-group-vertical>.btn.active, 
.btn-group-vertical>.btn:active, 
.btn-group-vertical>.btn:focus, 
.btn-group-vertical>.btn:hover, 
.btn-group>.btn.active, 
.btn-group>.btn:active, 
.btn-group>.btn:focus, 
.btn-group>.btn:hover {
  z-index: auto; 
}

.input-group .form-control {
  z-index: auto; 
}

.btn span.ab-icon,
.dropdown-menu span.ab-icon {
  float: none;
  display: inline-block;
}

.dropdown-menu span.ab-icon, 
.dropdown-menu .glyphicon {
  margin-right: 10px;
  width: 16px;
  text-align: center;
}

.btn .glyphicon {
  font-size: 1.1em;
  width: 16px;
  text-align: center;
  vertical-align: sub;
}

.btn-default.active,
.btn-default.active:hover,
.btn-default.active.focus,
.btn-default.active.focus:hover {
  background-color: var(--highlight-color) !important;
  border-color: #00000033;
  text-shadow: none;
}

.popover {
  max-width: none;
}

.popover-content {
  max-height: 400px;
  max-width: 900px;
  overflow: auto;
}

.popover-hint {background-color:#f9edbe}
.popover-hint.top .arrow:after {border-top-color:#f9edbe}
.popover-hint.bottom .arrow:after {border-bottom-color:#f9edbe}
.popover-hint.left .arrow:after {border-left-color:#f9edbe}
.popover-hint.right .arrow:after {border-right-color:#f9edbe}

.progress-bar-snp-fatal {background:var(--base-purple-color); color:white}
.progress-bar-snp-error {background:var(--base-red-color); color:white}
.progress-bar-snp-warn {background:var(--base-orange-color); color:white}  
.progress-bar-snp-completed {background:var(--base-blue-color); color:white}
.progress-bar-snp-success {background:var(--base-green-color); color:white} 
.progress-bar-snp-draft {background:var(--base-gray-color)}

.container-fluid {margin:0; padding:0}
.container-fluid .row {margin:-6px; padding:0}
.container-fluid .row > div[class*="col-"] {margin:0;padding:6px}

.alert {background:none; color:inherit; border:none; border-radius:0; box-shadow:inherit; text-shadow:inherit; padding:0; margin:0}
.alert {margin-bottom:10px; padding:15px; background-color:white; display:flex; justify-content:space-between;} 

.alert .alert-icon {font-size:2em; margin-right:15px; flex-shrink:0; flex-grow:0; display:flex; flex-direction:column; justify-content:space-around;}
.alert .alert-content {flex-shrink:1; flex-grow:1; color:black;}
.alert .alert-title {font-weight:bold; font-size:1.2em; margin-bottom:15px}

.alert.alert-success {border:0px solid var(--base-green-color); border-left-width:4px; background-color:#e7fce2}
.alert.alert-success .alert-icon,
.alert.alert-success .alert-title {color:var(--base-green-color);}

.alert.alert-danger {border:0px solid var(--base-red-color); border-left-width:4px; background-color:#ffdddd}
.alert.alert-danger .alert-icon,
.alert.alert-danger .alert-title {color:var(--base-red-color);}

.alert.alert-warning {border:0px solid var(--base-orange-color); border-left-width:4px; background-color:#fff5e5}
.alert.alert-warning .alert-icon,
.alert.alert-warning .alert-title {color:var(--base-orange-color);}

.alert.alert-info {border:0px solid var(--base-blue-color); border-left-width:4px; background-color:#e7f0fc}
.alert.alert-info .alert-icon,
.alert.alert-info .alert-title {color:var(--base-blue-color);}


.fa-rotate-45 {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.v-switch {
  display: inline-block;
  width: 46px;
  height: 26px;
  border-radius: 13px;
  background-color: white;
  border: 1px solid rgba(0,0,0,0.1);
  cursor: pointer;
  user-select: none;
  text-align: left;
}

.v-switch-button {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background-color: white;
  border: 1px solid rgba(0,0,0,0.1);
  box-shadow: 0 2px 2px rgba(0,0,0,0.15);
}

.v-switch.v-switch-on {
  background-color: var(--base-green-color);
  text-align: right;
}

.v-switch[disabled='disabled'] {
  cursor: not-allowed;
  background-color: #eee;
}

.v-switch.v-switch-on[disabled='disabled'] {
  background-color: #bddfb6;
}

.v-switch[disabled='disabled'] .v-switch-button {
  background: #eee;
}

.colorpicker input,
.colorpicker input:focus {
  border: none !important;
  outline: none !important;
}

.v-color-picker {
  display: inline-block;
}

.v-color-preview {
  width: 20px;
  height: 20px;
  float:left;
  border: 1px solid #cecece;
}
.v-color-item-row {
  line-height: initial;
  padding-left: 10px;
  padding-right: 10px;
  white-space: nowrap;
}
.v-color-item-box {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #e2e4e7;
  cursor: pointer;
  margin-left: 2px;
  margin-right: 2px;
}
.v-color-item-box:hover {
  border-color: var(--highlight-color);
}

.repository-file-drop.drag-over {
  position: relative;
}

.repository-file-drop .drag-over-hint {
  display: none;
}

.repository-file-drop.drag-over * {
  pointer-events: none;
}

.repository-file-drop.drag-over .drag-over-hint {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 3px dashed var(--base-blue-color);
  background-color: rgba(0,0,0,0.1);
  z-index: 1000;
  border-radius: 5px;
}

#page-title-box.drag-over {
  padding: 20px;
}
#repository_tab_content.drag-over {
  margin: 5px;
}

.upload-item-list {
  max-height: 600px;
  overflow: auto;
  padding: 5px;
}

.upload-item-template {
  padding: 5px;
}

.upload-item-template .upload-item {
  border: 1px solid #cecece;
  background-color: #fafafa;
  padding: 10px;
}

.upload-item-template .txt-name {
  font-weight: bold;
  margin-right: 20px;
}

.upload-item-template .txt-size {
  float: right;
}

.upload-item-template .progress {
  margin: 0;
  margin-top: 5px;
}

.upload-item-template .progress-bar {
  background: var(--base-blue-color);
}

.upload-progress-dialog {
  padding: 0 !important;
}

.v-tabs-nav-top {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 20px; 
  border-bottom: 1px solid var(--border-color);
  height: 38px;
}
 
.v-tabs-item-top {
  float: left;
  background-color: rgba(0,0,0,0.03); 
  border: 1px solid var(--border-color);
  border-width: 1px 1px 0 0;
  line-height: 33px;
  padding-top: 3px;
}

.v-tabs-item-top:not(.plus-menu-item) {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.v-tabs-item-top:first-child {
  border-left-width: 1px;
}

.v-tabs-item-top:hover {
  background-color: var(--body-bg-color);
}

.v-tabs-item-top.v-tabs-active {
  background-color: var(--body-bg-color); 
  height: 38px;
  border-top: 4px solid var(--highlight-color);
  padding-top: 0;
  font-weight: bold; 
}

.v-tabs-item-top.plus-menu-item {
  margin-top: 12px;
  padding: 0;
}

.v-tabs-item-top.plus-menu-item .btn {
  padding: 2px 6px;
  margin: 0;
  background: none;
}

.v-tabs-item-top.plus-menu-item .btn:focus {
  outline: 0;
}

.v-tabs-anchor-top {  
  display: block;
  color: inherit;
  text-shadow: none;
  padding: 0 20px; 
}

a.v-tabs-anchor,
a.v-tabs-anchor:hover {
  color: inherit !important; 
  text-decoration: none !important;
}

.v-tabs-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: text-top;
  background-repeat: no-repeat;
}

.v-tabs-item-top .fa {
  font-size: 1.3em;
  vertical-align: middle;
}

.v-tabs-dialog .ui-dialog-content {
  padding: 0;
}

.v-tabs-dialog .ui-dialog-titlebar {
  background: var(--pagetitle-bg-color);
  border: 0;
}

.v-tabs-main>*>.v-tabs-nav {
  background-color: var(--pagetitle-bg-color);
}

.v-tabs-main>*>.v-tabs-nav .v-tabs-item {
  border: 0;
  height: auto;
  line-height: 38px;
  padding: 0;
  background-color: rgba(0,0,0,0.04);
}

.v-tabs-main>*>.v-tabs-nav .v-tabs-item:hover {
  background: rgba(255,255,255,0.3);
}

.v-tabs-main>*>.v-tabs-nav .v-tabs-item.v-tabs-active {
  background-color: var(--body-bg-color);
}



/* SIDE NAV */

.v-tabs-nav-container-side {
  position: absolute;
  top: 0; 
  left: 0;
  bottom: 0;
  width: 170px;
  border-right: 1px var(--tab-side-border-color) solid;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}

.v-tabs-search {
  padding: 10px;
  border-bottom: 1px var(--tab-side-border-color) solid;
  flex-shrink: 0;
}

.v-tabs-nav-side {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  flex-grow: 0;
}

.v-tabs-container.sidenav-large .v-tabs-nav-container-side {width: var(--profile-sidebar-width)}
.v-tabs-container.sidenav-large .v-tabs-panel-side {left: calc(var(--profile-sidebar-width) + 1px)}
 
.v-tabs-item-side {
  max-width: none !important; /* fix jQuery dialog resize issue*/
  overflow: hidden;
  background-color: white;
  border-bottom: 1px var(--tab-side-border-color) solid;
}

.v-tabs-item-side:hover {
  background-color: rgba(0,0,0,0.03); 
}

.v-tabs-item-side.v-tabs-active {
  background-color: var(--highlight-color);
}

.v-tabs-anchor-side {
  display: flex;
  justify-content: space-between;
  font-weight: bold;  
  padding: 4px;
  line-height: 24px;
  cursor: pointer;
  color: inherit;
  text-shadow: none;
}

.v-tabs-caption-side {
  flex-grow: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.v-tabs-icon-side {
  flex-shrink: 0;
}

.v-tabs-anchor-side>.fa {
  font-size: 1.3em;
  vertical-align: middle;
  line-height: 24px;
  width: 24px;
  text-align: center;
  border-radius: 4px;
  flex-shrink: 0;
}

.v-tabs-panel-side {
  position: absolute;
  top: 0;
  left: 171px;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.v-button {
  background-color: rgba(0,0,0,0.1);
  border-radius: 6px;
  padding: 0 10px 0 10px;
  line-height: 36px;
  color: black;
  min-width: 70px;
  text-align: center;
  font-size: 13px;
  cursor: default;
  border: none;
  
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.v-button:not(.v-hidden) {
  display: inline-block;
}

.v-button.disabled {
  color: rgba(0,0,0,0.6);
  background-color: rgba(0,0,0,0.05);
}

.v-button:not(.disabled):hover {
  cursor: pointer;
  color: black;
  background-color: var(--highlight-color);
}

.v-button.hl-purple:not(.disabled):hover {
  color: white;
  background-color: var(--base-purple-color);
}

.v-button.hl-red:not(.disabled):hover {
  color: white;
  background-color: var(--base-red-color);
}

.v-button.hl-orange:not(.disabled):hover {
  color: white;
  background-color: var(--base-orange-color);
}

.v-button.hl-blue:not(.disabled):hover {
  color: white;
  background-color: var(--base-blue-color);
}

.v-button.hl-green:not(.disabled):hover {
  color: white;
  background-color: var(--base-green-color);
}

.v-button img {
  vertical-align: middle;
  margin-top: -2px;
}

.v-button.split-button {
  width: 25px;
  padding-left: 0;
  padding-right: 0;
}

.buttonset .v-button {
  min-width: inherit;
}

.buttonset .v-button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.buttonset .v-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 1px rgba(255,255,255,0.4) solid;
}

.page-box {
  float: right;
}

.page-box,
.page-box .btn,
.page-box input {
  font-size: 13px;
  text-align: center;
}

.page-box .displaying-num {
  margin-right: 10px;
}

.page-box .displaying-page {
  margin: 0px 6px;
}

.page-box .input-group-container {
  display: inline-block; 
  width: 230px; 
  vertical-align: middle;
}

.page-box .grid-download-menu a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.page-box .grid-download-menu a .download-item-text {
  flex-grow: 1;
  margin-left: 10px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.page-box .grid-download-menu a .fa {
  font-size: 2em;
}

.page-box .grid-download-menu a .download-item-title {
  font-weight: bold;
}

.page-box .grid-download-menu a .download-item-subtitle {
  font-size: 0.9em;
  color: rgba(0,0,0,0.6);
}

.v-filter-container.v-filter-hidecond .v-filter-all-condition {
  display: none;
}

.v-filter-container .v-filter-applyall {
  display: none;
}

.v-filter-container.v-filter-hascode .v-filter-applyall {
  display: block;
  margin-top: 10px;
}
 
.nav-wizard {
  display: flex;
  justify-content: space-between;  
}

.nav-wizard > li {
  flex: 1;
}
.nav-wizard > li > a {
  position: relative;
  background-color: #eeeeee;
}
.nav-wizard > li > a .badge {
  margin-left: 3px;
  color: #eeeeee;
  background-color: #428bca;
}
.nav-wizard>li>a {
  padding: 10px 15px;
  line-height: 20px;
}
.nav-wizard > li:not(:first-child) > a {
  padding-left: 34px;
}
.nav-wizard > li:not(:first-child) > a:before {
  width: 0px;
  height: 0px;
  border-top: 20px inset transparent;
  border-bottom: 20px inset transparent;
  border-left: 20px solid #ffffff;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
}
.nav-wizard > li:not(:last-child) > a {
  margin-right: 2px;
}
.nav-wizard > li:not(:last-child) > a:after {
  width: 0px;
  height: 0px;
  border-top: 20px inset transparent;
  border-bottom: 20px inset transparent;
  border-left: 20px solid #eeeeee;
  position: absolute;
  content: "";
  top: 0;
  right: -20px;
  z-index: 2;
}
.nav-wizard > li:first-child > a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.nav-wizard > li:last-child > a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.nav-wizard > li.done:hover > a,
.nav-wizard > li:hover > a {
  background-color: #d5d5d5;
}
.nav-wizard > li.done:hover > a:before,
.nav-wizard > li:hover > a:before {
  border-right-color: #d5d5d5;
}
.nav-wizard > li.done:hover > a:after,
.nav-wizard > li:hover > a:after {
  border-left-color: #d5d5d5;
}
.nav-wizard > li.done > a {
  background-color: #e2e2e2;
}
.nav-wizard > li.done > a:before {
  border-right-color: #e2e2e2;
}
.nav-wizard > li.done > a:after {
  border-left-color: #e2e2e2;
}
.nav-wizard > li.active > a,
.nav-wizard > li.active > a:hover,
.nav-wizard > li.active > a:focus {
  color: #ffffff;
  background-color: #428bca;
}
.nav-wizard > li.active > a:after {
  border-left-color: #428bca;
}
.nav-wizard > li.active > a .badge {
  color: #428bca;
  background-color: #ffffff;
}
.nav-wizard > li.disabled > a {
  color: #777777;
}
.nav-wizard > li.disabled > a:hover,
.nav-wizard > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: #eeeeee;
  cursor: default;
}
.nav-wizard > li.disabled > a:before {
  border-right-color: #eeeeee;
}
.nav-wizard > li.disabled > a:after {
  border-left-color: #eeeeee;
}

.wizard-step,
.wizard-step-title {
  display: none;
}

.wizard-step.active {
  display: block;
}

.ui-dialog .wizard {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ui-dialog .wizard-step { 
  margin-top: 10px;
  overflow: auto;
  flex: 1;
}


.v-icon-alias {
  width: 100px; 
  line-height: 100px;
  text-align: center; 
  font-size: 50px;
  cursor: pointer;
}
.v-icon-alias.no-icon {
  color: rgba(0,0,0,0.1); 
}
.v-icon-alias.disabled {
  color: rgba(0,0,0,0.1);
  cursor: default; 
}

.icon-color-block {
  display: flex;
  justify-content: space-between;
}

.icon-color-block .colors-block {
  flex-grow: 1;
  margin-left: 20px;
}

.icon-color-block .color-line {
  display: flex;
  justify-content: space-between;
  line-height: 50px;
}

.icon-color-block .color-line-picker {
  display: block;
  margin: 1px;
  text-align: right;
}

/**
 * selectize.default.css (v0.12.6) - Default Theme
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #fff;
  box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #0073bb;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #00578d;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #aaaaaa;
}
.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}
.selectize-control {
  position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}
.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 5px 8px 2px;
}
.selectize-input.full {
  background-color: #fff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #1da7ee;
  color: #fff;
  border: 1px solid #0073bb;
}
.selectize-control.multi .selectize-input > div.active {
  background: #92c836;
  color: #fff;
  border: 1px solid #00578d;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #ffffff;
  background: #d2d2d2;
  border: 1px solid #aaaaaa;
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 1px !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}
.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.selectize-dropdown .option,
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}
.selectize-dropdown .option,
.selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.selectize-dropdown [data-selectable].option {
  opacity: 1;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.selectize-dropdown .active.create {
  color: #495c68;
}
.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}
.selectize-control.multi .selectize-input.has-items {
  padding-left: 5px;
  padding-right: 5px;
}
.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #999;
  text-shadow: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.selectize-control.multi .selectize-input.disabled [data-value],
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  border-color: #e6e6e6;
}
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  background: none;
}
.selectize-control.multi .selectize-input [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #1b9dec;
  background-image: -moz-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9));
  background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -o-linear-gradient(top, #1da7ee, #178ee9);
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0);
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03);
  box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03);
}
.selectize-control.multi .selectize-input [data-value].active {
  background-color: #0085d4;
  background-image: -moz-linear-gradient(top, #008fd8, #0075cf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf));
  background-image: -webkit-linear-gradient(top, #008fd8, #0075cf);
  background-image: -o-linear-gradient(top, #008fd8, #0075cf);
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0);
}
.selectize-control.single .selectize-input {
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
  box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
  background-color: #f9f9f9;
  background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0);
}
.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border-color: #b8b8b8;
}
.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-weight: bold;
  font-size: 0.85em;
}
.selectize-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}
.selectize-dropdown .optgroup:first-child {
  border-top: 0 none;
}
.v-crud-group-control {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.v-crud-group-control[disabled='disabled'] {
  opacity: 0.5;
}

.v-crud-control {
  display: inline-block;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  overflow: hidden; 
}

.v-crud-control-title {
  background-color: var(--border-color);
  text-align: center;
  text-transform: lowercase;
  font-weight: bold;
  font-size: 0.9em;
  line-height: normal;
  color: black;
}

.v-crud-item {
  display: inline-block;
  width: 30px;
  line-height: 30px;
  text-align: center;
}

.v-crud-item[data-selected="true"] {
  background-color: var(--base-green-color);
  color: white;
}

.v-crud-group-control:not([disabled='disabled']) .v-crud-item {
  cursor: pointer;  
}

.v-crud-group-control:not([disabled='disabled']) .v-crud-item:not([data-selected='true']):hover {
  background: var(--border-color);
}

.task-progress-labels {
  font-weight: bold;
}

.icon-pane .icon-pane-image,
.icon-pane .icon-pane-iconalias {
  float: left;
  width: 32px;
  height: 32px;
  background-size: 100%;
}

.icon-pane .icon-pane-detail {
  margin-left: 42px;
}

.input-upload-drop .drag-over-hint,
.input-upload-drop .input-upload-drop-spinner  {
  display: none;
  border: 3px dashed var(--base-blue-color);
  background-color: rgba(0,0,0,0.1);
  border-radius: 5px;
  padding: 10px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.input-upload-drop .input-upload-drop-spinner  {
	font-size: 30px;
}

.input-upload-drop.drag-over *,
.input-upload-drop.drop-spinner * {
  display: none;
}

.input-upload-drop.drag-over .drag-over-hint,
.input-upload-drop.drop-spinner .input-upload-drop-spinner,
.input-upload-drop.drop-spinner .input-upload-drop-spinner * {
  display: block;
}


.rich-desc-widget .btn-close-tab {
  display: inline-block;
  margin-left: 3px;
  margin-right: -8px;
  margin-top: -6px;
  width: 16px;
  height: 16px;
  text-align: right;
  color: rgba(0,0,0,0.25);
}

.rich-desc-widget .btn-close-tab:hover {
  color: var(--base-red-color);
}

.rich-desc-widget .cke {
  margin: 0px;
  padding: 0px;
  border-width: 0px;
  border-radius: 0px;
}


.v-section {
  margin-bottom: 20px;
}

.v-section-header {
  color: #717177;
  margin: 2px 8px 2px 8px;
  text-transform: uppercase;
  font-size: 1em; 
}

.v-section-body {
  background: white;
  border-radius: var(--widget-border-radius);
}


.v-cfgform-field {
  display: flex;
  justify-content: space-between;
  padding: 4px 8px 4px 8px;
  border-bottom: 1px var(--body-bg-color) solid;
}

.v-cfgform-field-select {
  width: 40%;
}

.v-cfgform-field-value {
  width: 60%;
  text-align: right;
}

.v-cfgform-field:not(.selected) .v-cfgform-field-value {
  display: none;
}
.cal-month {
  text-align: center;
  line-height: normal;
}

.cal-month-header {
  background-color: var(--tab-border-color);
  color: white;
  font-weight: bold;
  padding: 5px;
  display: flex;
  justify-content: space-between;
}

.cal-month-title {
  text-align: center;
  flex-grow: 1;
}

.cal-month-nav {
  display: none;
  width: 24px;
  cursor: pointer;
}

.cal-month[data-showmonthnav='true'] .cal-month-nav {
  display: block;
}

.cal-month table {
  width: 100%;
  background: repeating-linear-gradient(
    315deg,
    #eee,
    #eee 5px,
    #e6e6e6 5px,
    #e6e6e6 7px
  );
}

.cal-month thead td {
  background-color: var(--pagetitle-bg-color);
  padding: 2px;
  font-size: 11px;
  font-weight: bold;
}

.cal-month td {
  position: relative;
  font-size: 14px;
  font-weight: bold;
  padding: 3px;
}

.cal-month .holiday {
  color: var(--base-red-color);
}

.cal-day {
  border: 1px solid rgba(0,0,0,0.1);
  border-width: 0 1px 1px 0;
  text-align: right;
}

.cal-day.active {
  background: white;
}

.cal-day:hover:not(.active):not(.other-month) {
  background-color: rgba(255,255,255,0.5);
}

.cal-day:not(.other-month) {
  cursor: pointer;
}

.cal-day.other-month {
  background-color: rgba(0,0,0,0.05);
}

.cal-day-dom {
  font-size: 12px;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 3px;
  padding-top: 4px;
  font-weight: bold;
}

.cal-day.other-month .cal-day-dom {
  display: none;
}

.v-upload-tile {
  position: relative;
  width: 200px;
  height: 200px;
  border-radius: 4px;
  background-color: var(--border-color);
  overflow: hidden;
  line-height: normal;
}

.v-upload-tile:not(.v-upload-status-empty) .v-upload-tile-empty, .v-upload-tile.v-upload-status-loading .v-upload-tile-empty {display: none}
.v-upload-tile:not(.v-upload-status-loading) .v-upload-tile-loading {display: none}
.v-upload-tile.v-upload-status-empty .v-upload-tile-preview {display: none}
.v-upload-tile.v-upload-status-empty .v-upload-tile-info {display: none}

.v-upload-tile.disabled .v-upload-tile-empty,
.v-upload-tile.disabled .v-upload-tile-topbar-item-clear {
  display: none !important;
}


.v-upload-tile-empty,
.v-upload-tile-loading,
.v-upload-tile-preview {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3em;
} 

.v-upload-tile-empty {
  cursor: pointer;
}

.v-upload-tile-empty:hover {
  background-color: rgba(0,0,0,0.2);
}

.v-upload-tile-loading {
  opacity: 0.5;
}

.v-upload-tile-preview {
  font-size: 5em;
  background-color: white;
  border-radius: 4px;
  border: 2px solid var(--border-color);
}

.v-upload-tile-topbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: none; 
  background-color: rgba(0,0,0,0.2);
}

.v-upload-tile:not(.v-upload-status-empty):hover .v-upload-tile-topbar {
  display: block;
}

.v-upload-tile-topbar-item {
  font-size: 2em;
  margin: 10px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
}

.v-upload-tile-topbar-item-clear {
  float: right;
}

.v-upload-tile-topbar-item-download {
  float: left;
}

.v-upload-tile-topbar-item:hover {
  color: var(--base-blue-color);
}

.v-upload-tile-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 4px;
  background-color: rgba(0,0,0,0.2);
}

.v-upload-tile-info-filename {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
}

.v-upload-tile-dragover {
  border: 5px dashed var(--base-blue-color);
}

.v-upload-tile-dragover * {
  display: none !important;

 }
.v-timepicker {
  display: inline-block;
  white-space: nowrap;
}

.v-timepicker-hh, .v-timepicker-mm {
  width: 70px;
}

.v-timepicker-hh {
  margin-right: 5px;
}
.v-filter-field:not(:first-child) {
  margin-top: 10px;
}


.selectize-dropdown {
  z-index: 999999;
}
.selectize-input {
  border-color: #ccc;
  border-radius: 4px;
}

.tooltipster-text-overflow {
  border-radius: 0; 
  border: 1px solid rgba(0,0,0,0.2);
  background: var(--content-bg-color);
  color: black;
}
.tooltipster-text-overflow .tooltipster-content {
  font-size: 13px;
  line-height: 18px;
  padding: 10px;
}

.entity-tooltip-baloon {
  min-width: 370px; 
  max-height: 370px;
  overflow: hidden;
}

.entity-tooltip-baloon .profile-pic-icon,
.entity-tooltip-baloon .profile-pic-img {
  float: left;
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px #efefef solid;
}

.entity-tooltip-baloon .profile-pic-img {
  background-size: cover;
}

.entity-tooltip-baloon .content {
  margin-left: 110px;
  line-height: 16px;
  color: #666666;
}

.entity-tooltip-baloon .entity-name {
  font-size: 14px;
  font-weight: bold;
}

.entity-tooltip-baloon .entity-type {
  font-weight: bold;
  margin-bottom: 10px;
}

.tooltip-title {
  font-size: 20px;
  border-bottom: 1px rgba(0,0,0,0.2) solid;
  padding: 5px;
  margin-bottom: 10px;
}

.tooltip-section {
  margin-bottom: 20px;
}

.lk-tooltip-link,
.metafield-tooltip-link {
  font-weight: bold;
  border-bottom: 2px dotted black;
  cursor: help;
}


/*** JQUERY WIZARD ***/



/*** FORM FIELD ***/
.form-field {
  padding: 4px;
  min-height: 42px;
  line-height: 34px;
}

.form-field-caption {
  float: left;
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form-field-caption.include-hint {
  width: 130px;
}

.form-field-multicol .form-field-caption,
.form-field-multicol .form-field-hint {
  margin-top: 18px;
}

.form-field-value {
  margin-left: 155px;
}

.form-field-multicol .form-field-value {
  margin: -5px -5px -5px 150px;
} 

.form-field-hint {
  display: inline;
  margin-left: 5px;
  font-size: 16px;
  color: rgba(0,0,0,0.2);
  cursor: help;
  font-family: var(--fa-style-family,"Font Awesome 6 Pro");
  font-weight: var(--fa-style,900);
}

.form-field-hint::before {
  content: "\f059"; /*fa-question-circle*/
}

.form-field-hint:hover {
  color: var(--base-clue-color);
}

.form-field > .form-field-hint {
  float: left;
}

.form-field-caption .checkbox-label input[type='checkbox'] {
  margin-left: 0;
  margin-right: 1px;
}

.form-field-caption.mandatory-field {
  text-decoration: underline;
}

.form-field select.timepicker {
  display: inline-block;
  width: 70px;
  margin-right: 5px;
}

.form-field input.hasDatepicker {
  width: 120px;
}

.form-field-optionset {
  line-height: normal;
}

.btn-notes .btn-notes-count {
  display: none;
}

.has-notes-highlighted .fa.fa-comments {
  color: var(--base-red-color);
}

.btn-notes.btn-notes-empty {
  display: none;
}

.import-hint-box,
.info-hint-box {
  color: var(--info-text-color);
  background-color: var(--info-bg-color);
  border: 1px var(--info-border-color) solid;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 10px;
}

.meta-field-value.missing-required,
.default-multilanguage-text.missing-required {
  border-color: var(--base-red-color);
}

.infoicon-stats {
  width: 16px;
  height: 16px;
  background-image: url('imagecache?name=infoicon-stats.png&size=16');
  display: inline-block;
  vertical-align: sub;
}

.tz-datetime {
  white-space: nowrap;
}

.listcontainer .tz-datetime {
  font-size: 0.9em;
}

.tz-datetime .fa {
  opacity: 0.8;
}

.snp-inline-legend {
  display: inline-block;
  width: 9px;
  height: 9px;
}

.table-import-help {
  width: 100%;
  color: var(--text-color);
  background-color: var(--base-gray-color);
  border-spacing: 1px;
}
.table-import-help td {
  background-color: white;
  padding: 1px 5px;
  vertical-align: top;
}
.table-import-help thead td {
  font-weight: bold;
  background: #dfdfdf;
}
.table-import-help td.table-import-help-fieldname {
  font-weight: bold;
  white-space: nowrap;
}
.table-import-help td.table-import-help-types {
  white-space: nowrap;
  text-align: center;
}
.table-import-help td.table-import-help-mandatory {
  text-align: center;
}

/*** TABLEDEF GRID ***/
.grid-content {
  border: 1px var(--border-color) solid;
  color: rgba(0,0,0,0.8);
  background-color: white;
  border-radius: 4px;
}

.grid-content .grid-row {
  display: flex;
  border-bottom: 1px var(--border-color) solid;
  color: rgba(0,0,0,0.8);
  height: 48px;
}

.grid-content .grid-row.header{
  height: 45px;
}

.grid-content .grid-row.content {
  cursor: pointer;
}

.grid-content .grid-row.header {
  font-size: 13px;
  font-weight: bold;
  color: #333333;
  text-shadow: 0pt 1px 0pt #ffffff;
}

.grid-content .grid-row.content:nth-child(even) {
  background-color: #fbfcfd;
}

.grid-content .grid-row.content:hover {
  background-color: #ebf3fa;
}

.grid-cell-container {
  flex: 1;
  position: relative;
}

.grid-cell {
  display: flex;
  position: absolute;
  padding: 0px 6px 0px 6px;
}

.grid-cell-container.header {
  background-color: white;
}

.icon-cell {
  flex-grow: 0;
  align-self: center;
  padding: 4px 6px 4px 6px;
}

.grid-row.group {
  background-color: var(--header-bg-color);
  font-weight: bold;
  height: 27px;
}

.grid-row.group .grid-cell {
  height: 100.0%;
  align-items: center;
  margin-left: 4px;
}

.grid-row.header .icon-cell {
  width: 48px;
}

.common-status-cell {
  padding: 4px 6px 4px 6px;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
}

.cell-content {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

input[type='checkbox'].cblist {
  margin : 0px;
}

.search-code-container {
  display: flex; 
  justify-content: space-between; 
  align-items:center;
}

.multi-col-container {
  display: flex;
  justify-content: space-between;
  margin: -5px;
}

.multi-col-item {
  flex: 1 1 0px;
  margin: 5px;
}

.multi-col-item-title {
  line-height: normal;
}

.v-height-to-bottom {
  position: relative;
}

.stat-section {
  padding-top: 10px;
  padding-bottom: 10px;
}

.stat-section-title {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: normal;
  border-bottom: 1px solid var(--base-gray-color);
  color: rgba(0, 0, 0, 0.8);
}

.stats-table {
  width: 100%;
}
.stats-table td {
  padding: 5px;
}


input.is-valid,
input.is-invalid {
  padding-right: calc(1.5em + .75rem);
  background-repeat: no-repeat;
  background-position: right .4em center;
  background-size: 1.6em;
}

input.is-valid {
  background-image: url(/imagecache?name=%5Bfont-awesome%5Dcircle-check%7CColorizeGreen&size=32);
}

input.is-invalid {
  background-image: url(/imagecache?name=%5Bfont-awesome%5Dcircle-exclamation%7CColorizeRed&size=32);
}

 
.thin-scrollbar::-webkit-scrollbar, 
.profile-fixed-view .profile-pic-div::-webkit-scrollbar             {width:6px}

.thin-scrollbar::-webkit-scrollbar-track, 
.profile-fixed-view .profile-pic-div::-webkit-scrollbar-track       {visibility:hidden}

.thin-scrollbar::-webkit-scrollbar-thumb, 
.profile-fixed-view .profile-pic-div::-webkit-scrollbar-thumb       {background:rgba(0,0,0,0.3); border-radius:10px}

.thin-scrollbar::-webkit-scrollbar-thumb:hover, 
.profile-fixed-view .profile-pic-div::-webkit-scrollbar-thumb:hover {background:black}

.thin-scrollbar:hover, 
.profile-fixed-view .profile-pic-div:hover                          {overflow-y:auto !important}


.profile-fixed-view {
  position: fixed;
  top: var(--adminbody-tabcontent-top);
  left: var(--adminnavbar-width);
  bottom: 0;
  right: 0; 
  display: flex;
  justify-content: space-between;
  flex-direction: column; 
}

.profile-fixed-view .tab-toolbar {
  flex-grow: 0;
  flex-shrink: 0;
}

.profile-fixed-view .tab-content {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto; 
  display: flex;
  justify-content: space-between;
  overflow: hidden; 
}

.profile-fixed-view .profile-pic-div {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  overflow: hidden;
}

.profile-fixed-view .profile-cont-div {
  flex-grow: 1;
  flex-shrink: 1;
  margin-left: 10px;
  overflow: auto;
}