File Manager - BorneoXploit

Editing: gray-theme.css

@font-face{font-family:FramedTheme;src:url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2');font-weight:400;font-style:normal}.ff{display:inline-block;font:normal normal normal 14px/1 FramedTheme;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ff-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.ff-2x{font-size:2em}.ff-3x{font-size:3em}.ff-4x{font-size:4em}.ff-5x{font-size:5em}.ff-fw{width:1.28571429em;text-align:center}.ff-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.ff-ul>li{position:relative}.ff-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.ff-li.ff-lg{left:-1.85714286em}.ff-webmin:before{content:'\f000'}.ff-virtualmin:before{content:'\f001'}.ff-virtualmin-tick:before{content:'\f002'}.ff-cloudmin:before{content:'\f003'}.ff-sign-out:before{content:'\f008'}.ff-refresh:before{content:'\f009'}.ff-home:before{content:'\f00b'}.ff-chart:before{content:'\f00c'}.ff-exclamation-triangle:before{content:'\f00d'}.ff-play-circle:before{content:'\f00e'}.ff-mail:before{content:'\f00f'}.ff-address-book:before{content:'\f010'}.ff-signature:before{content:'\f011'}.ff-lock:before{content:'\f012'}.ff-folder-open:before{content:'\f013'}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
:root {
  --text-color-danger: #bc0303;
  --text-color-success: #3c763d;
  --text-color-warning: #b58900;
  --text-color-info: #108eda;
}
body {margin: 8px; color: #212121; line-height:1.5em; text-align:left;}
p { margin-top:4px; }
table { border-width: 0px;
  empty-cells: hide;
  border-collapse: separate;
  margin:0;
}
table.formsection, table.ui_table, table.loginform {
  border-collapse: separate;
  border-collapse: collapse;
  border: 1px solid #FFFFFF;
  width: 100%;
}
table.ui_table .ui_table {
  border: none;
}
table.shrinkwrapper > tbody > tr > td > .ui_table {
  table-layout: fixed;
}
img, a img { border:0; }
tr.row0 {background-color:#e8e8ea;}
tr.row1 {background-color:#f8f8fa;}
table.formsection thead, table.sortable thead, table.ui_table thead, table.loginform thead {
background-color:#d0e0fc;
border:0px;
text-align:left;
}
table.ui_table thead td {
  padding: 0.5px 5px 1px 2px;
}
table.sortable tbody td {
  padding: 2px;
}
table.ui_table td textarea {line-height:normal; font-family:monospace;}
table.ui_table td div.barchart * {
  margin: 0;
}
textarea {
  padding: 4px;
  resize: vertical;
}
table.ui_table thead td * {
  vertical-align:middle;
  margin: 0;
  padding: 0 0 0 1px; 
}
table.ui_table dt, table.ui_table dd {
  padding: 0 2px;
}
table.ui_form_end_buttons td {
  padding: 6px 3px;
}
div.ui_form_end_buttons {
  padding: 6px 3px;
}
.ui_form_end_buttons input {
  padding: 1px;
}
.ui_form_value td > b > input+label+tt,
.ui_form_value td > b > input+label {
  font-weight: normal !important;
}
table.ui_grid_table td {
  padding: 2px 4px;
}
select,
input {
  padding: 1px;
}
th, td {
	border: none;
}
table.formsection tbody, table.sortable tbody, table.ui_table tbody, table.loginform tbody {
background-color:#f5f5f5;
}
a:link, a:visited { color: #0b46ab;
  text-decoration: none;
}
a:hover, a:visited:hover { color: #0b46ab;
  text-decoration: none;
}
a.ui-hidden-table-title { color: #212121; }
title { color: #212121;
  font-family: sans-serif;
}
h1,h2,h3,h4,h5 { color: #212121;
}
/* pre { font-size: 77%; } */
#main { border-style: solid;
  border:1px solid #FFFFFF;
  margin:0;
  padding:0;
}
table#main td {
  padding: 4px;
}
tr.mainsel { background-color: #ddffbb; }
tr.mainhigh { background-color: #ffffbb; }
tr.mainhighsel { background-color: #bbffcc; }
.itemhidden { display: none; }
.itemshown { display:block; }
.barchart { padding: 1px;
  border: 1px solid #d9d9d9;
  white-space: nowrap;
  /*position:relative;*/
}
.ui_post_header{ font-size: 116%;
 text-align: center;
 padding: 4px;
}
.ui_subheading { font-size: 116%;
  font-weight: bold;
}
hr { border: 0;
  width: 90%;
  height: 1px;
  color: #D9D9D9;
  background-color: #D9D9D9;
}
table.shrinkwrapper table.ui_table td.ui_form_value > table.ui_table,
table.wrapper, table.shrinkwrapper {
  background-color:#D9D9D9;
  border:1px solid #D9D9D9;
  border-collapse:collapse;
  empty-cells: hide;
  margin:0;
  padding:0;
}
table.wrapper table.wrapper, table.shrinkwrapper table.shrinkwrapper {
  border:none;
  background-color:#f5f5f5;
}
div.wrapper {
  border:1px solid #D9D9D9;
  background-color:#F5F5F5;
  padding:0;
  margin:0;
}
.tabSelected {
  background-color:#D0E0FC;
}
.tabUnselected {
  background-color:#D9D9D9;
}
.tabUnselected sup,
.tabSelected sup {
    vertical-align: text-top;
    margin-top: -4px;
    font-size: 70%;
    display: inline-block;
    margin-right: -3px;
}
.goArrow { margin-bottom: -4px; }
.ui_checked_columns .ui_checked_checkbox {
  min-width: 20px;
}
.ui_form_label{
  text-align:right;
  vertical-align:top;
}
.ui_form_pair .ui_form_value {
  padding-left: 8px;
}
.ui_form_pair td {padding:4px;}
.ui_form_pair td table.ui_radio_table tr td {padding:2px;}
.ui_form_pair td table tr td {padding:0px;}
.ui_radio_table tr td {padding:2px;}
.ui_buttons_table tr td {padding:4px;}
/* left menu */
.mode {
  left: auto;
  right: auto;
}
.linkwithicon {
  position: relative;
  white-space: nowrap;
  left: 2px;
  width: 16px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.linkwithicon img, .mode img {
  margin-bottom: -2px;
}
.leftlink {
  position: relative;
  left: 4px;
  right: 4px;
  line-height: 1.5em;
}
.linkindented {
  border: none;
  position: relative;
  margin-right: 2px;
  margin-left: 20px;
  line-height: 1.5em;
}
.linkwithicon.inactive a,
.linkindented.inactive a {
  /* pointer-events: none; */
  filter: grayscale(1);
  opacity: .75;
}
.linkindented.inactive {
  white-space: pre;
}
.linkwithicon.inactive sub,
.linkindented.inactive sub {
  vertical-align: top;
}
.aftericon {
  display: inline;
}
.domainmenu {
  white-space: nowrap;
  position: relative;
  left: 4px;
  padding-top: 2px;
}
br[data-x-br] {
  content: "";
  margin: 2em;
  display: block;
  font-size: 42%;
}

.ui_help {
    margin: auto 0 auto 5px;
    font-size: 70%;
    cursor: help;
    color: #d0e0fb;
    background-color: #00000099;
    border-radius: 50%;
    padding: 1px 3px;
    vertical-align: super;
    opacity: .8;
}

tr:has(.ui_help) td:not(:hover) .ui_help {
    visibility: hidden;
}

tr:has(.ui_help) td.ui_form_label .ui_help {
  visibility: visible;
}

td:not(:hover) .ui_link_help {
  visibility: hidden;
}

.ui_link_help {
  display: initial;
  float: right;
  margin-right: 4px;
}

.ui_text_wrap {
  float: right;
}

[data-tooltip][aria-label] {
    position: relative;
    vertical-align: top;
}

[data-tooltip][aria-label]::after {
    content: "";
    pointer-events: none;
    width: 0;
    height: 0;
    position: absolute;
    border-color: black;
    border-width: 0;
    border-style: solid;
    opacity: 0;
    visibility: none;
    margin-bottom: 5px;
    border-top-width: 10px;
    border-right-width: 10px;
    border-right-color: transparent;
    border-left-width: 10px;
    border-left-color: transparent;
    bottom: 100%;
    right: 50%;
    transform: translateX(50%)
}

[data-tooltip][aria-label]::before {
    bottom: calc(15px + 100%);
    right: 50%;
    transform: translateX(50%);
    font-size: 11px;
    font-weight: normal;
    text-shadow: none;
    content: attr(aria-label);
    pointer-events: none;
    word-wrap: initial;
    word-break: break-all;
    max-width: 50vw;
    width: max-content;
    position: absolute;
    color: white;
    background: black;
    padding: 4px 8px;
    border-radius: 2px;
    opacity: 0;
    visibility: none;
    text-align: center;
}

[data-tooltip][aria-label]:hover::before,
[data-tooltip][aria-label]:hover::after {
    visibility: visible;
    opacity: 1;
    transition-duration: .5s
}

@media print {
    body > .header,
    body > .header ~ center,
    .ui_form ~ a,
    .ui_table a[href*=".cgi"],
    .ui_form .ui_link,
    .ui_form > center,
    .ui_form > [name],
    .ui_form > .wrapper,
    .ui_form > .wrapper ~ .shrinkwrapper,
    .ui_table > thead > tr > td:not(:first-child):last-child {
        display: none;
    }
    
    .ui_table > thead > tr > td > b {
        font-size: 1.33em;
    }

.ui_table > thead >tr > td {
        border-bottom: 2px solid #D9D9D9;
        text-align: center;
        position: relative;
        padding: 10px;
    }

body > .header ~ .ui_form[action*=".cgi"]:first-of-type {
        margin-top: -50px;
    }

pre {
        white-space: pre-wrap;
    }

a {
        word-break: break-word;
    }

a[href]:after {
        content: none;
    }
}

form[action="config_save.cgi"] #sortableTable2 > thead > tr > td {
    text-align: center;
}
form [name="mode"] + .leftlink {
    white-space: nowrap;
}
.leftmenu details > summary {
  cursor: pointer;
}
.leftmenu details > summary::marker {
  color: #bfbfbf;
  font-size: 110%;
}
.leftmenu details > summary::-webkit-details-marker {
    color: #bfbfbf;
}

.leftmenu details > summary  span {
  padding-left: 2px;
  white-space: nowrap;
  color: #000;
}

.leftmenu details {
  padding-left: 6px;
  padding-bottom: 4px;
}

.leftmenu details .linkindented {
  margin-left: 16px;
}
.ui_alert_box > tbody > tr > td {
  padding-left: 8px;
  padding-right: 8px;
}
.ui_alert_box > tbody > tr[bgcolor="#DFF0D8"] > td {
  border: 1px solid #7cda1099;
}
.ui_alert_box > tbody > tr[bgcolor="#D9EDF7"] > td {
    border: 1px solid #108eda5c;
}
.ui_alert_box > tbody > tr[bgcolor="#FCF8E3"] > td {
  border: 1px solid #dac51099;
}
.ui_alert_box > tbody > tr[bgcolor="#F2DEDE"] > td {
  border: 1px solid #da10bb57;
}
.alert {
  padding: 2px 8px;
}
.alert.alert-success {
  background-color: #DFF0D8;
  border: 1px solid #7cda1099;
}
.alert.alert-info {
  background-color: #D9EDF7;
  border: 1px solid #108eda5c;
}
.alert.alert-warning {
  background-color: #FCF8E3;
  border: 1px solid #dac51099;
}
.alert.alert-danger,
.alert.alert-danger-fatal {
  background-color: #F2DEDE;
  border: 1px solid #da10bb57;
}

.right-top-links {
  margin-bottom: 4px;
}

details table.wrapper, details table.shrinkwrapper,
details.ui_hidden_table_start {
  background-color: #f5f5f5;
}
details.ui_hidden_table_start {
  border: 1px solid #d9d9d9;
  margin: 2px 0;
}
details.ui_hidden_table_start > summary {
  cursor: pointer;
  background-color: #d0dffc;
  padding: 1px 6px;
}
details.ui_hidden_table_start > summary span {
  font-weight: bold;
}
details.ui_hidden_table_start > summary span.rightheading {
  float: right
}
details.ui_hidden_table_start > summary::marker {
  color: #a1acc0;
  font-size: 110%;
}
details.ui_hidden_table_start > summary  span {
  padding-left: 3px;
  white-space: nowrap;
  color: #212121;
  vertical-align: top;
}
details.ui_hidden_table_start > summary::-webkit-details-marker {
    display: inline-block;
    width: 0.66em;
    height: 0.66em;
    margin-top: 0.4em;
    margin-right: 0.4em;
    color: #a1acc0;
}

details:not([open]).on-hover:not(:hover) summary::after {
  visibility: hidden !important;
}

details.inline {
  cursor: pointer;
  padding: 0;
  background: transparent;
  border: 0;
  margin: 0;
}

details.inline > summary + span {
  margin: 1px 0 0 18px;
  display: inline-block;
  font-size: 98%;
  cursor: default;
  line-height: 1.33;
}

details.inline.inlined > summary,
details.inline.inlined {
    display: inline !important;
}

details > span .ui_alert_box {
    margin-top: 5px;
}

details > span .ui_alert_box:not(:has(+p)) {
    margin-bottom: 5px;
}

details.inline.inlined > span {
    margin-top: 10px;
}
/* Inline details inside table rows should align with the row content. */
.ui_table.ui_columns td > details.inline.inlined > span {
    margin-top: 0;
}

details.inline > summary + span > tt {
  font-size: 96%;
}

details.inline > summary {
  list-style: none;
}

details[open].inline > summary:after,
details.inline > summary:after {
  content: '⏴';
  opacity: 0.72;
  margin-top: 0;
  margin-left: 7px;
  margin-right: 7px;
  color: #010101;
  position: relative;
}

details[open].inline > summary:after {
  content: '⏷';
}

details.inline.fit > summary + span span,
details.inline.fit > summary + span {
  width: fit-content;
    display: inline-block;
}

details summary {
  cursor: pointer;
}

[data-second-print]:has(details) + br:has(+[data-x-br]) {
  display: none;
}

.leftmenu .ff {
      font-size: 110%;
    margin-left: -3px;
    margin-right: 1px;
}
.leftmenu .ff.ff-signature {
  font-size: 92%;
  margin-left: -1px;
  margin-right: 2px;
  color: seagreen;
}
.leftmenu .ff.ff-lock {
  font-size: 105%;
  margin-left: 0;
  margin-right: 3.5px;
  color: #d59500;
}
.leftmenu .ff.ff-address-book {
  margin-left: -1px;
  margin-right: 5px;
  color: lightseagreen;
}
.leftmenu .ff.ff-mail {
  margin-left: -2px;
  margin-right: 4px;
  color: #0b46ab;
}
.leftmenu .ff.ff-folder-open {
  font-size: 100%;
  margin-left: -2px;
  margin-right: 3px;
  color: #1180c4;
}
.leftmenu .ff-refresh,
.leftmenu .ff-virtualmin-tick {
  color: #10a929;
}
.leftmenu .ff-cloudmin {
  color: #df620a;
}
.leftmenu .ff-virtualmin-tick {
    font-size: 115%;
    margin-right: 0;
}
.leftmenu .ff-cloudmin {
    font-size: 140%;
    vertical-align: middle;
    margin-left: -2px;
    margin-right: 0;
}
.leftmenu .ff-chart {
  color: #2174ac;
}
.leftmenu .ff-home {
  color: #b5710b;
}
.leftmenu .ff-sign-out {
  color: #b51b0b;
  margin-left: -2px;
  margin-right: 0;
}
.leftlink .servers-submit {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.leftlink .servers-submit > i {
  color:#399917;
}
.main-logo {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}
.main-logo.webmin {
  filter: brightness(1.35) contrast(0.75) saturate(1.35);
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
body > .mode  {
  opacity: 0;
  font-size: 110%;
  margin-bottom: 4px;
  filter: saturate(1.5);
  animation: fadeIn 0.025s;
  animation-delay: 0.25s;
  animation-fill-mode: forwards;
}
body > .mode + .wrapper.leftmenu {
  opacity: 0;
  animation: fadeIn 0.025s;
  animation-delay: 0.25s;
  animation-fill-mode: forwards; 
}
body > .mode img {
  visibility: hidden;
}
body > .mode img[src*="vm2.png"] {
  width: 18.59px;
  height: 0;
}
body > .mode img[src*="virtualmin.png"] {
  width: 17.16px;
  height: 0;
}
body > .mode img[src*="webmin-small.png"] {
  width: 16.52px;
  height: 0;
}
body > .mode .ff {
  font-size: 120%;
}
body > .mode .ff-cloudmin {
  font-size: 130%;
  vertical-align: top;
}

body > .mode > b {
    cursor: default;  
}

/* Tears of joy! How long I wanted it to work without Javascript!
   We can target parent that has only two children (i.e. WM+VM), so
   now we can fit all three modes and have more space in two
*/
body > .mode:has(b:nth-child(1) + b:last-child) b {
  padding-right: 3px
}

body > .mode > b {
    color: #333;
}
body > .mode > b > a {
  color: #0b46ab;
}

/* Light blue for Webmin */
body > .mode > b[data-mode="mailbox"] > a,
body > .mode > b[data-mode="mailbox"] > a > .ff-webmin {
  color: #0a6bca;
}
/* Green for Usermin */
body > .mode > b[data-mode="mailbox"] > a,
body > .mode > b[data-mode="mailbox"] > a > .ff-usermin {
  color: #19950d;
}
/* Orange for Cloudmin  */
body > .mode > b[data-mode="server-manager"] > a,
body > .mode > b[data-mode="server-manager"] > a > .ff-cloudmin {
  color: #cb6d2f;
}

/* ui_div_row */
.ui_div_row {
  margin: 4px 0;
}
.ui_div_row > span:first-child {
  width: 100px;
  min-width: 10%;
  max-width: 15%;
  display: inline-block;
  vertical-align: top;
  padding-top: 4px;
  text-align: right;
  padding-right: 8px;
  font-weight: bold;
}
.ui_div_row > span:last-child {
  padding-top: 4px;
  display: inline-block;
  max-width: 80%;
  width: 80%;
}
.ui_link_pagination.disabled {
  filter: grayscale(1) opacity(0.6);
  pointer-events: none;
}

.ui_form_elements_wrapper_search {
  float:right;
  margin-bottom: 3px;
}
.ui_form_elements_wrapper_search * {
  line-height: initial !important;
}

.ui_form_elements_wrapper_search [data-class="ui_textbox_pagination_search"] {
  padding-right: 17px;
}
.ui_form_elements_wrapper_search [data-class="ui_textbox_pagination_search"] + .ui_reset:active,
.ui_form_elements_wrapper_search [data-class="ui_textbox_pagination_search"] + .ui_reset:focus,
.ui_form_elements_wrapper_search [data-class="ui_textbox_pagination_search"] + .ui_reset {
    position: absolute;
    right: 17px;
    min-height: 17px;
    background-color: transparent;
    border-color: transparent;
    cursor: pointer;
    outline: none;
}
.ui_form_elements_wrapper_search [data-class="ui_textbox_pagination_search"]:not([value=""]) + .ui_reset {
    color: #dd4242;
}

.ui_form_elements_wrapper_paginator {
  float:right;
  margin-top: 3px;
}
.ui_form_elements_wrapper_paginator .ui_textbox {
  border: 1px dashed #0b46ab;
  padding-right: 2px;
  text-align: center;
}

/* Quill mods */
.ql-compose-container {
  border: 1px solid #ccc;
}
.ql-compose-container .ql-container.ql-snow {
  border: 0;
}
.ql-compose-container .ql-toolbar.ql-snow {
  border-top: none;
  border-right: none;
  border-left: none;
}
.ql-compose-container .ql-editor {
  min-height: 180px;
  padding: 4px 6px 12px 6px;
}
.ql-snow .ql-editor pre {
  font-size: 92%;
}
.ui_form_pair[data-contents="email"] > .ui_form_value,
.ql-compose-container .iframe_quote_details,
.ql-compose-container .ql-container.ql-snow .ql-editor {
  background-color: #fff;
}
.ui_form_pair > .ui_form_value > textarea[name='body'],
.ql-compose-container .ql-container.ql-snow .ql-editor {
  font-size: 14px;
  line-height: 1.231;
}
.ui_form_pair > .ui_form_value > textarea[name='body'] {
  width: -webkit-fill-available !important;
  min-height: 180px;
}
.ql-compose-container .ql-container.ql-snow .ql-editor * {
  line-height: 1.231;
}
.ui_form_pair[data-contents="email"] > .ui_form_value {
  padding: 0;
}
.ql-compose-container .ql-container.ql-snow .ql-editor blockquote {
  border-left-width: 1px;
  margin-left: 6px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 12px;
}
.ql-compose-container .ql-container.ql-snow .ql-editor pre.ql-syntax {
    background-color: #f5f5f5;
    color: initial;
}
.ql-compose-container .ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #00000066;
}
.ql-compose-container .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #00000055;
}
.ql-compose-container .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #00000044;
}
.ql-compose-container .ql-snow .ql-tooltip {
  z-index: 99;
}

/* Shell module tweaks */
.shell pre {
  overflow-x: auto;
  overflow-y: hidden;
}
.shell input[name="cmd"] {
  max-width: 64.5vw;
}
.shell select[name="pcmd"] {
  max-width: 65vw;
}
/* Disabled pages tweaks */
[data-pro-disabled$="-link"] {
  filter: grayscale(1) contrast(0.1);
  opacity: 1;
}

.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair:has(hr) ~ .ui_form_pair > .ui_form_label:not([data-pro-disabled="cell"]) > b > label > a,
.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair:has(hr) ~ .ui_form_pair > .ui_form_value > .ui_multi_select .ui_multi_select_heads b,
[data-pro-disabled="cell"],
[data-pro-disabled$="-elem"] {
  filter:grayscale(1);
  opacity: .73;
}
.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair:has(hr) ~ .ui_form_pair > .ui_form_value:not([data-pro-disabled="cell"]) > .ui_multi_select .ui_multi_select_heads b {
  opacity: .61;
}
.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair:has(hr) ~ .ui_form_pair > .ui_form_value > .ui_multi_select .ui_multi_select_row input[type="button"],
.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair:has(hr) ~ .ui_form_pair > .ui_form_value > .ui_multi_select .ui_multi_select_row select {
  color: rgba(118, 118, 118, 0.4);
  pointer-events: none;
  opacity: 0.8;
}
.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair:has(hr) ~ .ui_form_pair > .ui_form_value > .ui_multi_select .ui_multi_select_row input[type="button"] {
  opacity: 0.3;
}
.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair:has(hr) ~ .ui_form_pair > .ui_form_value:only-child {
  color: rgba(18, 18, 18, 0.7);
  filter: grayscale(1) contrast(0.9);
  pointer-events: none;
}
.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair:has(hr) ~ .ui_form_pair > .ui_form_value > .ui_multi_select .ui_multi_select_row select {
  background-color: rgba(239, 239, 239, 0.3);
  border-color: rgba(118, 118, 118, 0.3);
  box-shadow: none;
}
[data-pro-disabled="cell"] + .ui_form_value,
.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair:has(hr) ~ .ui_form_pair > .ui_form_value > .ui_multi_select .ui_multi_select_row > td,
.shrinkwrapper:has([data-pro-disabled="cell"]) ~ .ui_form_end_buttons {
  cursor: not-allowed;
}
.shrinkwrapper:has([data-pro-disabled="cell"]) ~ .ui_form_end_buttons [name="create"] {
  pointer-events: none;
  opacity: 0.4;
}
[data-pro-disabled$="-elem"] input:not([type="radio"]):not([type="checkbox"]) {
  filter: grayscale(1) contrast(0.9);
}
[data-pro-disabled$="-elem"] input {
  cursor: not-allowed !important;
}
.linkwithicon.inactive a,
.linkindented.inactive a,
[data-pro-disabled$="-link"] a {
  cursor: alias;
}
[data-pro-disabled$="-elem"] a {
  filter: grayscale(1) contrast(0.5);
}
[data-pro-disabled$="-elem"] a:hover {
  filter: grayscale(1) contrast(1);
}
.not-secure {
  color: #c40000;
  float: right;
}
.inherit-color::after,
.inherit-color::before,
.inherit-color:focus::after,
.inherit-color:focus::before,
.inherit-color:active::after,
.inherit-color:active::before,
.inherit-color:hover::after,
.inherit-color:hover::before,
.inherit-color:focus,
.inherit-color:active,
.inherit-color:hover,
.inherit-color {
    color: inherit !important;
}
.table-simple {
    width: auto !important;
    max-width: 100%;
}
.table-simple tr td {
    padding: 0 4px !important;
}
.field-sizing-content {
  field-sizing: content !important;
  min-width: 15px !important;
}
.text-danger {
  color: var(--text-color-danger);
}
.text-success {
  color: var(--text-color-success);
}
.text-warning {
  color: var(--text-color-warning);
}
.text-info {
  color: var(--text-color-info);
}
/* Utility used by forms that need fields to consume the available row width. */
.w-100 {
    width: 100% !important;
}

Cancel