so that side borders are displayed even when the first and last */
/* cells in each row are | s ( | s would display the border in any case); so undo part of tbody.ui-widget-header */
table.ui-styled-table.ui-widget-header, table.ui-styled-table > tbody.ui-widget-header {
font-weight: inherit;
}
table.ui-styled-table > tbody.ui-widget-header > tr > td {
border-left-width: 0 !important;
border-right-width: 0 !important;
}
/* PROBLEMS: */
/* - The first row of the body, when hovered, does not properly take control of its top border on any browser other than IE7 */
/* - If the table has a footer that contains | s, the border between the body and footer will be rendered according */
/* to the styles of the body cells and not according to that of the footer cells (which should be "stronger") */
/* - If the body contains | s where the next row has a | in the same column, the border between them will be */
/* rendered according to the styles of the | and not according to that of the | (which should be "stronger") */
/* - If the body has rows that reach to the end of the body due to rowspan but are not actually the last row, and
there is no footer to hide the glitch, those cells will not have a bottom border */
/* Additional styles for tables that are also jQuery.ui.sortable; (.ui-state-active is given to the appropriate row) */
table.ui-styled-table > tbody > tr.ui-state-active {
font-weight: inherit;
}
table.ui-styled-table > tbody > tr.ui-state-active > * {
background: inherit;
}
/* */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
button.button-icon {
position: relative;
padding-left: 27px;
vertical-align: bottom;
}
button.button-icon::before {
position: relative;
margin-left: -16px;
margin-right: 5px;
color: #fff !important;
display: inline-block;
}
button[disabled].button-icon::before {
color: #000 !important;
}
button > .icon::before {
color: #fff !important;
display: block;
}
.select2-container .select2-choice {
background-image: none;
padding: .10rem .55rem;
height: auto;
border: 1px solid #ced4da;
}
input.select2-input:focus {
box-shadow: none;
}
form.stylized .inode-combobox .ui-widget.ui-button.inode-combobox-toggle {
border-radius: 0;
border: 0;
outline: 0;
background-color: #fff;
overflow: hidden;
max-height: 26px;
}
form.stylized .inode-combobox .validation-error + .ui-widget.ui-button.inode-combobox-toggle {
background-color: #FFCFCF !important;
}
form.stylized ol > li > .inode-combobox > input {
display: inline-block;
width: 100%;
padding-right: 20px;
clip: rect(auto, auto, auto, auto);
}
.status-report-widget {
padding: 0;
margin-bottom: 15px;
}
.status-report-widget.service-status-active h1:before {
background-color: #28A745;
}
.status-report-widget.service-status-busy h1:before {
background-color: #6A97C4;
}
.status-report-widget.service-status-error h1:before,
.status-report-widget.service-status-disabled h1:before {
background-color: #dc3545;
border-left-color: #dc3545;
}
.status-report-widget .form-buttons {
float: right;
margin-top: -2px;
}
.status-report-widget h1:before {
content: '';
background-color: #2c3b41;
display: inline-block;
height: 100%;
width: 8px;
position: absolute;
left: 0;
top: 0;
border-top-left-radius: 0.55rem;
border-bottom-left-radius: 0.55rem;
}
.status-report-widget h1 {
position: relative;
font-size: 1.1em;
margin: 0;
line-height: 3.5em;
padding: 0 15px 0 22px;
box-shadow: 0 .08rem .3rem 0 rgba(58,58,58,.25) !important;
border: 1px solid #eee;
background: #fbfbfb;
border-radius: .55rem;
}
.status-report-widget h1.not-loaded {
animation-name: fb-loading-animate;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: linear;
background: -webkit-gradient(linear, left top, right top, color-stop(8%, #f8f8f8), color-stop(18%, #FFF), color-stop(33%, #f8f8f8));
background: -webkit-linear-gradient(left, #f8f8f8 8%, #FFF 18%, #f8f8f8 33%);
background: linear-gradient(to right, #f8f8f8 8%, #FFF 18%, #f8f8f8 33%);
-webkit-background-size: 100% 104px;
}
.status-report-widget > h1 > span.icon {
font-size: 18px;
}
.status-report-widget p {
margin-top: 10px;
padding: 7px 0;
}
.drag-handle .ui-icon {
display: inline-block;
cursor: move;
}
.accordion-modal h1.ui-accordion-header {
font-weight: normal;
font-size: 1em; /* IE 8 */
font-size: 0.85rem;
}
.accordion-modal h1.ui-accordion-header a {
font-size: 1.2em; /* IE 8 */
font-size: 1rem;
}
.accordion-modal h1.ui-accordion-header.active a {
font-weight: bold
}
.accordion-modal h1.ui-accordion-header a span.icon {
margin-bottom: 1px;
display: none;
}
.accordion-modal h1.ui-accordion-header.active a span.icon {
display: inline-block;
}
.accordion-modal h1.ui-accordion-header a span[data-state-active] {
display: none
}
.accordion-modal h1.ui-accordion-header.active a span[data-state-active] {
display: inline
}
table.dataTable.ui-sortable .drag-handle .ui-icon {
visibility: hidden;
vertical-align: -3px;
background-image: url("./jquery/inode/images/ui-icons_000000_256x240.png");
}
table.dataTable.ui-sortable tr:hover .drag-handle .ui-icon {
visibility: visible;
}
textarea[disabled],
input[type="text"][disabled],
input[type="password"][disabled],
input[type="email"][disabled],
input[type="url"][disabled],
input[type="number"][disabled],
select[disabled],
textarea[readonly],
input[type="text"][readonly],
input[type="password"][readonly],
input[type="email"][readonly],
input[type="url"][readonly],
input[type="number"][readonly],
select[readonly] {
color: #333;
background-color: #efefef;
}
#import-wizard .jw-steps-wrap {
min-height: 32em;
}
.jw-buttons > button.ui-state-default,
.jw-buttons > button {
margin-left: 1em;
border: none;
color: #fff;
font-weight: 600;
background-color: #fa6100;
border: none;
}
.ui-dialog .ui-dialog-buttonpane .tint-red button,
.jw-buttons > button.ui-state-default.jw-button-cancel,
.jw-buttons > button.jw-button-cancel {
background-color: #cc3300;
}
.jw-buttons > button.jw-button-cancel:not(.ui-state-disabled) {
opacity: 1;
filter: none;
}
.ui-dialog .ui-dialog-buttonpane .tint-red button.ui-state-disabled,
.jw-buttons > button.ui-state-default.jw-button-cancel.ui-state-disabled,
.jw-buttons > button.jw-button-cancel.ui-state-disabled {
background-color: #cc3300;
}
#import-wizard tbody td {
vertical-align: top;
min-width: 43em;
padding: 4px 10px;
}
#import-wizard thead th {
font-size: 2em;
font-weight: 600;
text-align: center;
margin: 4px 0;
}
#import-wizard form.stylized table tbody ol > li {
height: 30px;
}
#import-wizard form.stylized ol > li > label:first-child {
width: 15em;
}
.migration-wizard .progress-display h1 {
font-size: 2em;
margin: 4px 0
}
.migration-wizard .progress-display > .left-column {
float: left;
padding-left: 2px
}
.migration-wizard .progress-display > .right-column {
float: right;
padding-right: 2px
}
.migration-wizard .progress-display > .ui-progressbar {
margin-bottom: 4px
}
.migration-wizard [data-outcome-report] textarea {
width: 99%;
height: 370px;
white-space: pre-wrap;
}
/* START - LDAP Authentication wizard. Exception to the stylized default values is the ldap backepnd wizard. */
#auth-ldap-wizard form.stylized ol > li > label:first-child {
width: 15em;
vertical-align: middle;
}
#auth-ldap-wizard form.stylized fieldset:first-child:last-child {
border: none
}
#auth-ldap-wizard #connection-selection {
min-height: 8em
}
#auth-ldap-wizard #connection-status {
position: relative;
min-width: 25em;
display: inline-block;
}
#auth-ldap-wizard #connection-status > * {
position: absolute;
display: none;
}
#auth-ldap-wizard #connection-status[data-state=in-progress] > [data-state=in-progress] {
display: inline-block
}
#auth-ldap-wizard #connection-status[data-state=failed] > [data-state=failed] {
display: inline-block
}
#auth-ldap-wizard #connection-status[data-state=success] > [data-state=success] {
display: inline-block
}
#auth-ldap-wizard #schema-support ul {
display: inline-block
}
#auth-ldap-wizard #schema-support [data-schema-name] .supported,
#auth-ldap-wizard #schema-support [data-schema-name] .unsupported {
display: none
}
#auth-ldap-wizard #schema-support [data-schema-name].supported .supported,
#auth-ldap-wizard #schema-support [data-schema-name].unsupported .unsupported {
display: inline
}
#auth-ldap-wizard .qtip {
width: 20.15em; /* IE 8 fallback */
width: 17rem;
/* These styles are an atrocious hack to display the tooltip inline in the form. I have repented my sins. */
position: relative !important;
top: 2px !important;
}
.qtip .ldap-connection-properties-summary dt {
display: none;
}
/* if the popup is displayed inline inside a form.stylized, cancel the generous spacing */
.ldap-connection-properties-summary dt.fallback + dd li {
line-height: 1;
margin-bottom: 0;
}
html .select2-result.select2-result-unselectable.placeholder {
display: none;
}
.qtip .ldap-connection-properties-summary h3 {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 2px
}
.qtip .ldap-connection-properties-summary dl {
margin: 0 2px
}
.qtip .ldap-connection-properties-summary dt {
display: none;
}
.qtip .ldap-connection-properties-summary dt.fallback + dd {
color: #999999
}
.select2-result .ldap-connection-properties-summary {
font-size: .8em
}
.select2-result .ldap-connection-properties-summary h3 {
font-size: 1.1em;
margin-bottom: 2px;
}
.select2-result .ldap-connection-properties-summary dt {
display: none;
}
.select2-result .ldap-connection-properties-summary dd {
color: #999999
}
.select2-result.select2-highlighted .ldap-connection-properties-summary dd {
color: #ffffff
}
.select2-result .ldap-connection-properties-summary dt.base-dn + dd {
display: none
}
.select2-result .ldap-connection-properties-summary dt.fallback + dd {
display: none
}
.select2-result-label.icon {
text-indent: 0;
position: relative;
}
.select2-result-label.icon::before {
margin-right: 5px;
}
body#ldap-connections #connection-status > * {
position: absolute;
display: none;
}
body#ldap-connections #connection-status[data-state=unknown] > [data-state=unknown] {
display: inline-block
}
body#ldap-connections #connection-status[data-state=in-progress] > [data-state=in-progress] {
display: inline-block
}
body#ldap-connections #connection-status[data-state=failed] > [data-state=failed] {
display: inline-block
}
body#ldap-connections #connection-status[data-state=success] > [data-state=success] {
display: inline-block
}
body#ldap-connections .qtip-content {
min-height: 50px
}
body#fail2ban-settings form .slider-label {
display: inline;
margin-left: 9em;
position: relative;
/*width: 120px;*/
text-align: center;
}
body#fail2ban-settings form .slider-bar {
margin: 1em 1em 1em 16em;
width: 60em;
}
body#fail2ban-settings form #ban-time-element .slider-bar {
margin: 0.75em 1em 1em 0.25em;
width: 57em;
}
body#fail2ban-settings form #find-time-element .slider-bar {
margin: 0.75em 1em 1em 0.25em;
width: 43em;
}
body#fail2ban-settings form #loglevel-element .slider-bar {
margin: 0.75em 1em 1em 0.25em;
width: 29em;
}
body#fail2ban-settings form .slider-rules {
margin-left: 19em;
}
body#fail2ban-settings form .slider-rules li {
position: relative;
display: inline-block;
width: 6.75em;
height: 24px;
line-height: 24px;
font-weight: bold;
cursor: default;
color: #ccc;
}
body#fail2ban-settings form .slider-rules li.active {
color: #224e95;
}
body#fail2ban-settings form .slider-rules li > .ui-icon {
position: absolute;
top: -1em;
left: -0.5ex;
}
/* precisely positioned tick marks */
body#fail2ban-settings form .slider-summary {
float: left;
}
body#ldap-acls .manual-widget + .manual-widget {
margin-top: 2em;
}
body#ldap-acls .editing-area form .slider-bar {
margin: 1em 0;
width: 50em;
}
body#ldap-acls .editing-area form .slider-rules li {
position: relative;
display: inline-block;
width: 6.75em;
height: 24px;
line-height: 24px;
font-weight: bold;
cursor: default;
color: #ccc;
}
body#ldap-acls .editing-area form .slider-rules li:first-child {
color: black;
}
/* "none" permission level */
body#ldap-acls .editing-area form .slider-rules li.active {
color: #224e95;
}
body#ldap-acls .editing-area form .slider-rules li > .ui-icon {
position: absolute;
top: -0.7em;
left: -0.5ex;
}
/* precisely positioned tick marks */
body#ldap-acls .editing-area form .dn-display-widget input[type="text"] {
width: 18em;
}
body#ldap-acls .editing-area form .network-display-widget label {
text-align: right;
display: inline-block;
width: 9em;
}
body.ldap thead > tr.notice > * {
/* required, otherwise border-collapse: collapse causes the following .default-acl row to take up 1px of space */
border-bottom-width: 0
}
body.ldap thead > tr.notice a {
color: #000;
text-decoration: underline;
}
body#ldap-acls table.dataTable td.ui-state-default,
body#ldap-acls table.dataTable td.ui-state-highlight,
body#ldap-schemas table.dataTable td.ui-state-default,
body#ldap-schemas table.dataTable td.ui-state-highlight {
border-color: #dee2e6;
}
body#ldap-acls table.dataTable .default-acl > * {
padding: 4px 2px
}
body#ldap-acls table.dataTable .default-acl.collapsed > * {
/* only nullify the height-related properties; we want to leave width-related intact so that the relative
widths of table cells are left perfectly undisturbed (no visual jitter) */
padding-top: 0;
padding-bottom: 0;
border-top-width: 0;
border-bottom-width: 0;
visibility: hidden;
}
body#ldap-acls table.dataTable .default-acl.collapsed > * > * {
height: 0
}
body#ldap-acls table.dataTable .default-acl:hover > * {
background: #efefef;
}
body#ldap-acls table.dataTable .default-acl > td.col-status .icon {
display: none
}
body#ldap-acls table.dataTable .default-acl[data-state=enabled] > td.col-status .icon-state-on,
body#ldap-acls table.dataTable .default-acl[data-state=disabled] > td.col-status .icon-state-off {
display: inline-block;
}
body.ldap table.dataTable .col-status,
body.ldap table.dataTable .col-priority {
text-align: center;
width: 7em
}
body.ldap table.dataTable .col-access {
width: 8em
}
body.ldap table.dataTable .col-numeric {
width: 10em
}
body.ldap table.dataTable tr.ui-state-hover > td {
background: #efefef;
}
.dataTables_length .expand,
.dataTables_filter .expand,
#logging-options .expand {
background: url('../img/legacy/down12x12.png') center left no-repeat;
padding: 2px 2px 2px 14px;
}
.dataTables_length .collapse,
.dataTables_filter .collapse,
#logging-options .collapse {
background: url('../img/legacy/up12x12.png') center left no-repeat;
padding: 2px 2px 2px 14px;
}
.logging-options input {
margin-left: 2em;
}
.logging-options input.select-all {
margin-left: 0;
}
.red-text {
color: #dc3545;
}
table.ipsec-proposals-edit-select2 {
width: 100%;
padding: 0;
min-height: 30px;
}
table.ipsec-proposals-edit-select2 tr {
padding: 0;
margin: 0;
}
table.ipsec-proposals-edit-select2 tr td {
padding-top: 5px;
margin: 0;
position: relative;
}
table.ipsec-proposals-edit-select2 tr td h3 {
padding: 3px 0;
width: 100%;
min-height: 11px;
font-size: 1em;
}
table.ipsec-proposals-edit-select2 h3 .icon {
position: absolute;
right: 5px;
margin-top: 1px;
}
table.ipsec-proposals-edit-qtip h3 {
font-size: 1.2em;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.qtip-zindex {
z-index: 1000 !important;
}
.qtip th,
.qtip td {
font-size: 12px;
padding: 4px;
}
.proposal-set-selection {
border: 1px solid #ccc;
padding: 25px 10px;
margin-bottom: 7px;
}
.proposal-set-selection fieldset {
border: 1px solid #ccc;
}
.proposal-set-selection legend.legend {
font-weight: bold;
font-size: 1em;
padding: 0 10px;
margin-left: 20px;
width: auto;
border: none;
text-transform: uppercase;
}
.proposal-set-selection table.proposal-set-view thead th {
text-align: right;
padding-right: 5px;
width: 100px;
}
.dropdown-button {
position: relative;
display: inline-block;
font-weight: 700;
vertical-align: middle;
}
.dropdown-button-content {
display: none;
position: absolute;
background-color: #FFFFFF;
min-width: 160px;
z-index: 1;
border-radius: 5px;
border: 1px solid #ccc;
margin-left: 2px;
white-space: nowrap;
}
.dropdown-button:hover .dropdown-button-content {
display: block;
}
.dropdown-button-content button {
text-align: left;
padding: 6px 25px;
text-decoration: none;
display: block;
border-color: transparent;
width: 100%;
font-weight: 700;
cursor: pointer;
border-radius: 0;
}
.dropdown-button-content button[disabled] {
border-color: #333;
background-color: #ccc;
color: #000000;
opacity: 0.35;
box-shadow: none;
}
.dropdown-button button.btn-icon {
padding-left: 25px;
background-position: 6px center;
background-repeat: no-repeat;
}
.dropdown-button-content button[disabled],
.dropdown-button-content button:not(:hover) {
background-color: #ffffff !important;
color: #222222 !important;
border: 1px solid #fff;
cursor: initial;
}
.dropbtn::after {
content: '';
border: 5px solid transparent;
border-top-color: transparent;
border-top-style: solid;
border-top-width: 5px;
border-top: 5px solid white;
margin-left: 5px;
margin-bottom: 0px;
display: inline-block;
vertical-align: bottom;
}
.dropdown-button-content button:first-child {
border-radius: 5px 5px 0 0;
}
.dropdown-button-content button:last-child {
border-radius: 0 0 5px 5px;
}
#dns-settings form .slider-bar {
margin: 0.75em 1em 1em 0.75em;
width: 43em;
}
#dns-settings form .slider-rules {
margin-left: 19em;
padding-left: 2px;
}
#dns-settings form .slider-rules li {
position: relative;
display: inline-block;
width: 6.85em;
height: 24px;
line-height: 24px;
font-weight: bold;
cursor: default;
color: #ccc;
}
#dns-settings form .slider-rules li.active {
color: #224e95;
}
#dns-settings form .slider-rules li > .ui-icon {
position: absolute;
top: -0.5em;
left: -0.5ex;
}
table.fax-logging-settings td {
text-align: center;
padding-right: 15px;
}
table.fax-logging-settings td:first-child {
width: 20em;
text-align: right;
vertical-align: top;
}
table.fax-logging-settings tr:not(:first-child) td:first-child::after {
content: ':';
}
table.no-border,
table.no-border tr > th,
table.no-border tr > td,
table.no-border tbody tr:nth-of-type(2n+1) {
padding: 0 2px;
margin: 0;
border: none;
background-color: transparent;
}
td.bg-white, span.bg-white {
background: #FFFFFF !important;
}
.lvm-management-scrollable {
height: calc(100% - 135px);
min-width: 200px;
width: 100%;
overflow: auto;
margin-bottom: 8px;
}
.lvm-management-scrollable-wrapper {
min-width: 900px;
min-height: 600px;
width: 60%;
background: #ffffff;
padding: 20px 20px 30px 20px;
border: 1px solid #ccc;
border-radius: 3px;
margin-right: 40px;
height: calc(100vh - 210px);
}
.disk-management-scrollable {
height: calc(100% - 40px);
min-width: 200px;
width: 100%;
overflow: auto;
margin-bottom: 8px;
}
.disk-management-scrollable-wrapper {
min-width: 900px;
min-height: 200px;
width: 60%;
background: #ffffff;
padding: 20px 20px 30px 20px;
border: 1px solid #ccc;
border-radius: 3px;
margin-right: 40px;
}
.disk-management-scrollable > div > table {
width: 100%;
margin-bottom: 0;
}
.disk-management-scrollable > div > table th {
white-space: nowrap;
}
.disk-management-scrollable > div > table th,
.disk-management-scrollable > div > table td {
padding: 4px;
border-top: none;
}
.disk-management-scrollable > div > table tbody tr:last-child td {
border-bottom: 1px solid #ccc;
}
.disk-management-scrollable > div > table tbody tr td {
padding-left: 10px;
padding-right: 10px;
cursor: pointer;
}
.disk-management-scrollable > div > table tbody tr.system-disk td {
font-weight: 600;
}
.disk-management-scrollable > div > table tbody tr.active td {
background-color: #ddd;
}
.disk-management-scrollable > div > table thead tr th {
border-bottom: 1px solid #ccc;
background: #224e95;
color: #fff;
}
.disk-partitions-wrapper {
display: block;
width: 100%;
border: 1px solid #ccc;
height: 100px;
overflow: hidden;
white-space: nowrap;
}
.disk-partitions-wrapper-inner {
display: block;
width: 100%;
min-height: 60px;
border: none;
}
.disk-partitions-wrapper .disk-partition-box-wrapper {
height: 98px;
display: inline-block;
overflow: hidden;
box-sizing: border-box;
}
.disk-partitions-wrapper .disk-partition-box-wrapper.disk-partition-box-wrapper-inner {
height: 65px;
}
.disk-partitions-wrapper .disk-partition-box {
box-sizing: border-box;
border: 2px dashed #fa6100;
cursor: pointer;
height: 100%;
}
.disk-partitions-wrapper .disk-partition-box.show-used-space {
/*background-image: repeating-linear-gradient(to right top, rgba(250, 97, 0, 0.3) 2%, #fff 4%, rgba(250, 97, 0, 0.3) 4%);*/
background-image: repeating-linear-gradient(to right top, rgba(250, 97, 0, 0.2), rgba(250, 97, 0, 0.2));
background-repeat: no-repeat;
background-size: cover;
}
.disk-partitions-wrapper .disk-partition-box.logical-volume.show-used-space {
background-image: repeating-linear-gradient(to right top, rgba(15, 170, 233, 0.2), rgba(15, 170, 233, 0.2));
}
.disk-partitions-wrapper .disk-partition-box.logical-volume {
border-color: #808080;
}
.disk-partitions-wrapper .disk-partition-box.has-filesystem {
border-color: #0FAAE9;
}
.disk-partitions-wrapper .disk-partition-box.extended-partition {
height: 35px;
overflow: hidden;
}
.disk-partitions-wrapper .disk-partition-box-inner {
height: 63px;
}
.disk-partitions-wrapper .disk-partition-box.active,
.disk-partitions-wrapper .disk-partition-box:hover {
border-style: solid;
box-shadow: inset 0px 0px 5px #fa6100;
}
.disk-partitions-wrapper .disk-partition-box.logical-volume.active,
.disk-partitions-wrapper .disk-partition-box.logical-volume:hover {
box-shadow: inset 0px 0px 5px #808080;
}
.disk-partitions-wrapper .disk-partition-box.logical-volume.has-filesystem.active,
.disk-partitions-wrapper .disk-partition-box.logical-volume.has-filesystem:hover {
box-shadow: inset 0px 0px 5px #0FAAE9;
}
.disk-partitions-wrapper .disk-partition-box.unallocated.active,
.disk-partitions-wrapper .disk-partition-box.unallocated:hover {
box-shadow: inset 0px 0px 5px #000;
}
.disk-partitions-wrapper .disk-partition-box .partition-info {
white-space: nowrap;
padding-top: 10px;
padding-left: 5px;
}
.disk-partitions-wrapper .disk-partition-box.disk-partition-box-inner .partition-info {
padding-top: 0px;
}
.disk-partitions-wrapper .disk-partition-box.unallocated {
border-color: #000000;
}
.lvm-volume-group-wrapper {
border: 2px dashed #ccc;
padding: 20px;
position: relative;
cursor: pointer;
}
.lvm-volume-group-wrapper:hover,
.lvm-volume-group-wrapper.active {
border-style: solid;
box-shadow: inset 0px 0px 5px #ccc;
}
.lvm-pv-box {
box-sizing: border-box;
border: 2px dashed #fa6100;
height: 100px;
display: inline-block;
overflow: hidden;
}
.lvm-lv-parent-box {
box-sizing: border-box;
border: 2px dotted #0FAAE9;
display: inline-block;
overflow: hidden;
}
.lvm-lv-box {
box-sizing: border-box;
border: 2px dashed #0FAAE9;
height: 100px;
display: inline-block;
overflow: hidden;
}
.lvm-volume-segment-wrapper {
height: 70px;
box-sizing: border-box;
display: inline-block;
padding: 3px;
}
.lvm-volume-segment {
border: 2px solid #bbb;
box-sizing: border-box;
height: 100%;
width: 100%;
}
.lvm-pv-box .lvm-volume-segment {
background-color: rgba(250, 97, 0, 0.2);
}
.lvm-lv-box .lvm-volume-segment {
background-color: rgba(15, 170, 233, 0.2);
}
.lvm-pv-box .lvm-volume-segment.empty-segment,
.lvm-lv-box .lvm-volume-segment.empty-segment {
background-color: #fff;
}
.lvm-volume-segment.active {
border-style: solid;
border-color: #000;
}
.mailbox-tree-scrollable {
height: 100%;
min-width: 200px;
width: 100%;
overflow: auto;
border-bottom: 1px solid #ccc;
margin-bottom: 8px;
}
.mailbox-tree-scrollable-wrapper {
min-width: 280px;
min-height: 200px;
width: 60%;
background: #ffffff;
padding: 20px 20px 30px 20px;
border: 1px solid #ccc;
border-radius: 3px;
margin-right: 40px;
}
div.mailbox-details {
display: inline-block;
vertical-align: top;
}
.mailboxes-tree-buttons > .dropdown-button,
.mailboxes-tree-buttons > button {
margin: 5px 0 !important;
}
.mailbox-actions-buttons button {
margin: 5px !important;
text-align: justify;
display: inline-block;
}
ol.mailbox-inline-list {
margin-top: 20px;
}
ol.mailbox-inline-list li {
display: inline-block;
}
.not-selectable > a {
cursor: default;
}
table.mailboxDeletedEmails {
table-layout:fixed;
width: 100%;
}
table.mailboxDeletedEmails tr th:first-child,
table.mailboxDeletedEmails tr td:first-child {
width: 20px;
text-align: center;
}
table.mailboxDeletedEmails tr td {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
div.mailbox-acls-table {
padding-bottom: 10px;
width: 100%;
height: 100%;
}
.mailbox-acls-div .dataTable th,
.mailbox-acls-div .dataTable td {
padding: 0 0 0 2px !important;
}
.mailbox-acls-div {
background: #ffffff;
border: 1px solid #ccc;
border-radius: 3px;
padding: 0px 20px 40px 20px;
position: relative;
width: 60%;
height: 150px;
}
div.mailbox-acls-table > p {
font-weight: bold;
font-size: 12px;
margin: 10px 0;
}
div.mailbox-rename li > span.mailbox-prefix,
div.mailbox-change-partition li > span.mailbox-prefix {
max-width: 190px;
white-space: nowrap;
direction: rtl;
text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
}
div.mailbox-rename li > span.mailbox-suffix,
div.mailbox-change-partition li > span.mailbox-suffix {
max-width: 120px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
vertical-align: bottom;
display: inline-block;
}
span.mailbox-full-name-span {
max-width: 300px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
li.movable-mailbox > a {
cursor: move;
}
li.movable-mailbox > a > .jstree-checkbox {
cursor: default;
}
.angular-directive-status-bar {
display: inline-block;
vertical-align: middle;
overflow-x: hidden;
width: 100%;
background: url('../img/icons/statusbar/ht.png') repeat-x;
background-size: auto 10px;
}
.angular-directive-bar {
width: 0;
height: 10px;
background: url('../img/icons/statusbar/hp.png') repeat-x;
background-size: auto 10px;
}
#mailboxes-tree-scrollable li > a,
.show-white-spaces {
white-space: pre !important;
}
.selected-mailbox-crop {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.selected-mailbox-crop > i {
white-space: pre;
direction: ltr;
}
fieldset.subfieldset {
border-style: solid !important;
border-width: thin !important;
border-color: #dee2e6 !important;
margin-top: 10px;
padding: 1%;
}
fieldset.subfieldset legend {
margin-left: 2ex !important;
width: auto;
border: 0;
background: #fff;
padding: 0 10px;
}
.slider-unlimited-wrapper .slider-edge {
display: inline-block;
min-width: 40px;
text-align: center;
}
.imapsync-slider {
width: 250px;
}
.imapsync-slider.ui-slider-disabled a.ui-slider-handle {
display: none;
}
.disk-management-human-readable-size,
.cloud_transfer-age-tooltip,
.imapsync-age-tooltip {
position: absolute;
top: -32px;
left: -51px;
width: 114px;
background: #eee;
padding: 0px 3px;
text-align: center;
border: 1px solid #ddd;
color: #000;
white-space: nowrap;
}
.disk-management-human-readable-size::after,
.cloud_transfer-age-tooltip::after,
.imapsync-age-tooltip::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #eee transparent transparent transparent;
}
table.fileExplorerTable {
width: 100%;
}
table.fileExplorerTable tbody th,
table.fileExplorerTable tbody td {
border-bottom: 1px solid #ddd;
padding: 4px;
background-color: transparent !important;
}
table.fileExplorerTable thead th,
table.fileExplorerTable tbody th {
font-weight: bold;
text-align: left;
padding-top: 20px;
background-color: transparent !important;
border: none;
color: #000;
}
table.fileExplorerTable tbody td span {
vertical-align: middle;
}
table.fileExplorerTable tbody tr:not(:first-child) {
cursor: pointer;
}
table.fileExplorerTable tbody tr:hover {
background-color: #e6e6e6;
}
.file-explorer-dialog.processing table.fileExplorerTable tbody tr {
cursor: default;
}
.file-explorer-dialog table tr,
.file-explorer-dialog table th,
.file-explorer-dialog table td {
border: none;
background-color: transparent !important;
}
.file-explorer-dialog button {
cursor: pointer;
}
.file-explorer-dialog button:disabled {
cursor: default;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
.file-explorer-dialog.processing table.fileExplorerTable tbody tr td {
opacity: 0.4;
}
#inode-home-page {
width: 100%;
}
#system-home #inode-home-page {
min-width: 1340px;
}
#inode-home-page table.dataTable {
border: 1px solid #555;
}
#inode-home-page div.home-block-head {
text-align: left;
font-size: 16px;
font-weight: 600;
padding: 6px 10px;
background-color: #224e95;
color: #fff;
border-top-left-radius: .55rem;
border-top-right-radius: .55rem;
}
#inode-home-page div.home-block-body {
padding: 15px;
}
#inode-home-page footer.inode-home-footer {
position: relative;
left: 50%;
-ms-transform: translateX(-50%); /* IE 9 */
-webkit-transform: translateX(-50%); /* Safari prior 9.0 */
transform: translateX(-50%); /* Standard syntax */
display: inline-block;
color: #000;
font-weight: bold;
margin: 0;
padding: 5px 10px;
font-size: 14px;
}
#inode-home-page div.home-table-wrapper {
margin-right: -10px;
margin-left: -10px;
}
#inode-home-page div.home-table-wrapper > div {
padding: 0 10px;
margin-bottom: 20px;
}
#inode-home-page div.home-table-wrapper div.home-block-wrapper {
background-color: #FDFDFD;
box-shadow: 0 .15rem .35rem 0 rgba(58,58,58,.15) !important;
padding: 0;
border-radius: .55rem;
height: 100%;
}
#inode-home-page table.info-table {
width: 100%;
}
#inode-home-page table.info-table h3 {
font-size: 1.2em;
padding: 10px 0 5px 0;
font-weight: bold;
text-decoration: underline;
}
.text-right-bold {
font-weight: bold;
text-align: right;
}
#inode-home-page table.system-info-table tr td:nth-child(1),
#inode-home-page table.license-info-table > tbody > tr:not(:last-child) > td:nth-child(1),
#inode-home-page table.cpu-info-table tr table td:nth-child(1) {
text-align: right;
font-weight: bold;
width: 105px;
min-width: 105px;
max-width: 150px;
}
#inode-home-page table.license-info-table > tbody > tr:not(:last-child) > td:nth-child(1) {
min-width: 150px;
}
#inode-home-page table.devices-info-table table {
width: 100%;
}
#inode-home-page table.devices-info-table td {
width: 33%;
height: 95%;
}
#inode-home-page table.devices-info-table table td,
#inode-home-page table.devices-info-table table th {
padding: 2px;
border: 1px solid #555;
width: 33%;
}
#inode-home-page table.devices-info-table table th {
font-size: 1em;
text-align: center;
vertical-align: middle;
}
#inode-home-page table.license-info-table {
table-layout: auto;
}
#inode-home-page table.info-table td.td-img {
width: 48px;
text-align: left;
}
#inode-home-page div.home-block-head [class^='fa'] {
font-size: 16px;
margin-right: 5px;
}
#inode-home-page table.license-info-table table div {
padding: 10px;
}
#inode-home-page table.network-info-table table.lan-wan-table h3 {
display: inline;
}
#inode-home-page table.network-info-table table.lan-wan-table tbody tr td:first-child {
white-space: nowrap;
}
#inode-home-page table.network-info-table table.lan-wan-table tbody tr td:nth-child(2) {
font-weight: bold;
width: 85px;
text-align: right;
}
#inode-home-page table.license-info-table tbody [class^='fa'] {
font-size: 40px;
color: #224e95;
}
#inode-home-page table.network-info-table {
max-width: 300px;
}
#inode-home-page table.percent-info-table {
table-layout: fixed;
width: 100%;
}
#inode-home-page table.percent-info-table td {
text-align: left;
padding: 2px;
}
#inode-home-page table.license-info-table a {
text-decoration: none;
color: #000;
}
#inode-home-page table.percent-info-table td:first-child {
font-weight: bold;
text-align: right;
}
#inode-home-page table.memory-info-table .td-percent-circle {
width: 165px;
}
#inode-home-page .children-inline-block > * {
vertical-align: top;
display: inline-block;
}
#inode-home-page table.memory-info-table .memory-size {
font-size: 1.2em;
}
#inode-home-page table.memory-info-table td.sm-table-row {
min-width: 150px;
}
#inode-home-page table.memory-info-table div {
text-align: center;
}
#inode-home-page .cpu-usage-image {
max-width: 100%;
}
#inode-home-page .td-chart {
text-align: center;
min-width: 625px;
}
.pc-container {
position: relative;
width: 90px;
height: 90px;
left: 50%;
vertical-align: top;
-ms-transform: translateX(-50%); /* IE 9 */
-webkit-transform: translateX(-50%); /* Safari prior 9.0 */
transform: translateX(-50%); /* Standard syntax */
}
.pc-border {
position: relative;
text-align: center;
width: 100%;
padding-top: 100%;
border-radius: 100%;
box-shadow: 0 0 3px #E6E6E6;
}
.pc-circle {
position: relative;
margin-top: -80%;
margin-left: 20%;
width: 60%;
padding-top: 60%;
border-radius: 100%;
box-shadow: inset 0 0 3px #E6E6E6;
}
.pc-percent {
font-family: Arial, sans-serif;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%); /* IE 9 */
-webkit-transform: translate(-50%, -50%); /* Safari prior 9.0 */
transform: translate(-50%, -50%);
font-weight: 700;
font-size: 1.2em;
}
.fa, .fas {
font-family: 'Font Awesome 6 Free' !important;
font-weight: 900;
}
.far {
font-weight: 400;
}
span.separator::after {
content: "|";
color: #cccccc;
margin: 0 5px;
display: inline-block;
}
body#user-permissions table.dataTable .details {
display: none
}
body#user-permissions table.dataTable.with-source-details .details {
display: inline
}
body#user-permissions .dataTables_wrapper > .left-column:first-child > * {
display: inline-block;
vertical-align: middle;
margin-right: 4px;
}
body#user-permissions .dataTables_wrapper > .left-column:first-child input[type=checkbox] {
vertical-align: middle;
position: relative;
top: -1px; /* see: label > input[type="checkbox"] */
}
.time-selector, .time-selector .ui-spinner {
vertical-align: top
}
.time-selector .ui-spinner {
line-height: 1
}
/* The "redundant" .ui-spinner is necessary to increase specificity */
.time-selector .ui-spinner .ui-spinner-input, .time-selector .ui-spinner .ui-spinner-input:focus {
border: none;
background: transparent;
box-shadow: none;
line-height: 1;
width: 25px;
min-height: 29px;
margin-top: 0;
margin-bottom: 0;
padding: .3rem .25rem;
}
.time-selector .ui-spinner a.ui-spinner-button {
background-color: #e6e6e6;
border-color: #ccc;
}
#ipsec_status_table {
min-width: 85%;
}
#ipsec_status_table > tbody > tr > td {
margin: 0;
border-collapse: collapse;
padding: 3px;
}
.ipsec-live-status-conn-row {
padding: 3px;
border-right: 1px solid #555;
}
.ipsec-live-status-conn-row > td {
background-color: #224e95;
color: #ffffff;
border-top: 1px solid #555;
border-bottom: 1px solid #555;
padding: 7px;
cursor: pointer;
}
.ipsec-live-status-conn-row > td:first-child {
background-color: transparent;
}
.ipsec-live-status-conn-row > td:nth-child(2) {
border-left: 1px solid #555;
}
.ipsec-live-status-conn-row > td > b {
font-weight: bold;
}
.ipsec-live-status-conn-sa-head-row > td {
border-top: 1px solid #555;
border-bottom: 1px solid #555;
font-weight: bold;
background-color: #BDCFEC;
}
.ipsec-live-status-conn-sa-head-row > td:nth-child(2) {
border-left: 1px solid #555;
}
.ipsec-live-status-conn-sa-head-row > td:last-child{
border-right: 1px solid #555;
}
.ipsec-live-status-conn-sa-row > td {
background-color: #BDCFEC;
}
#ipsec_status_table tr > td:first-child {
max-width: 25px;
width: 25px;
border: none;
}
.ipsec-live-status-ike-row > td {
background-color: #8AA6D3;
color: #000000;
border: 1px solid #555;
}
.ipsec-live-status-ike-sa-head-row > td,
.ipsec-live-status-ike-sa-row > td {
background-color: #EFF7FE;
border: 1px solid #555;
}
.ipsec-live-status-ike-sa-head-row > td {
font-weight: bold;
}
.ipsec-live-status-ike-row > td:first-child,
.ipsec-live-status-ike-sa-row > td:first-child,
.ipsec-live-status-ike-sa-head-row > td:first-child,
.ipsec-live-status-conn-sa-head-row > td:first-child,
.ipsec-live-status-conn-sa-row > td:first-child {
background-color: transparent;
}
.ipsec-live-status-ike-row b {
font-weight: bold;
}
.ipsec-live-status-inner-table {
width: 97%;
padding: 0px;
margin: 0 0 0 15px;
border-collapse: collapse;
font-size: 13px;
}
#ipsec_status_table_template {
display: none;
}
.ike-btn {
cursor: pointer;
}
.hidden-tr {
display: none;
}
.session-expand,
.sync-expand,
.ipsec-expand,
.session-collapse,
.sync-collapse,
.ipsec-collapse {
display: inline-block;
width: 16px;
height: 16px;
padding: 2px 2px 2px 14px;
position: relative;
color: #224e95;
}
.session-expand:before,
.sync-expand:before,
.ipsec-expand:before,
.session-collapse:before,
.sync-collapse:before,
.ipsec-collapse:before {
position: absolute;
top: 0;
left: 0;
font-family: "Font Awesome 6 Free";
font-weight: 900;
font-size: 16px;
}
.session-collapse:before,
.sync-collapse:before,
.ipsec-collapse:before {
content: "\f0da";
}
.session-expand:before,
.sync-expand:before,
.ipsec-expand:before {
content: "\f0d7";
}
.ipsec-live-status-conn-sa-row > td:nth-child(2) {
border-left: 1px solid #555;
}
.ipsec-live-status-conn-sa-row > td:last-child {
border-right: 1px solid #555;
}
#ipsec_status_table .delete {
cursor: pointer;
}
.connection-btn {
position: relative;
z-index: 1000;
}
.no-ike-sa-row {
text-align: center;
font-style: italic;
}
/* */
body#ldap-maintenance section {
margin: -.5em -1em;
padding: .5em 1em
}
body#ldap-maintenance section + section {
margin-top: .5em
}
body#ldap-maintenance h1 {
font-size: 1.5em;
margin: 5px 0
}
body#ldap-maintenance .nav-button {
margin-top: 4px;
min-width: 10em
}
body#ldap-maintenance .ui-dialog-content .overflow-guard {
height: 450px;
}
body#ldap-maintenance .upload-control > .upload-control-interactive {
min-width: 10em;
}
/* */
.user-nav-dropdown .user-info {
text-align: center;
padding: 15px 20px;
border-bottom: 1px solid #dee2e6;
font-size: 16px;
}
.user-nav-dropdown .user-info h6 {
font-size: 0.8em;
margin-top: 5px;
white-space: nowrap;
}
.user-nav-dropdown .user-info h6 span.user-email {
display: inline-block;
max-width: 220px;
text-overflow: ellipsis;
overflow-x: hidden;
overflow-y: hidden;
vertical-align: bottom;
white-space: nowrap;
}
#topmenu .user-nav-dropdown .dropdown-menu a.nav-link {
margin-left: 0;
}
#page > iframe {
border: 0;
height: 99%;
width: 100%;
}
#page.iframe-wrapper {
overflow-y: hidden;
}
/* */
body#user-list .editing-area ol button {
min-width: 8.5em;
}
/* and now some hackery to make the inner tab control in the edit LDAP user form look like it's "outer" */
/* these rules are not restricted to #user-list because they also apply when editing through permissions overview */
body.user .editing-area.ui-widget.manual-widget > .ui-widget-content {
padding: 0;
}
body.user .editing-area.ui-widget.manual-widget > .ui-widget-content {
padding: 20px;
}
body.user .dataTables_wrapper {
margin-bottom: 1em;
}
body.user table.dataTable tbody > tr.unusable > td {
color: #cc0033;
}
body.user table.dataTable .col-username {
width: 16em
}
body.user table.dataTable .col-userid {
width: 8em
}
body.user table.dataTable .col-perm {
text-align: center;
width: 8em
}
body.user table.dataTable .col-perm-large {
text-align: center;
width: 12em
}
body.user .active-directory-group-names, body.user .active-directory-group-names > li {
display: inline-block;
line-height: 1;
}
body.user .active-directory-group-names > li:after {
content: ", "
}
/* :last-child doesn't work on IE8 but who cares? */
body.user .active-directory-group-names > li:last-child:after {
content: none
}
body.user li[data-group] > label {
visibility: hidden
}
body.user li[data-group][data-group-first] > label {
visibility: visible
}
body.user li[data-group] a[class] {
margin-left: 4px
}
body.user .qtip-content table.user-last-logins {
width: 100%;
}
body#user-administrators table.dataTable .col-username {
width: auto
}
body#user-permissions table.dataTable .details {
display: none
}
body#user-permissions table.dataTable.with-source-details .details {
display: inline
}
body#user-permissions .dataTables_wrapper > .left-column:first-child > * {
display: inline-block;
vertical-align: middle;
margin-right: 4px;
}
body#user-permissions .dataTables_wrapper > .left-column:first-child input[type=checkbox] {
vertical-align: middle;
position: relative;
top: -1px; /* see: label > input[type="checkbox"] */
}
/* */
/* */
#user-delete-dialog {
overflow: auto
}
#user-delete-dialog form,
#user-delete-dialog table {
width: 100%;
}
#user-delete-dialog table thead th.dependencies {
width: 40%; /* keep width fixed, otherwise expanding expanders with lots of content make it ugly */
}
#user-delete-dialog table thead th,
#user-delete-dialog table tbody td {
padding: .5em .5em .5em .7em;
text-align: center;
}
/* make sure that rows without expanders have a min height close to that of rows with expanders */
#user-delete-dialog table tbody td .no-dependencies {
min-height: 1.8em;
line-height: 1.8em;
}
#user-delete-dialog table tbody input {
vertical-align: middle;
}
#user-delete-dialog table .accordion {
text-align: left; /* undo centering style above */
}
#user-delete-dialog table .accordion .content {
padding: 0; /* override jQuery UI */
}
#user-delete-dialog table .accordion .content ul {
margin: .5em 1em .5em 1.8em;
list-style-type: disc;
}
#user-confirm-shared-id-dialog ul, #user-confirm-shared-id-dialog ul > li {
display: inline-block;
}
#user-confirm-shared-id-dialog ul > li + li:before {
content: ", "
}
/* */
/* */
body.group table.dataTable .col-groupname {
width: 16em
}
body.group table.dataTable .col-groupid {
width: 8em
}
body.group table.dataTable .col-perm {
text-align: center;
width: 8em
}
body.group table.dataTable .col-perm-large {
text-align: center;
width: 12em
}
body.group table.dataTable tbody > tr.unusable > td {
color: #cc0033;
}
body.group .ui-persistent-select-display li a.delete {
float: right;
visibility: hidden
}
body.group .ui-persistent-select-display li:hover a.delete {
visibility: visible
}
body.group .ui-persistent-select-display li .icon-user-added {
float: right;
opacity: .6
}
body.group .ui-persistent-select-display li:hover .icon-user-added {
display: none
}
body.group .ui-persistent-select-display li .icon-status-locked {
float: right;
opacity: .6;
visibility: hidden
}
body.group .ui-persistent-select-display li:hover .icon-status-locked {
visibility: visible
}
#group-confirm-shared-id-dialog ul, #group-confirm-shared-id-dialog ul > li {
display: inline-block;
}
#group-confirm-shared-id-dialog ul > li + li:before {
content: ", "
}
/* */
/* */
body.mail table.dataTable .col-mailname {
width: 16em
}
body.mail table.dataTable .col-mailid {
width: 8em
}
body.mail table.dataTable .col-perm {
text-align: center;
width: 8em
}
body.mail table.dataTable tbody > tr.unusable > td {
color: #cc0033;
}
body.mail .ui-persistent-select-display li a.delete {
float: right;
visibility: hidden
}
body.mail .ui-persistent-select-display li:hover a.delete {
visibility: visible
}
body.mail .ui-persistent-select-display li .icon-user-added {
float: right;
opacity: .6
}
body.mail .ui-persistent-select-display li:hover .icon-user-added {
display: none
}
body.mail .ui-persistent-select-display li .icon-status-locked {
float: right;
opacity: .6;
visibility: hidden
}
body.mail .ui-persistent-select-display li:hover .icon-status-locked {
visibility: visible
}
#mail-confirm-shared-id-dialog ul, #mail-confirm-shared-id-dialog ul > li {
display: inline-block;
}
#mail-confirm-shared-id-dialog ul > li + li:before {
content: ", "
}
/* */
/* */
.ui-persistent-select-display li a.delete {
float: right;
visibility: hidden
}
.ui-persistent-select-display li:hover a.delete {
visibility: visible
}
/* */
/* */
body.user table.dataTable .col-username {
width: 16em
}
body.user table.dataTable .col-userid {
width: 8em
}
body.user table.dataTable .col-perm {
text-align: center;
width: 8em
}
body.user table.dataTable tbody > tr.unusable > td {
color: #cc0033;
}
body.user .ui-persistent-select-display li a.delete {
float: right;
visibility: hidden
}
body.user .ui-persistent-select-display li:hover a.delete {
visibility: visible
}
body.user .ui-persistent-select-display li .icon-user-added {
float: right;
opacity: .6
}
body.user .ui-persistent-select-display li:hover .icon-user-added {
display: none
}
body.user .ui-persistent-select-display li .icon-status-locked {
float: right;
opacity: .6;
visibility: hidden
}
body.user .ui-persistent-select-display li:hover .icon-status-locked {
visibility: visible
}
#user-confirm-shared-id-dialog ul, #user-confirm-shared-id-dialog ul > li {
display: inline-block;
}
#user-confirm-shared-id-dialog ul > li + li:before {
content: ", "
}
/* */
/* */
body.ldap_proxy table.dataTable td.col-status,
body.ldap_proxy table.dataTable td.col-priority {
text-align: center;
width: 6em
}
body.ldap_proxy nav.buttons {
text-align: right;
margin-bottom: .5em
}
/* */
/* */
body#ldap-replication fieldset#consumer-role > ol {
position: relative; /* provide reference point for animated s below */
}
body#ldap-replication fieldset#consumer-role > ol > li[data-show-when-mirroring] {
position: absolute;
bottom: -1px; /* bring back to exact same position as if statically positioned */
}
/* */
/* */
body#mail-replication .ui-persistent-select-display li a.delete {
float: right;
visibility: hidden
}
body#mail-replication .ui-persistent-select-display li:hover a.delete {
visibility: visible
}
body#mail-replication .ui-persistent-select-display li .icon-user-added {
float: right;
opacity: .6
}
body#mail-replication .ui-persistent-select-display li:hover .icon-user-added {
display: none
}
/* */
/* */
body#mail-blacklists table.dataTable .col-direction {
width: 8em
}
body#mail-blacklists table.dataTable .col-email {
width: 28em
}
body#mail-blacklists table.dataTable tbody .col-direction {
text-align: right
}
/* */
/* */
body.webmail table.dataTable td.col-status {
text-align: center;
width: 6em
}
/* */
.view-edit-service-group h3 {
padding: 6px;
}
.view-edit-service-group table td select {
width: 100%;
height: 250px;
}
.view-select-certificate .tree, .view-select-dn .tree {
margin-left: 11em;
}
.view-select-certificate form.stylized ol > li > label:first-child,
.view-select-dn form.stylized ol > li > label:first-child {
width: 11em;
}
.view-select-dn form.stylized ol > li.large-display-element > label:first-child + * {
margin-left: 11.4em
}
.view-select-dn .selection {
font-weight: bold
}
.view-select-dn h3.error {
margin: 3em 0;
text-align: center;
font-weight: bold;
font-size: 1.1em;
color: #cc0033;
}
.effective-policy-status .changed {
box-shadow: inset 0 0 20px 1px #ffffff;
}
.effective-policy-status {
position: relative;
display: inline-block;
min-width: 10em;
margin-left: 1em;
}
.effective-policy-status > .allow, .effective-policy-status > .deny {
position: absolute;
left: 0;
top: 0;
border-radius: 4px;
padding: 1px 4px;
-webkit-transition: box-shadow ease-out 0.4s;
transition: box-shadow ease-out 0.4s;
}
/* titles */
.articlehead {
color: #000000;
font-weight: bold;
text-decoration: none;
}
div.refresh_container {
background: #fff;
border: 1px solid #E6E6E6;
border-radius: .25rem;
display: inline-block;
margin: 0 10px 10px 0;
padding: 15px 20px;
position: absolute;
right: 10px;
top: 10px;
box-shadow: 0 .15rem .35rem 0 rgba(58,58,58,.15);
}
/*Validation for AngularJS compatibillity START*/
input.ng-invalid.ng-touched {
background: #FFCFCF;
}
/*Validation for AngularJS compatibillity END*/
.switch-show-hide {
-webkit-transition:all linear 0.5s;
transition:all linear 0.5s;
}
.switch-show-hide.ng-hide {
opacity:0;
}
.error-message {
font-weight: bold;
color: #CC0033;
}
.success-message {
color: green;
font-weight: bold;
}
form.stylized span.invalid-field {
font-style: italic;
color: #dc3545;
}
.col-antispam-score {
background-color: #E6EEFA;
}
.invalid-message {
font-style: italic;
color: #777;
}
.info-color {
color: #224e95;
}
.success-color {
color: #28a745;
}
.warning-color {
color: #ffc107;
}
.error-color {
color: #dc3545;
}
.process {
animation-name: shade;
animation-duration: 3s;
animation-timing-function: ease-in;
animation-iteration-count: infinite;
}
@keyframes shade {
0% { opacity: 0.15; }
5% { opacity: 0.2; }
25% { opacity: 0.25; }
50% { opacity: 0.3; }
75% { opacity: 0.2; }
100% { opacity: 0.15; }
}
#turn_server_sessions_table,
.sync_status_table {
min-width: 80%;
width: 90%;
font-size: 11px;
table-layout: auto;
}
.sync_status_table .col-status {
text-align: center;
}
.sync_status_table .col-checkbox {
text-align: center;
min-width: 20px;
}
.turn-server-session-row,
.sync-status-group-row {
padding: 3px;
border-right: 1px solid #555;
}
.turn-server-session-row > td,
.sync-status-group-row > td {
background-color: #224e95;
color: #ffffff;
border-top: 1px solid #555;
border-bottom: 1px solid #555;
padding: 7px;
cursor: pointer;
font-size: 12px;
}
.turn-server-session-row > td:first-child,
.sync-status-group-row > td:first-child {
background-color: transparent;
min-width: 20px;
width: 20px;
border: none;
}
.turn-server-session-row > td:nth-child(2),
.sync-status-group-row > td:nth-child(2) {
border-left: 1px solid #555;
}
.turn-server-session-details-head-row > td,
.sync-status-peer-head-row > td {
background-color: #8AA6D3;
border: 1px solid #555;
font-weight: bold;
}
.turn-server-session-details-row > td,
.sync-status-peer-row > td {
background-color: #BDCFEC;
border: 1px solid #555;
}
.sync-status-errors-head-row > td {
background-color: #EFF7FE;
border: 1px solid #555;
font-weight: bold;
}
.sync-status-errors-row > td {
background-color: #FFF;
border: 1px solid #555;
}
.sync-status-errors-head-row input[type='checkbox'],
.sync-status-errors-row input[type='checkbox'] {
vertical-align: middle;
}
.turn-server-session-details-row td:first-child,
.turn-server-session-details-head-row td:first-child,
.sync-status-errors-row td:last-child,
.sync-status-errors-head-row td:last-child,
.sync-status-peer-head-row td:last-child,
.sync-status-peer-row td:last-child,
.sync-status-errors-head-row > td:first-child,
.sync-status-errors-row > td:first-child,
.sync-status-peer-head-row > td:first-child,
.sync-status-peer-row > td:first-child {
background-color: transparent;
min-width: 20px;
border: none;
}
.sync-status-errors-head-row > td:nth-child(2),
.sync-status-peer-row > td:nth-child(2) {
background-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
border-bottom-color: transparent;
}
.sync-status-errors-head-row .nav-button {
padding: 2px 5px;
font-size: 11px;
border-radius: 3px;
margin-left: 10px;
}
.sync-status-errors-head-row .filters {
float: right;
font-weight: normal;
}
.sync-status-errors-head-row .filters input {
background: #ffffff;
padding: 1px 2px;
margin: 0;
width: 120px;
}
.expand-collapse-buttons span > span {
cursor: pointer;
}
#turn_server_sessions_table .show-all-peers {
color: #fff;
font-size: 11px;
display: block;
margin-top: 3px;
}
.selfSignedCertificateSubjectAltName .add {
display:none;
}
.selfSignedCertificateSubjectAltName:last-child .add,
.selfSignedCertificateSubjectAltName:last-child .remove{
display: inline;
}
.cloud_transfer-slider {
width: 250px;
}
.cloud_transfer-slider.ui-slider-disabled a.ui-slider-handle {
display: none;
}
.red-text {
color: #ff0000;
}
.green-text {
color: #008000;
}
.orange-text {
color: #FF8040;
}
table.qos_table {
text-align: center;
}
table.qos_table td:first-child {
text-align: right;
}
table.qos_table .low-priority {
color: #008000;
font-weight: bold;
}
table.qos_table .medium-priority {
color: #ffa500;
font-weight: bold;
}
table.qos_table .high-priority {
color: #dc3545;
font-weight: bold;
}
table.qos-classification-rules-table > tbody > tr > td,
table.qos-classification-rules-table > tbody > tr > th {
text-align: center;
}
textarea.textarea-like-pre {
font-family: monospace;
font-size: 12px;
background-color: #ffffff;
background-image: none;
box-shadow: none;
border: none;
height: 98%;
width: 98%;
}
.angular-dynamic-fields a.add {
display:none;
cursor: pointer;
}
.angular-dynamic-fields:last-child a.add,
.angular-dynamic-fields:last-child a.remove{
display: inline;
cursor: pointer;
}
.slider-unlimited-wrapper .slider-edge {
display: inline-block;
min-width: 40px;
text-align: center;
}
ul.log > li {
border-bottom: 1px #bbb dotted;
padding: 2px;
line-height: 16px;
}
.no-padding-margin {
padding: 0 !important;
margin: 0 !important;
}
table.scroll {
table-layout: fixed;
}
table.scroll tbody td:first-child,
table.scroll thead th:first-child {
border-left: none;
max-width: 100px;
width: 100px;
overflow:hidden;
text-overflow:ellipsis;
}
table.scroll tbody td:not(:first-child),
table.scroll thead th:not(:first-child) {
text-align: center;
}
table.scroll tbody td:last-child,
table.scroll thead th:last-child {
border-right: 0;
}
table.scroll tbody tr:last-child td {
border-bottom: none;
}
table.scroll thead th {
border-top: none;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
.fixed-details-window {
width:460px;
position:fixed;
left: 50%;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
input#senderBcc-bcc {
margin-bottom: 4px;
}
ul.select-list-control {
height: 12.7em;
overflow-y: auto;
border: 1px solid #ced4da;
border-radius: .55rem;
background-color: #ffffff;
}
ul.select-list-control.select-list-control-disabled {
background-color: #efefef;
}
ul.select-list-control li {
clear: both;
border: 0;
padding: .13rem .25rem;
font-weight: normal;
cursor: pointer;
user-select: none; /* CSS3 (little to no support) */
-ms-user-select: none; /* IE 10+ */
-moz-user-select: none; /* Gecko (Firefox) */
-webkit-user-select: none; /* Webkit (Safari, Chrome) */
}
ul.select-list-control.select-list-control-disabled li {
cursor: not-allowed;
}
ul.select-list-control li.item-selected {
background: #ddd;
}
@media (max-width: 1200px) {
.fixed-details-window {
width:460px;
position:fixed;
right: 10%;
left: auto;
-ms-transform: translateX(0%);
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@media (max-width: 992px) {
.fixed-details-window {
right: 5%;
}
}
table.probability-scores {
display: inline-block;
vertical-align: middle;
}
table.probability-scores td {
height: 20px;
border: 1px solid #ccc;
cursor: pointer;
}
td.bg-white, span.bg-white {
background: #FFFFFF !important;
}
.capitalize {
text-transform: capitalize;
}
#jstree-marker-line {
pointer-events: none;
}
.iebrowser #jstree-marker-line
{
z-index: -1 !important;
}
.nfs-stats-wrapper-table {
width: 60%;
}
.dns-stats-wrapper-table {
min-width: 40%;
}
@media (max-width: 1200px) {
.nfs-stats-wrapper-table {
width: 80%;
}
.dns-stats-wrapper-table {
min-width: 60%;
}
}
@media (max-width: 800px) {
.nfs-stats-wrapper-table {
width: 100%;
}
.dns-stats-wrapper-table {
min-width: 90%;
}
}
.nfs-stats-wrapper-table td {
vertical-align: top;
}
table.partition-info-qtip {
table-layout: fixed;
}
table.partition-info-qtip tr > th {
text-align: right;
width: 120px;
padding-right: 5px;
}
table.email_quarantine_search tr > td:first-child {
text-align: right;
}
table.email_quarantine_search tr > td:last-child {
text-align: left;
}
.reboot-status-widget
.reboot-status-widget-msg img {
vertical-align: text-bottom;
}
.reboot-status-widget
.reboot-status-widget-msg {
font-weight: bold;
color: #224e95;
}
#confirmDeleteDialog .selected-mailboxes-list ul {
list-style-type: disc;
}
#confirmDeleteDialog .selected-mailboxes-list ul li {
padding: 2px;
}
#confirmDeleteDialog .selected-mailboxes-list {
background-color: #e6e6e6;
padding: 10px 20px;
border: 1px solid #cccccc;
border-radius: 5px;
margin-bottom: 10px;
max-height: 100px;
overflow: auto;
}
.event-thresholds-spans {
text-align: center;
min-width: 220px;
border: 1px solid #cccccc;
border-radius: 5px;
padding: 2px;
background-color: #f5f5f5;
margin-left: 5px;
}
.event-thresholds-spans > span {
padding: 0 5px;
border-radius: 5px;
display: block;
text-align: left;
font-weight: bold;
}
.event-thresholds-spans > span > span:nth-child(2) {
display: inline-block;
min-width: 60px;
font-weight: normal;
}
.event-thresholds-spans > span[class^='severity-'] > span.legend-color {
display: inline-block;
width: 12px;
border: 1px solid #cccccc;
border-radius: 5px;
height: 12px;
}
.event-thresholds-spans > span.severity-0 > span.legend-color {
background-color: #9B0000;
}
.event-thresholds-spans > span.severity-1 > span.legend-color {
background-color: #C60000;
}
.event-thresholds-spans > span.severity-2 > span.legend-color {
background-color: #ff0000;
}
.event-thresholds-spans > span.severity-3 > span.legend-color {
background-color: #ff5854;
}
.event-thresholds-spans > span.severity-4 > span.legend-color {
background-color: #fe8b51;
}
.event-thresholds-spans > span.severity-5 > span.legend-color {
background-color: #6ea7e0;
}
.event-thresholds-spans > span.severity-6 > span.legend-color {
background-color: #22bd33;
}
.event-thresholds-spans > span.severity-7 > span.legend-color {
background-color: #aaaaaa;
}
#thresholdEventsForm .storage-size {
font-size: 0.9em;
}
.ios-configuration-profile-instructions ul {
list-style-type: initial;
padding: 10px 20px 0 20px;
width: 500px;
}
.ios-configuration-profile-instructions ul > li {
margin: 7px 0;
}
body#migration-import form.stylized ol > li > label:first-child {
width: 17em;
}
.cyrus-partitions-legend {
background: #f9f9f9;
width: 180px;
max-width: 300px;
padding: 5px 10px 10px 10px;
border: 1px solid #ccc;
position: absolute;
bottom: 45px;
right: 50px;
}
.cyrus-partitions-legend .cp-list-wrapper {
max-height: 155px;
overflow-y: auto;
}
.cyrus-partitions-legend h3 {
font-weight: bold;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
padding: 3px 0;
}
.cyrus-partitions-legend ul li {
margin: 2px 0;
}
#deleted-mailboxes-tree-scrollable .partition-color-box,
#mailboxes-tree-scrollable .partition-color-box,
.cyrus-partitions-legend ul li span.bullet {
display: inline-block;
width: 7px;
height: 7px;
border: 1px solid #ccc;
margin-right: 3px;
}
.cyrus-partitions-legend ul li .cp-name {
display: inline-block;
max-width: 85%;
vertical-align: top;
overflow-wrap: break-word;
}
#deleted-mailboxes-tree-scrollable li.partition-default > a > .partition-color-box,
#mailboxes-tree-scrollable li.partition-default > a > .partition-color-box,
.cyrus-partitions-legend ul li .partition-default {
background-color: #fff;
}
#deleted-mailboxes-tree-scrollable li.not-selectable > a > .partition-color-box,
#mailboxes-tree-scrollable li.not-selectable > a > .partition-color-box {
display: none;
}
.system-update .progress-display > .left-column {
float: left;
padding-left: 2px
}
.system-update .progress-display > .right-column {
float: right;
padding-right: 2px
}
.system-update .progress-display > .ui-progressbar {
margin-bottom: 4px
}
.system-update [data-outcome-report] textarea {
width: 99%;
height: 370px;
white-space: pre-wrap
}
.system-update-notice {
margin: 30px 0 15px 0;
}
.system-update-notice > h3 {
font-weight: bold;
text-decoration: underline;
margin-bottom: 15px;
}
.system-update-notice p {
margin: 0 0 10px 0;
}
.system-update-notice b {
font-weight: bold;
}
#results a .help-separator {
font-size: 0.8em;
display: inline;
}
.help-dialog .ui-dialog-title .help-separator {
font-size: 0.8em;
margin: 0 3px;
}
#ipsec-show-hide-advanced-logging-options {
margin: 20px 100px;
}
body#file_share-sharepoints .permissions-table-margin-left {
margin-left: 14em;
}
body#auth-login {
margin: 0;
height: 100%;
min-height: 600px;
background-color: #ecf0f1;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9a6a0), color-stop(100%,#ffc482)); /* fallback */
background: linear-gradient(to bottom, #b9a6a0 0%, #ffc482 100%); /* fallback */
background-image: url("../img/logos/dataways_white.png"), -moz-linear-gradient(top, #b9a6a0 0%, #ffc482 100%);
background-image: url("../img/logos/dataways_white.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9a6a0), color-stop(100%,#ffc482));
background-image: url("../img/logos/dataways_white.png"), -o-linear-gradient(top, #b9a6a0 0%, #ffc482 100%);
background-image: url("../img/logos/dataways_white.png"), -ms-linear-gradient(top, #b9a6a0 0%, #ffc482 100%);
background-image: url("../img/logos/dataways_white.png"), linear-gradient(to bottom, #b9a6a0 0%, #ffc482 100%);
background-position: bottom right, center; /* fallback */
background-position: bottom 20px right 20px, center;
background-repeat: no-repeat;
background-size: 250px auto, auto;
background-attachment: fixed;
position: relative;
}
#inode-login-page {
height: 100%;
min-height: 100%;
}
body#auth-login #cover-wrapper {
width: 100%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
body#auth-login #cover {
min-height: 400px;
box-shadow: 0px 0px 10px 1px #777;
border-radius: 10px;
margin-bottom: 5%;
font-size: 16px;
}
body#auth-login #cover h6 {
font-size: 16px;
}
body#auth-login #cover ul {
margin-bottom: 1rem;
}
body#auth-login #cover-left {
position: relative;
background: #9a2e0b;
background-image: url("../img/login/hot_air_balloon.jpg");
background-size: cover;
color: #fff;
padding: 60px 50px;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
}
body#auth-login #cover-left .current-app-label {
display: inline-block;
margin-bottom: 20px;
color: #fff;
font-size: 28px;
font-weight: 600;
line-height: 50px;
}
body#auth-login #cover-left .links a:hover {
text-decoration: none;
text-shadow: 1px 1px 1px #fa6100;
}
body#auth-login #cover-left .links a span[class^='icon-'] {
font-size: 40px;
vertical-align: bottom;
line-height: 40px;
}
body#auth-login .inode-logo {
width: 224px;
}
body#auth-login #cover-left .welcome-text {
padding: 30px 0;
margin-bottom: 40px;
}
body#auth-login #cover-left .contact-text {
margin-top: 40px;
}
body#auth-login #cover-left .contact-text a {
color: #fff;
text-decoration: underline;
}
body#auth-login #cover-right {
background-color: #fff;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
padding: 90px 55px;
position: relative;
min-height: 400px;
}
body#auth-login #cover-right h3 {
color: #fa6100;
font-size: 36px;
font-weight: bold;
margin-bottom: .5em;
}
body#auth-login #cover-left h3.app-icon {
font-size: 54px;
margin-bottom: 0;
}
body#auth-login .admin-login-page #cover-right h3 {
color: #004080;
}
body#auth-login #cover-right button {
background-color: #fa6100;
color: #fff;
font-size: 24px;
font-weight: normal;
padding: 10px 50px;
border-radius: 30px;
margin: 0;
border: 2px solid #fa6100;
}
body#auth-login #cover-right button.refresh-page-btn {
font-size: 20px;
}
body#auth-login .admin-login-page #cover-right button {
background-color: #004080;
border: 2px solid #004080;
}
body#auth-login #cover-right button:hover {
background-color: #f8f8f8;
color: #fa6100;
}
body#auth-login .admin-login-page #cover-right button:hover {
background-color: #f8f8f8;
color: #004080;
}
body#auth-login #cover-right .vertical-center {
position: absolute;
top: 45%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
max-width: 280px;
width: 100%;
}
#inode-login-page form input[type='text'],
#inode-login-page form input[type='password'] {
background-color: #f4f8f7;
background-image: none;
border-radius: 0;
border: 1px solid #dbf8f5;
margin: 2px 0 15px;
padding: 12px 7px;
width: 100%;
font-size: 16px;
}
#inode-login-page form input[type='text']:focus,
#inode-login-page form input[type='password']:focus {
box-shadow: 0 0 5px 2px rgba(250, 103, 3, 0.7)
}
body#auth-login .help-text {
padding: 0 60px;
color: #fa6100;
left: 0;
}
body#auth-login .help-text a {
color: #fa6100;
text-decoration: underline;
}
body#auth-login .copyright-text {
color: #ffffff;
font-size: 16px;
text-align: center;
}
body#auth-login .copyright-text a {
color: #ffffff;
text-decoration: underline;
}
body#auth-login .text-align-bottom {
position: absolute;
bottom: 15px;
}
body#auth-login a.show-eula:hover,
body#auth-login a.learn-more:hover,
body#auth-login .text-align-bottom a:hover {
color: #004080 !important;
}
body#auth-login #dialog h3 {
letter-spacing: -1px;
font-weight: normal;
margin: 10px 0 3px;
font-size: 14px;
}
body#auth-login .hidden-li {
display: none !important;
}
body#auth-login #eulaModal .modal-content {
border: 4px solid #fa6100;
border-radius: 10px;
}
body#auth-login #eulaModal .modal-body h3 {
color: #004080;
font-weight: 700;
font-size: 20px;
}
body#auth-login #eulaModal .modal-body {
padding: 50px;
height: 500px;
color: #555;
}
body#auth-login #eulaModal .modal-body .close {
color: #777;
position: absolute;
right: 15px;
top: 7px;
}
body#auth-login #eulaModal .about-eula {
font-size: 13px;
color: #aaa;
}
body#auth-login #eulaModal .learn-more {
color: #777;
text-decoration: underline;
}
body#auth-login .mobile-logo {
margin-top: 20px;
}
body#auth-login #cover-mobile-footer {
padding: 0;
text-align: center;
max-width: 340px;
margin: 40px auto 0 auto;
}
body#auth-login .modal-header {
color: #fff;
background-color: #004080;
}
body#auth-login #desktop-copyright-text {
position: absolute;
bottom: 20px;
left: 0;
width: 100%;
}
body#auth-login .error-msg p {
vertical-align: middle;
text-align: left;
line-height: 16px;
margin: 10px 0;
white-space: normal;
padding: 18px 18px 18px 25px;
border-radius: 10px;
color: white;
font-weight: normal;
width: 100%;
background: rgba(24, 64, 132, .5);
}
body#auth-login [class^='icon-'] {
background: none;
}
body#auth-login p {
margin-top: 0;
}
body#auth-duo_auth_form,
body#auth-duo_enroll_form {
background: #f8f8f8;
min-height: 300px;
min-width: 280px;
padding: 20px;
font-size: 16px;
margin: 0;
border-radius: 2px;
}
body#auth-duo_auth_form #content,
body#auth-duo_enroll_form #content {
padding: 0;
}
div.duo_popup_dialog .bottom {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
div.duo_popup_dialog .powered-by {
text-align: center;
margin-bottom: 10px;
}
div.duo_popup_dialog .powered-by a {
font-size: 11px;
color: #666;
text-decoration: none;
}
div.duo_popup_dialog .messages {
color: #ffffff;
font-size: 13px;
width: 100%;
line-height: 1.1em;
}
div.duo_popup_dialog .messages.success {
background-color: #63b246;
}
div.duo_popup_dialog .messages.info {
background-color: #379ed4;
}
div.duo_popup_dialog .messages.error {
background-color: #a13639;
}
div.duo_popup_dialog .messages p {
padding: 12px;
margin: 0;
}
body#auth-duo_auth_form form select {
background: #ffffff;
padding: 5px;
vertical-align: middle;
max-width: 220px;
}
body#auth-duo_auth_form .choose-factor-msg {
margin: 15px 0;
}
body#auth-duo_auth_form .device-select {
margin-bottom: 30px;
}
body#auth-duo_auth_form .device-select label {
font-size: 20px;
vertical-align: middle;
}
body#auth-duo_auth_form li.factor {
background-color: #ffffff;
padding: 15px 5px;
margin-top: 7px;
position: relative;
min-height: 54px;
}
body#auth-duo_auth_form li button {
background-color: #63b246;
color: #ffffff;
font-size: 15px;
border-radius: 5px;
border: none;
padding: 8px 15px;
cursor: pointer;
}
body#auth-duo_auth_form li button:disabled {
background-color: #acdb9b;
cursor: default;
}
body#auth-duo_auth_form li.factor button {
position: absolute;
width: 160px;
right: 5px;
top: 11px;
}
body#auth-duo_auth_form li.factor input {
position: absolute;
background: #ffffff;
color: #000000;
font-size: 15px;
border: 2px solid #f8f8f8;
width: 170px;
padding: 6px;
left: 5px;
top: 7px;
}
body#auth-duo_auth_form li.factor input:focus {
border: 2px solid #63b246;
box-shadow: none;
}
body#auth-duo_auth_form a.send-sms-passcodes {
font-size: 12px;
position: relative;
top: 33px;
}
body#auth-duo_enroll_form ol {
list-style-type: decimal;
padding: 5px 15px;
font-size: 13px;
font-weight: bold;
}
body#auth-duo_enroll_form ol > li {
margin: 10px 0;
}
body#auth-duo_enroll_form table {
width: 100%;
}
body#auth-duo_enroll_form table td.logo-td {
text-align: right;
}
body#auth-duo_enroll_form table td > label > span {
display: block;
font-weight: normal;
font-size: 12px;
font-style: italic;
margin: 2px 0;
}
body#auth-duo_enroll_form table {
margin-top: 45px;
}
body#auth-duo_enroll_form table td.barcode-instructions {
padding: 0 20px;
}
body#auth-duo_enroll_form table.choose-enroll-method tr.disabled {
color: #cccccc;
}
body#auth-duo_enroll_form table.choose-enroll-method td > label {
font-weight: bold;
font-size: 16px;
display: inline-block;
vertical-align: middle;
}
body#auth-duo_enroll_form table.choose-enroll-method td > input {
display: inline-block;
vertical-align: middle;
}
body#auth-duo_enroll_form table.choose-enroll-method tr.head-tr {
font-weight: bold;
}
body#auth-duo_enroll_form table.choose-enroll-method tr.head-tr td {
vertical-align: bottom;
font-size: 20px;
padding-bottom: 25px;
}
body#auth-duo_enroll_form table.choose-enroll-method td {
padding-bottom: 10px;
}
body#auth-duo_enroll_form table.full-enroll-method td {
font-size: 14px;
padding-top: 60px;
font-weight: bold;
}
body#auth-duo_enroll_form button {
background-color: #63b246;
border: 1px solid #4fa231;
color: #ffffff;
font-size: 15px;
border-radius: 5px;
width: 100px;
padding: 8px;
cursor: pointer;
}
body#auth-duo_enroll_form button.back {
background-color: #888;
border: 1px solid #999;
}
body#auth-duo_enroll_form button:disabled {
background-color: #acdb9b;
border-color: #92c67f;
cursor: not-allowed;
}
div.duo_popup_dialog div.inode_logo {
position: absolute;
top: 10px;
right: 12px;
}
.duo-failed-form .top-msg {
font-weight: bold;
font-size: 18px;
margin: 15px 0 70px 0;
}
.duo-failed-form li {
padding: 5px 0;
list-style: none;
}
#cisco-duo-dialog {
margin: 0;
padding: 2px;
overflow: hidden;
}
#cisco-duo-dialog iframe {
width: 100%;
min-width: 280px;
height: 100%;
}
.tree-in-popup-margin-left {
margin-left: 13em;
}
.printer-drivers-list {
min-width: 25rem;
}
.openvpn-key-management-list {
width: 300px !important;
max-width: 100%;
height: 220px !important;
}
.slider-unlimited-value-field-wrapper > * {
vertical-align: middle;
}
form.stylized ol > li.no-label.ike-proposals-move-left {
padding-left: 11em;
}
.fax-protocol-comment-headers-table {
width: auto;
margin: 20px;
}
.sp-selector-create-dir {
min-width: 300px;
max-width: 370px;
}
.virtual-domains-form-padding-left {
padding-left: 8em;
}
table.filename-filtering-wrapper-table {
table-layout: fixed;
}
table.filename-filtering-wrapper-table > tbody > tr > td {
padding: 0;
height: 100%;
}
table.filename-filtering-wrapper-table > tbody > tr > td table,
table.filename-filtering-wrapper-table > tbody > tr > td table td {
height: 100%;
}
table.filename-filtering-wrapper-table > tbody > tr > td table td {
padding-bottom: 30px;
padding-right: 30px;
}
.accordion-header .expand-collapse.collapsed {
background: url('../../assets/img/right16x16.png') center left no-repeat;
padding: 2px 2px 2px 18px;
}
.accordion-header .expand-collapse {
background: url('../../assets/img/down16x16.png') center left no-repeat;
padding: 2px 2px 2px 18px;
}
/* nano scroller */
.nano {
position : relative;
width : 100%;
height : 100%;
overflow : hidden;
}
.nano > .nano-content {
position : absolute;
overflow : scroll;
overflow-x : hidden;
top : 0;
right : 0;
bottom : 0;
left : 0;
padding-right: 20px;
}
.nano > .nano-content:focus {
outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
display: block;
}
.nano > .nano-pane {
background : #e8e8e8;
position : absolute;
width : 10px;
right : 0;
top : 0;
bottom : 0;
visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
opacity : .01;
-webkit-transition : .2s;
-moz-transition : .2s;
-o-transition : .2s;
transition : .2s;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
border-radius : 5px;
}
.nano > .nano-pane > .nano-slider {
background: #b8b8b8;
position : relative;
margin : 0 1px;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
border-radius : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
visibility : visible\9; /* Target only IE7 and IE8 with this hack */
opacity : 0.99;
}
@media screen and (max-height: 768px) {
body {
background-size: 220px auto, auto;
}
body#auth-login #cover-left .welcome-text {
margin-bottom: 10px;
}
body#auth-login #cover-left {
padding: 50px;
}
body#auth-login .copyright-text {
margin-top: 30px;
}
body#auth-login #inode-login-page form input[type="text"],
body#auth-login #inode-login-page form input[type="password"] {
padding-top: 10px;
padding-bottom: 10px;
}
body#auth-login #cover-right button {
padding-top: 10px;
padding-bottom: 14px;
}
body#auth-login #cover-left h3.app-icon {
font-size: 50px;
}
body#auth-login #cover-wrapper {
top: 47%;
}
}
@media screen and (max-width: 992px), (max-height: 618px) and (max-width: 1500px) {
body#auth-login {
background: -moz-linear-gradient(top, #b9a6a0 0%, #ffc482 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9a6a0), color-stop(100%,#ffc482));
background: -o-linear-gradient(top, #b9a6a0 0%, #ffc482 100%);
background: -ms-linear-gradient(top, #b9a6a0 0%, #ffc482 100%);
background: linear-gradient(to bottom, #b9a6a0 0%, #ffc482 100%);
background-size: auto;
background-attachment: fixed;
}
}
@media only screen and (max-width: 1550px) {
#import-wizard {
min-width: 1200px;
}
body#migration-import form.stylized ol > li > label:first-child {
width: 12em;
}
#import-wizard .ui-buttonset .ui-button-text {
min-width: 2.5em;
}
#import-wizard tbody td {
min-width: 40em;
}
body#fail2ban-settings form #find-time-element .slider-bar {
width: 29.5em;
}
body#fail2ban-settings form #ban-time-element .slider-bar {
width: 39em;
}
body#fail2ban-settings form #loglevel-element .slider-bar {
width: 20em;
}
body#fail2ban-settings form .slider-rules li {
width: 4.5em;
}
}
@media only screen and (max-width: 1367px) {
#system-home #inode-home-page {
min-width: 992px;
width: 100%;
}
#system-home #inode-home-page .home-table-wrapper > div {
width: 100%;
max-width: 100%;
flex: initial;
}
#inode-home-page table.memory-info-table > tbody > tr,
#inode-home-page table.network-info-table > tbody > tr {
display: table-cell;
vertical-align: top;
}
#inode-home-page table.memory-info-table .pc-container {
margin-top: 15px;
}
#inode-home-page td.sm-table-row {
display: table-row;
}
#inode-home-page td.td-img + td {
width: 310px;
}
form.stylized ol li.slider-unlimited-li > label:first-child {
vertical-align: top;
}
form.stylized ol li.slider-unlimited-li .ui-controlgroup {
display: block;
margin-bottom: 5px;
}
.slider-unlimited-wrapper {
display: block;
margin: 5px 0 10px 0;
}
.slider-unlimited-value-field-wrapper span.separator {
display: none;
}
table.filename-filtering-wrapper-table {
width: 100%;
}
table.filename-filtering-wrapper-table > tbody > tr > td {
display: block;
box-sizing: border-box;
}
table.filename-filtering-wrapper-table > tbody > tr > td table td {
padding-bottom: 10px;
padding-left: 10px;
padding-right: 0;
}
}
@media screen and (max-width: 1200px) {
body#auth-login .help-text,
body#auth-login #cover-right {
padding-left: 20px;
padding-right: 20px;
}
form.stylized ol > li.no-label.ike-proposals-move-left {
padding-left: 0em;
}
}
@media screen and (max-width: 992px) {
body#auth-login #navbar a span[class^='icon-'] {
display: none;
}
body#auth-login #navbar a span {
border: none;
padding: 0;
}
body#auth-login #cover-right {
padding-left: 10px;
padding-right: 10px;
}
body#auth-login #cover-right button {
width: 260px;
}
table.dataTable thead th {
white-space: nowrap;
}
table.dataTable .col-actions {
white-space: nowrap;
}
.lvm-management-scrollable-wrapper,
.disk-management-scrollable-wrapper {
min-width: auto;
width: 100%;
}
#system-home #inode-home-page {
min-width: 700px;
width: 100%;
}
#inode-home-page table.storage-info-table > tbody > tr > td,
#inode-home-page table.cpu-info-table > tbody > tr > td {
display: inline-block;
}
#inode-home-page table.storage-info-table > tbody > tr > td:last-child,
#inode-home-page table.cpu-info-table > tbody > tr > td:last-child {
display: block;
width: 100%;
}
#inode-home-page table.memory-info-table > tbody > tr,
#inode-home-page table.network-info-table > tbody > tr {
display: table-row;
}
#inode-home-page .td-chart {
min-width: auto;
}
.pc-container {
width: 70px;
height: 70px;
}
form.stylized li > label + select,
form.stylized ol > li > .select2-container,
form.stylized ol > li .input-column-width,
form.stylized ol > li > .passwordedit-summary,
form.stylized ol > li > .inode-combobox,
form.stylized ol > li > .ui-persistent-select-display,
form.stylized ol > li > ul.select-list-control,
form.stylized li > label + input[type="number"],
form.stylized li > label + input[type="password"],
form.stylized li > label + input[type="url"],
form.stylized li > label + input[type="email"],
form.stylized li > label + input[type="text"] {
width: 15rem;
}
form.stylized ol > li > label:first-child {
width: 13em;
}
#sidebar.active + #page #topmenu {
padding-left: 70px;
}
#sidebar + #page,
#sidebar.active + #page {
padding-left: 70px;
}
form.stylized ol > li.no-label {
padding-left: 5em;
}
form.stylized ol > li > select.auto-width {
max-width: 25rem;
max-width: calc(100% - 15rem);
}
form.stylized ol > li > label:first-child + .ui-controlgroup {
max-width: calc(100% - 14em);
display: inline-flex;
}
form.stylized ol > li > label:first-child + .ui-controlgroup label.ui-checkboxradio-radio-label {
overflow-x: auto;
vertical-align: middle;
}
#dns-settings form .slider-rules,
body#fail2ban-settings form .slider-rules {
margin-left: 14em;
}
body#fail2ban-settings form .slider-rules li {
width: 3em;
}
body#fail2ban-settings form #find-time-element .slider-bar {
width: 20.5em;
}
body#fail2ban-settings form #ban-time-element .slider-bar {
width: 27em;
}
body#fail2ban-settings form #loglevel-element .slider-rules li {
width: 4.5em
}
body#ldap-acls .editing-area form .slider-bar {
width: 37.5em;
}
body#ldap-acls .editing-area form .slider-rules li {
width: 5em;
}
#dns-settings form .slider-bar {
width: 26em;
}
#dns-settings form .slider-rules li {
width: 4em;
}
.fax-protocol-comment-headers-table {
margin: 20px 0;
}
body#file_share-sharepoints .permissions-table-margin-left {
margin-left: 3em;
}
.mailbox-acls-div,
.mailbox-tree-scrollable-wrapper {
width: 100%;
}
body#mail-imap_sync .subfieldset select {
width: auto;
}
body#mail-imap_sync .subfieldset select + div input {
max-width: 15em;
}
}
@media screen and (max-width: 768px) {
body#auth-login {
min-height: 360px;
min-width: 350px;
padding: 10px 20px;
}
body#auth-login #cover-right,
body#auth-login #cover-left {
background: transparent;
background-color: transparent;
text-align: center;
padding: 20px 0;
border-radius: 0;
min-height: auto;
}
body#auth-login #cover {
box-shadow: none;
margin-top: 20px;
}
body#auth-login #cover-wrapper {
position: relative;
top: 0;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
body#auth-login #eulaModal .modal-body {
padding: 40px 15px;
}
body#auth-login #desktop-copyright-text,
body#auth-login .text-align-bottom {
position: relative;
bottom: unset;
}
body#auth-login .copyright-text {
border-top: 2px solid #fff;
font-size: 12px;
padding: 10px 0;
margin-top: 0;
}
body#auth-login .help-text {
padding: 10px 0;
font-size: 16px;
}
body#auth-login #cover-right button {
width: 270px;
margin: 6px 0;
}
body#auth-login #cover-right .vertical-center {
position: static;
top: 0;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
max-width: 100%;
min-height: 200px;
}
*:not([id^='mobile-']) > [id^='desktop-'] {
display: none;
}
body#auth-login #cover-right h3 {
font-size: 20px;
text-align: left;
}
body#auth-login #cover-right h3.app-icon {
font-size: 38px;
text-align: center;
}
#content {
padding: 13px;
}
form.stylized ol > li > label:first-child {
display: block;
text-align: left;
margin-top: 5px;
}
form.stylized li > label + select,
form.stylized ol > li > .select2-container,
form.stylized ol > li .input-column-width,
form.stylized ol > li > .passwordedit-summary,
form.stylized ol > li > .inode-combobox,
form.stylized ol > li > .ui-persistent-select-display,
form.stylized ol > li > ul.select-list-control,
form.stylized li > label + input[type="number"],
form.stylized li > label + input[type="password"],
form.stylized li > label + input[type="url"],
form.stylized li > label + input[type="email"],
form.stylized li > label + input[type="text"] {
width: 17rem;
max-width: 80%;
margin-bottom: 5px;
}
form.stylized ol > li > .slider-bar {
max-width: 100%;
}
form.stylized input,
form.stylized select {
max-width: 100%;
margin-bottom: 5px;
}
form.stylized ol > li.no-label {
padding-left: 0;
margin-left: 0;
}
form.stylized ol > li > select.auto-width {
max-width: 100%;
}
form.stylized ol > li > label:first-child + .ui-controlgroup {
max-width: 100%;
display: inline-flex;
}
.status-report-widget .form-buttons {
float: none;
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
text-align: center;
}
.status-report-widget h1 {
line-height: 1.5em;
position: relative;
padding-bottom: 40px;
}
body#system-auth_backends .status-report-widget h1 {
padding-top: 10px;
padding-bottom: 10px;
}
.lvm-management-scrollable-wrapper {
padding-left: 5px;
padding-right: 5px;
}
.lvm-management-scrollable {
height: calc(100% - 185px);
}
#page #content {
min-width: 320px;
}
#user-dashboard #inode-home-page,
#system-home #inode-home-page {
min-width: 320px;
width: 100%;
}
nav#breadcrumbs {
width: 100%;
padding-right: 40px;
display: block;
}
#page-header {
position: relative;
margin-bottom: 1px;
}
#page-header > a#button-help {
position: absolute;
right: 10px;
top: 10px;
}
#inode-home-page .td-chart img {
max-width: 100%;
}
#sidebar.active + #page #topmenu {
padding-left: 8px;
}
#sidebar + #page,
#sidebar.active + #page {
padding-left: 0;
}
#sidebar .sidebar-search-form {
padding: 0 35px 0 0;
}
.processing-overlay > .message {
width: 280px;
font-size: 1.3em;
}
.form-buttons button, .form-buttons button + button, button.nav-button, button.nav-button + button.nav-button {
margin-left: 2px;
margin-right: 2px;
}
.form-buttons button,
.buttons button.ui-button,
.buttons button.nav-button {
margin-bottom: 5px;
}
/* START jQuery UI overrides */
.ui-dialog.ui-widget.ui-widget-content {
max-width: 95vw;
margin-left: 1vw;
margin-right: 1vw;
}
.ui-accordion .ui-accordion-content {
padding: 5px;
}
/* END jQuery UI overrides */
form.stylized ol > li.large-display-element > label:first-child + * {
display: block;
margin-left: 0;
line-height: 24px; /* not inline-block, so does not inherit from the and needs to be set here */
}
form.stylized ol > li.large-display-element li {
min-height: auto;
}
form.stylized li .ui-controlgroup, label + .ui-controlgroup {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-bottom: 5px;
}
form.stylized .ui-controlgroup label.ui-checkboxradio-radio-label {
overflow-x: auto;
}
form.stylized fieldset > fieldset.subfieldset,
fieldset.subfieldset {
padding: 5px 10px;
}
.certificate-tree-details-preview {
max-width: 100%;
}
.jstree {
overflow-x: auto;
padding-bottom: 10px;
}
#log-maintenance input[size] {
max-width: 100%;
}
.realtime_log #controls {
position: sticky;
margin-bottom: 10px;
}
body#fail2ban-settings form #loglevel-element .slider-bar,
body#fail2ban-settings form #find-time-element .slider-bar,
body#fail2ban-settings form #ban-time-element .slider-bar {
width: 250px;
}
body#fail2ban-settings form .slider-rules {
margin-left: 0;
}
body#fail2ban-settings form #loglevel-element .slider-rules li {
width: 58px;
}
body#fail2ban-settings form #find-time-element .slider-rules li {
width: 37px;
}
body#fail2ban-settings form #ban-time-element .slider-rules li {
width: 27px;
}
body#ldap-acls .editing-area form .slider-bar {
width: 250px;
}
body#ldap-acls .editing-area form .slider-rules li {
width: 31px;
writing-mode: vertical-lr;
text-orientation: upright;
height: auto;
vertical-align: top;
line-height: 10px;
}
body#ldap-replication fieldset#consumer-role > ol > li[data-show-when-mirroring] {
height: 35px;
}
body#vpn-settings #logging-options input {
margin-left: 0;
}
body#mailcf-settings .slider-bar,
body#t38-settings .slider-bar,
body#vpn-settings #logging-options .slider-bar {
width: 200px;
}
body#migration-import {
min-width: 350px;
max-width: 100vw;
}
#import-wizard {
min-width: auto;
width: 100%;
overflow-x: hidden;
}
#import-wizard tbody td {
min-width: auto;
}
#import-wizard .jw-content {
padding: 0;
}
#import-wizard tbody td {
padding: 4px 4px;
}
#ipsec-show-hide-advanced-logging-options {
margin: 20px 0px;
}
#dns-settings form .slider-rules {
margin-left: 0;
}
#dns-settings form .slider-bar {
width: 250px;
}
#dns-settings form .slider-rules li {
width: 35px;
vertical-align: top;
height: auto;
}
body#file_share-settings .slider-bar {
width: 160px;
}
body#file_share-sharepoints .permissions-table-margin-left {
margin-left: 0;
}
.mailbox-tree-scrollable {
padding-bottom: 50px;
margin-bottom: 4px;
}
.cyrus-partitions-legend {
right: 20px;
bottom: 40px;
padding: 5px;
width: 160px;
}
.cyrus-partitions-legend .show-hide-partitions-legend {
display: inline-block !important;
}
.cyrus-partitions-legend .cp-list-wrapper {
display: none;
}
.cyrus-partitions-legend.expanded .cp-list-wrapper {
display: block;
}
#system-services_status table button {
margin-bottom: 3px;
}
#dns-query_statistics div img,
#proxy-proxy_statistics p img,
#mailcf-statistics p img,
#mail-queues_statistics p img,
#network-statistics p img,
#system-diskio_stats p img,
#system-memory_stats p img,
#system-cpu_stats p img {
max-width: 100%;
}
div.refresh_container {
position: static;
width: 100%;
margin-top: 5px;
}
#proxy-advanced_statistics form table td {
max-width: 150px;
}
#proxy-advanced_statistics form input {
max-width: 100%;
}
#system-drivers_update .main_container table td {
display: block;
margin-bottom: 5px;
}
ul#monitor > li {
overflow-wrap: anywhere;
}
.ios-configuration-profile-instructions ul {
width: auto;
}
.tree-in-popup-margin-left {
margin-left: 0em;
}
.printer-drivers-list {
min-width: 100%;
max-width: 25rem;
}
.imapsync-slider {
width: 190px;
}
.slider-unlimited-wrapper {
display: block;
margin: 5px 0 10px 0;
}
.slider-unlimited-value-field-wrapper {
display: block;
}
.slider-unlimited-value-field-wrapper span.separator {
display: none;
}
.effective-policy-status {
margin-left: 0;
display: block;
}
.effective-policy-status > .allow,
.effective-policy-status > .deny {
position: static;
}
body#ldap-acls .editing-area form .dn-display-widget input[type="text"] {
width: 10em;
}
.view-select-certificate .tree, .view-select-dn .tree {
margin-left: 0em;
}
.fax-protocol-comment-headers-table {
margin: 20px 0;
}
.sp-selector-create-dir {
min-width: 200px;
}
.virtual-domains-form-padding-left {
padding-left: 0em;
}
#firewall-access_rules input[size],
#firewall-translation_rules input[size],
#proxy-url_lists_tools #searchform input.dropz,
#mailcf-custom_tests #form1 input[size] {
max-width: 250px;
}
#proxy-url_lists_tools #searchform input[type='submit'],
#proxy-advanced_statistics #form1 input[type='submit'],
#mailcf-custom_tests #form1 input[type='button'] {
margin: 2px;
}
#proxy-advanced_statistics #form1 table td,
#mailcf-custom_tests #form1 table td {
display: block;
clear: both;
text-align: left;
}
table.system-status-wrapper-table > tbody > tr > td,
table.dns-stats-wrapper-table > tbody > tr > td,
table.nfs-stats-wrapper-table > tbody > tr > td {
display: block;
}
table.system-status-wrapper-table > tbody > tr > td {
max-width: 82vw
}
table.system-status-wrapper-table img {
max-width: 100%;
}
#import-wizard form.stylized table tbody ol > li {
height: auto;
}
.jw-buttons > button.ui-state-default,
.jw-buttons > button {
margin-left: 0.5em;
}
body#mail-imap_sync .subfieldset select,
body#mail-imap_sync .subfieldset select + div input {
width: 17rem;
}
body#mail-imap_sync .subfieldset select + div {
display: block !important;
}
.cyrus-partitions-legend h3 {
font-weight: bold;
border-bottom: none;
margin-bottom: 0px;
padding: 3px 0;
font-size: 12px;
}
}
@media screen and (max-width: 500px) {
#sidebar:not(.active) + #page #topmenu .navbar-collapse {
display: none !important;
}
}
@media screen and (max-width: 400px) {
div.duo_popup_dialog .bottom { /* duo iframe */
position: relative;
}
}
|