/* stylelint-disable order/properties-order */
/* stylelint-disable selector-no-qualifying-type */
/* stylelint-disable selector-max-id */
/* stylelint-disable selector-max-type */
/* stylelint-disable selector-max-universal */
/* stylelint-disable selector-max-combinators */
/* stylelint-disable selector-max-compound-selectors */
/* stylelint-disable no-descending-specificity */
/* stylelint-disable no-duplicate-selectors */

.app_container {
    width: 850px;
    height: 600px;
    min-width: 850px;
    min-height: 600px;
    float: center;
    padding: 8px;
    margin: 8px;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    background: #cce;
    color: #000;
}

#rightpane {
    float: right;
    position: relative;
    left: 0;
    top: 0;
    height: 180px;
    width: 180px;
    overflow-x: hidden;
    overflow-y: hidden;
    border: 1px solid #b1b1b1;
}

#statuspane {
    border-top: 0;
    border-left: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
    border-right: 1px solid #b1b1b1;
    display: none;
}

#parentcontain {
    border-style: solid;
    border-color: #b1b1b1;
    border-width: 1px;
    background: #e2e2e2;
}

#mainpane,
#mainpane-multiple-selected {
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    border-left: 1px solid #b1b1b1;
}

#searchpane {
    border-left: 1px solid #b1b1b1;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    display: none;
}

#tabsetpage {
    border-style: solid;
    border-color: #b1b1b1;
    min-width: 520px;
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
    background: #fff;
    bottom: 0;
    overflow: auto;
    padding: 40px 20px 30px;
}

/* Users tab has its own sticky header; isolate its layout/paint here. */
#tabsetpage.users-tab-active {
    contain: layout paint;
}

.radiotabset {
    border-style: solid;
    border-width: 0;
    border-color: #000;
}

.radiotabset > div {
    border-style: solid;
    border-width: 1px;
    border-color: #000;
}

.radiotabset > div > span {
    display: block;
    background: #ddf;
}

.radiotabset .inputs {
    border: none;
}

.checkboxgroup {
    border-style: solid;
    border-width: 0;
    border-color: #000;
}

.checkboxgroup > div {
    border-style: solid;
    border-width: 1px;
    border-color: #000;
}

div.inputfield {
    width: 90px;
    margin-top: -1px;
    vertical-align: top;
}

a.tabbutton {
    position: relative;
    height: 36px;
    top: -6px;
    font-weight: bold;
    overflow: visible;
    color: #444;
    display: block;
    float: left;
    padding: 0 10px;
    margin: 0;
    text-decoration: none;
    outline: 0;
    z-index: 14;
    border-right: 1px solid #d5d5d5;
}

a.tabbutton span {
    color: #444;
}

li.tabbutton {
    position: relative;
    top: 1px;
    height: 22px;
    width: 200px;
    font-weight: bold;
    color: #444;
    display: block;
    float: none;
    padding: 0 10px;
    margin: 0;
    outline: 0;
    z-index: 16;
    white-space: nowrap;
    border-bottom: 1px solid #d5d5d5;
    background: #ddd;
    cursor: pointer;
}

li.tabbutton span {
    width: 200px;
}

a.tabbuttonmenu ul {
    overflow: hidden;
    border: 1px solid #444;
    position: absolute;
    top: 36px;
    width: 200px;
    left: -1px;
    float: none;
    clear: both;
    background: #ddd;
    z-index: 16;
}

a.tabbuttonmenu li:hover {
    background-color: #eee;
}

a.tabbutton span {
    position: relative;
    top: 10px;
    font-weight: bold;
}

a.tabbutton:active {
    background-color: #ddd;
    color: #555;
}

div.dropdown-button-container {
    display: block;
    position: relative;
    float: left;
}

div.dropdown-button-container ul.dropdown-menu {
    position: absolute;
    top: 25px;
    right: 6px;
    width: 120px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 3px 3px 8px #818181;
    -webkit-box-shadow: 3px 3px 8px #818181;
    -moz-box-shadow: 3px 3px 8px #818181;
    margin: 0;
    padding: 0;
    display: none;
}

div.dropdown-button-container ul.dropdown-menu ul {
    margin: 0;
    padding: 0;
}

div.dropdown-button-container ul.dropdown-menu li {
    padding: 3px 8px;
    color: #808080;
    display: block;
}

div.dropdown-button-container ul.dropdown-menu li a {
    margin: -3px -8px;
    padding: 3px 8px 3px 20px;
    color: #000;
    display: block;
    text-decoration: none;
    background: none;
    font-size: 12px;
    float: none;
    font-weight: normal;
    height: 16px;
    line-height: 16px;
}

div.dropdown-button-container ul.dropdown-menu li a:hover {
    background-color: #e0e0e0;
}

.bullet {
    background-image: url(../images/themes/default/floorIcon.png);
    height: 20px;
    width: 20px;
    float: left;
    margin: 0 0 0 40px;
}

h2 {
    font-size: 22px;
    font-weight: normal;
    margin: 10px 0 0 10px;
}

#myAccountSub {
    display: none;
}

#searchLabel {
    float: left;
    margin: 0 10px;
}

#companyInfo {
    padding: 10px 0 0 20px;
    font: normal 12px arial, sans-serif;
    color: #333;
}

#companyInfo .settings_td a {
    color: #333;
}

#companyInfo p {
    padding: 0;
}

#companyInfo img {
    border: 0;
}

#companyInfo label {
    margin: 5px 0 0;
    padding: 10px 0 0;
    font-weight: bold;
    text-align: left;
}

.wMedt4 {
    width: 300px;
}

.indent {
    text-indent: 20px;
    margin: 0 0 20px;
}

.col1 {
    display: none;
    visibility: hidden;
}

#driver-filters {
    margin-bottom: 14px;
}

#driversupport-wrapper {
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    width: 100%;
}

#driversupport td,
#driversupport th {
    border-color: #ccc;
    border-width: 1px 0 0;
    border-style: solid;
    margin: 0;
}

#driversupport th {
    padding: 4px;
}

#printer-associations-table td,
#printer-associations-table tr {
    border: 0;
}

#driversupport th {
    border-width: 0;
    text-align: center;
}

#driversupport .col2 {
    width: 50%;
    padding-left: 15px;
}

.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12,
.col13,
.col14,
.col15,
.col16,
.col17,
.col18 {
    text-align: center;
}

.databutton_container {
    float: right;
    margin-right: -10px;
}

#ossupport table {
    margin: 2px;
    padding: 2px;
}

#ossupport div {
    color: #6b6e77;
    font-size: 10px;
    padding: 0;
    margin: 0;
}

#ossupport table span {
    margin: 0;
    display: block;
}

#printerResults {
    width: 100%;
}

#printerResults td {
    padding: 2px 4px;
}

#printerResults tr:hover {
    background: #eee;
}

.searchstripe {
    background: #f4f4f4;
}

.searchclicked {
    border-bottom: 1px solid #e2e7ed;
    border-top: 1px solid #e2e7ed;
    background: #f2f7fd;
}

.searchpending {
    border-bottom: 1px solid #e2e7ed;
    border-top: 1px solid #e2e7ed;
    background: #f2f7fd;
}

.searchselected {
    border-bottom: 1px solid #b5d1ec;
    border-top: 1px solid #b5d1ec;
    background: #cde2fc;
}

.translucent {
    filter: alpha(opacity=35);
    opacity: 0.5;
}

#status_popup span {
    background: #f00;
}

#status_popup div {
    border-bottom: 1px solid #ccc;
    padding: 4px;
    margin: 0;
}

#status_popup p {
    padding: 0;
    margin: 0;
}

#status_current p {
    white-space: nowrap;
}

.table-busy {
    background-color: #f2f7fd;
}

.table-selected {
    background: #bcd5fc;
}

.inputerror,
.delete-row {
    padding-left: 20px;
    background-image: url(../images/admin/inputerror.gif);
    background-repeat: no-repeat;
    overflow: visible;
}

.delete-row {
    cursor: pointer;
    float: left;
    padding-left: 10px;
    height: 15px;
    width: 15px;
}

.stretchtomargins {
    padding: 0 !important; /* stylelint-disable-line declaration-no-important */
    margin: 0 !important; /* stylelint-disable-line declaration-no-important */
    border: 0 !important; /* stylelint-disable-line declaration-no-important */
    top: 0 !important; /* stylelint-disable-line declaration-no-important */
    left: 0 !important; /* stylelint-disable-line declaration-no-important */
    bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
    right: 0 !important; /* stylelint-disable-line declaration-no-important */
    width: auto !important; /* stylelint-disable-line declaration-no-important */
    height: auto !important; /* stylelint-disable-line declaration-no-important */
    position: absolute !important; /* stylelint-disable-line declaration-no-important */
    display: block !important; /* stylelint-disable-line declaration-no-important */
    overflow: auto;
    /* stylelint-disable */
    _width: 100% !important;
    _height: 100% !important;
    _bottom: auto !important;
    _right: auto !important;
    _position: relative !important;
    /* stylelint-enable */
}

.popuptable td {
    vertical-align: middle;
    padding: 4px;
}

.popuptable a.button {
    display: inline-block;
    margin: 0 auto;
    float: none;
}

div.settingsgroup {
    width: 95%;
    padding: 6px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.settings_subgroup_label {
    font-weight: bold;
    font-size: 14px;
    padding: 10px;
    width: 122px;
    vertical-align: top;
}

div.settings_subgroup {
    width: 100%;
    padding: 6px;
    background: #b8b8b8;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}

#nyroModalContent {
    -moz-box-shadow: 3px 3px 20px #000;
    -webkit-box-shadow: 3px 3px 20px #000;
    box-shadow: 3px 3px 20px #000;
}

#add_menu_popup_header {
    padding: 9px 7px;
    background: url(../images/themes/clean/bkgd/dialog_header.png) repeat-x;
    color: #444;
    margin-top: 2px;
}

#add_menu_popup_header a {
    color: #444;
    float: right;
    background: url(../images/themes/clean/bkgd/close_dialog.png);
    width: 20px;
    height: 20px;
    margin: -4px 0 0 -4px;
}

.hidden_div {
    visibility: hidden;
}

.jstree a:visited {
    color: #000;
}

/* Main Content Pane */
#main-pane {
    padding: 16px;
}

#main-pane h2 {
    color: #444;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 10px;
}

#user-rights-lists-div {
    clear: both;
    width: 570px;
    height: 230px;
    overflow-x: auto;
    overflow-y: auto;
}

#add-users-table-div,
#add-users-table-unselected {
    clear: both;
    width: 570px;
    height: 195px;
    overflow-x: auto;
    overflow-y: auto;
}

.invalid-ip,
.invalid-field {
    border-color: #f00;
}

.gray_box {
    border: solid 1px #cfcfcf;
    width: 91%;
    padding: 4px 4px 10px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.gray_box a,
.gray_box a:visited,
.gray_box a:link {
    color: #000;
}

.settings_subgroup_label {
    padding: 14px 7px;
    width: 143px;
    vertical-align: top;
}

.inputfield_pass span {
    margin-right: 10px;
}

#str_company_name {
    width: 414px;
}

#str_vanity_url {
    width: 129px;
}

#preview_image_span {
    margin-top: 0;
}

.settings_td {
    padding-left: 30px;
}

.settings_title {
    line-height: 16px;
    font-size: 13px;
    padding: 10px 25px 0 10px;
    font-weight: bold;
    width: 107px;
    vertical-align: top;
}

.settings_td a {
    text-decoration: none;
}

.settings_td_padding {
    line-height: 18px;
    padding-top: 6px;
    vertical-align: top;
}

.settings_td_space {
    line-height: 18px;
    padding: 0;
}

.settings_td_nopadding {
    line-height: 18px;
    padding: 0;
    vertical-align: top;
}

.settings_group table tr td table td {
    line-height: 18px;
    vertical-align: top !important; /* stylelint-disable-line declaration-no-important */
}

.settings_group {
    border-bottom: solid 1px #cfcfcf;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

.settings_group table tr td table {
    margin-top: 6px;
}

.settings_group label {
    font-weight: bold;
}

.settings_group p {
    margin: 10px 0 0;
}

.settings_group .settings_spaced_table td {
    vertical-align: top;
    padding-bottom: 10px;
}

.settings_group table tr td table tr td p {
    padding: 3px;
    color: #000;
    line-height: 18px;
}

#passwordInfo table {
    border: solid 1px #cfcfcf;
}

#passwordInfo table tr td {
    padding: 7px;
}

#passwordInfo .settings_subgroup_label {
    padding: 14px 7px;
}

#passwordInfo table tr td table,
#passwordInfo table tr td table tr {
    border: none;
}

#passwordInfo table tr td table tr td {
    padding: 0 4px;
}

#passwordInfo table tr td.td_spacer {
    padding: 0;
    margin: 0;
    height: 4px;
}

#account-users-process-buttons {
    text-align: center;
}

#account-users-process-buttons > div {
    width: 110px;
    margin: 0 auto;
}

html {
    height: 100%;
}

body {
    color: #000;
    height: 100%;
}

#main {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
}

#logo {
    position: absolute;
}

.logo-saas {
    left: 15px;
}

.logo-insights {
    left: 15px;
}

.logo-prem {
    left: 15px;
}

#utility {
    position: absolute;
    right: 10px;
    top: 20px;
}

#mainpane,
#mainpane-multiple-selected {
    position: absolute;
    top: 57px;
    left: 291px;
    right: 0;
    bottom: 0;
    border: none;
}

.full-screen-mainpane {
    /* stylelint-disable */
    width: 100% !important;
    height: auto !important;
    /* stylelint-enable */
    min-height: 300px;
}

#mainpane h1 {
    padding: 8px 0;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #53637d;
    border-bottom: 1px solid #cfcfcf;
}

#reactroot h1 {
    padding: 8px 0;
    margin-top: 16px;
    font-size: 16px;
    font-weight: bold;
    color: #53637d;
    border-bottom: 1px solid #cfcfcf;
}

.help,
.notice {
    background-color: #eee;
    border: 1px solid #bbb;
    padding: 5px 8px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 16px;
    color: #777;
    text-shadow: 0 1px 0 #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.help #alert_notice {
    margin-left: 22em;
    margin-top: -14px;
    text-align: right;
    font-weight: bold;
}

.help p {
    line-height: 16px;
    text-align: justify;
}

.notice {
    font-weight: bold;
    line-height: 14px;
    margin-bottom: 0;
    display: inline-block;
    max-width: 500px;
}

#footerpane {
    position: absolute;
    top: 674px;
    right: 0;
    width: 100%;
    height: 35px;
    border-width: 0;
}

.tab-group-title {
    color: #444;
    line-height: 1;
    font-family: inherit;
    font-size: 100%;
    font-style: normal;
    font-weight: bold;
    padding: 0;
    vertical-align: top;
    width: 150px;
}

.tabset {
    height: 33px;
    z-index: 80;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    padding-left: 10px;
    background-color: #d9d9d9;
    border-bottom: 1px solid #bfbfbf;
    min-width: 755px;
}

.tabset ul.tabitems {
    margin-top: 4px;
}

.tabset .tabbutton {
    font-size: 13px;
    padding: 7px 12px 0;
    color: #000;
    text-shadow: 0 1px 0 #f5f5f5;
    float: left;
    width: auto;
    background: #fff;
    border: none;
    border-bottom: 1px solid #bfbfbf88;
}

.tabset .tabbuttondown,
.tabset .tabbuttonhover {
    background-color: #fff;
    color: #000;
    text-shadow: none;
    border-bottom: 1px solid #bfbfbf88;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -ms-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.tabset .tabbuttondown a,
.tabset .tabbuttonhover a {
    color: #000 !important; /* stylelint-disable-line declaration-no-important */
}

.tabbuttonmenu a,
.tabbuttonmenu a:visited {
    color: #000;
    text-decoration: none;
}

.tabbuttonmenu ul {
    position: absolute;
    top: 36px;
    right: 0;
    left: 10px;
    line-height: 31px;
    margin-right: 15px;
}

.tabbuttonmenu .submenu li span {
    padding-top: 10px;
}

.tabbuttonmenu .tabbutton {
    color: #999;
    text-shadow: none;
    font-size: 11px;
    font-weight: bold;
    padding: 0 10px;
}

* + html .tabbuttonmenu .tabbutton {
    padding-top: 0; /* IE 7 */
}

.tabbuttonmenu .tabbuttondown {
    color: #5c98be;
}

.tabitems li {
    position: relative;
}

.tabitems .submenu {
    display: none;
    position: absolute;
    top: 28px;
    margin-top: 8px;
    padding-top: 4px;
    height: 68px;
    width: 184px;
    left: 0;
    background: #fff;
    border-radius: 0% 0% 5px 8px;
    box-shadow: 3px 3px 8px -3px #888, -3px 6px 8px -1px #888;
}

.tabitems .submenu li {
    float: none;
    display: block;
    height: 20px;
    padding: 0 20px;
    border: none;
    background: none;
    clear: left;
}

.tabitems .submenu li:hover {
    color: #5c98be;
}

.tabitems .submenu li.divider {
    float: left;
    background-color: #eee;
    height: 1px;
    line-height: 1px;
    overflow: hidden;
    width: 158px;
    margin: 0 20px 8px;
    padding: 0;
}

.tabitems .tabwithsubmenu a {
    padding-right: 15px;
    background: transparent url(../images/submenu-arrow-black.png) scroll no-repeat center right;
}

.tab-mainpane {
    padding: 0;
    margin-top: -20px;
}

.printcollabel {
    width: 150px;
    vertical-align: top;
}

textarea#PrinterNames {
    height: 15em;
    width: 577px;
}

#driversupport-wrapper td.driver_title_td {
    line-height: 19px;
    width: 40%;
}

#driversupport-wrapper td.profiles_td {
    width: 50%;
}

#driversupport-wrapper td.driver_version_td,
#driversupport-wrapper td.driver_date_td {
    width: 5%;
}

#driversupport-wrapper td.driver_status_td {
    text-align: center;
    width: 5%;
}

#driversupport-wrapper .show_profiles_disabled {
    display: inline-block !important; /* stylelint-disable-line declaration-no-important */
    width: 20px;
    height: 16px;
}

#driversupport-wrapper .show_profiles {
    display: inline-block !important; /* stylelint-disable-line declaration-no-important */
    background: url(../images/admin/bullets3.png) no-repeat 0 0;
    width: 20px;
    height: 16px;
}

#driversupport-wrapper .show_profiles.shown {
    display: inline-block !important; /* stylelint-disable-line declaration-no-important */
    background: url(../images/admin/bullets3.png) no-repeat -20px 0;
    width: 20px;
    height: 16px;
}

#driversupport-wrapper .profile_add {
    display: none;
    width: 64px;
    height: 16px;
    position: relative;
    top: 2px;
    background: url(../images/admin/add_profile3.png) no-repeat 0 0;
    float: right;
}

#driversupport-wrapper .profile_import {
    display: none;
    width: 64px;
    height: 16px;
    position: relative;
    top: 2px;
    background: url(../images/admin/import_profile3.png) no-repeat 0 0;
    float: right;
}

#driversupport-wrapper .even {
    background-color: #f4f4f4;
}

#driversupport-wrapper .profile_tr td {
    background: #f6f6f6;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

#driversupport-wrapper .profile_tr .profile_td {
    background: #f5f5f5 url(../images/admin/profile_shadow.png) repeat-x;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

#driversupport-wrapper .tooltip {
    position: relative;
    display: inline-block;
}

#driversupport-wrapper .tooltip .tooltiptext {
    visibility: hidden;
    width: 240px;
    border-style: solid;
    border-width: thin;
    border-color: #d9d9d9;
    background-color: #fff;
    color: #000;
    text-align: left;
    border-radius: 3px;
    padding: 3px;
    position: absolute;
    z-index: 1;
}

#driversupport-wrapper .tooltip:hover .tooltiptext {
    visibility: visible;
}

.profile_accordion_container .title {
    clear: both;
    padding: 5px 10px 5px 50px;
    border-bottom: 1px solid #ddd;
}

.profile_accordion_container .profile_tools a {
    font-size: 11px;
}

#cancel_login_botton,
#cancel_forgot_password_button,
#cancel_reset_password_button,
.modal-header a.close {
    color: #444;
    float: right;
    background: url(../images/themes/clean/bkgd/close_dialog.png);
    width: 20px;
    height: 20px;
    margin: -4px 0 0 -4px;
}

.cancel_login,
.modal-header {
    padding: 9px 7px;
    background: url(../images/themes/clean/bkgd/dialog_header.png) repeat-x;
    color: #444;
    font-weight: bold;
}

.add-line-height td,
.add-line-height td p {
    line-height: 18px;
    vertical-align: top !important; /* stylelint-disable-line declaration-no-important */
}

/* for extra long text on My Network > Settings */
.add-line-height td p {
    padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
}

/* Maps */
.dpalette {
    z-index: 80;
    white-space: nowrap;
    margin-bottom: 14px;
    cursor: move;
}

.label {
    height: 20px;
    margin-left: 4px;
}

.dpalette .icon div {
    display: inline;
}

.dpalette img {
    vertical-align: middle;
}

#map-container {
    margin-top: 10px;
    position: relative;
}

#map-list {
    min-height: 200px;
    border: solid 1px #ccc;
    height: 100%;
    background-color: #eee;
    float: left;
    width: 165px;
    padding: 7px;
    position: relative;
}

#map-image {
    display: none;
    float: none;
    margin-left: 210px;
    position: relative;
}

#map-list .ui-draggable-dragging {
    overflow: hidden;
}

#map-list .ui-draggable-dragging .label {
    display: none !important; /* stylelint-disable-line declaration-no-important */
}

#map-list .dpalette .label {
    display: inline;
}

#map-image .dpalette {
    position: absolute;
}

#map-image img {
    display: none;
}

#map-image .label {
    display: none;
}

#map_bg_default_container {
    top: 57px;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

#map_bg_default {
    display: none;
    height: 181px;
    width: 422px;
    background-image: url(../images/admin/default_map.png);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -119px 0 0 -211px;
    z-index: 80;
}

#map_bg_default h3 {
    font-weight: bold;
    font-size: 130%;
    padding: 20px 30px 30px;
    margin: 0;
}

#map_bg_default ol {
    margin-left: 60px;
    list-style-type: decimal;
    font-size: 115%;
}

#map_bg_default ol li {
    margin-bottom: 6px;
}

#map_bg_default .button {
    margin: 24px 0 0 120px;
}

div.floor {
    border: solid 1px #808080;
    padding-top: 5px;
    width: 180px;
    margin: 0 auto;
}

div.floor:hover {
    cursor: pointer;
}

div.floor .label {
    padding-left: 30px;
    padding-top: 4px;
}

#floors_div {
    width: 180px;
    margin: 0 auto;
}

#dialog {
    display: none;
}

#advanced-browse-modal {
    display: none;
}

#import_results_modal {
    display: none;
}

#modal-login {
    display: none;
}

#modal_forgot_password {
    display: none;
}

#modal_forgot_password_finish {
    display: none;
}

#modal_reset_password {
    display: none;
}

td {
    padding-top: 6px;
}

#addip_modal {
    overflow: hidden;
}

#addip_modal div.driversupport .driversupport-box {
    border: none;
}

#addip_modal div.driversupport .driversupport-box th {
    padding: 0;
}

#addip_modal div.driversupport select {
    height: auto;
}

table.SettingsTable .disabled {
    color: #777;
}

/* Tools menu full screen display */
body.full-screen #sidepane {
    display: none;
}

body.full-screen #mainpane {
    top: 48px;
    left: 0;
}

body.full-screen #tabsetpage {
    top: 9px;
}

body.full-screen .tabset {
    display: none;
}

.form-help {
    color: #888;
    font-size: 90%;
    font-style: italic;
}

table.associations td.name,
table.associations th.name {
    text-align: left !important; /* stylelint-disable-line declaration-no-important */
}

table.associations td.name {
    padding-left: 0;
}

table.associations td.icon {
    width: 15px;
}

table.associations tr.deleted {
    display: none;
}

#security-table tr.deleted {
    display: none;
}

.eula-modal h1 {
    font-size: 150%;
    font-weight: bold;
    margin-bottom: 1em;
}

.eula-modal p {
    margin-bottom: 1em;
    line-height: 130%;
}

.eula-list-item-hidden {
    list-style-type: none;
}

.eula-appendix-head {
    font-weight: bold;
    text-decoration: underline;
    text-align: center;
}

.eula-appendix-title {
    text-align: center;
}

.eula-appendix-ordered-list span {
    font-weight: bold;
}

.eula-appendix-ordered-list p {
    padding-left: 2em;
}

.eula-appendix-ordered-list-content {
    padding-left: 4em !important; /* stylelint-disable-line declaration-no-important */
}

.eula-appendix-ordered-list-content-sub {
    padding-left: 2em !important; /* stylelint-disable-line declaration-no-important */
}

.eula-appendix-content-list li {
    padding-left: 2em;
}

.eula-appendix-underline {
    text-decoration: underline;
}

.eula-appendix-bold {
    font-weight: bold;
}

.overview-node-list {
    width: 100%;
    margin: 0 auto 20px;
    border-collapse: collapse;
    table-layout: fixed;
}

.overview-node-list a {
    color: #000;
}

.overview-node-list th {
    color: #999;
    font-size: 90%;
    text-align: left;
    font-weight: normal;
    border: 0;
    margin: 0;
}

.overview-node-list td,
.overview-node-list th {
    border: 0;
    padding: 4px;
    margin: 0;
}

.overview-node-list td {
    border: 1px solid #e4e4e4;
    border-left: none;
    border-right: none;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
}

.overview-node-list tr.even {
    background-color: #f4f4f4;
}

.overview-node-list th.column-spacer {
    width: 20px;
}

.overview-node-list th.printer-name {
    width: 200px;
}

.overview-node-list th.printer-location {
    width: 250px;
}

.overview-node-list td ins.icon {
    margin: 0;
}

.overview-node-list td.icon,
.overview-node-list th.icon,
.overview-node-list td.checkbox,
.overview-node-list th.checkbox {
    width: 24px;
    text-align: center;
}

#container-overview .databutton_container {
    float: left;
    margin-bottom: 5px;
}

.overview_buttons_container {
    float: right;
    margin-right: 10px;
}

#container-overview .node-title {
    text-decoration: none;
}

#container-overview .node-title:hover {
    text-decoration: underline;
}

.overview-edit {
    padding-left: 1em;
    font-size: 13px;
}

.overview-edit a {
    text-decoration: none;
    color: #000;
}

.overview-edit a:hover {
    text-decoration: underline;
}

.gbutton-container {
    position: absolute;
    float: none;
    top: 0;
    left: 0;
}

a.back-button {
    padding: 0 25px;
}

a.back-button div {
    width: 12px;
    height: 10px;
    background: transparent url(../images/admin/back-button-arrow.png) scroll no-repeat top left;
    margin-top: 5px;
}

a.back-button.up div {
    background-image: url(../images/admin/up-button-arrow.png);
}

a.back-button-disabled div,
a.back-button-disabled:hover div {
    background-position: bottom left;
}

#roles_description_dialog h1 {
    font-size: 18px;
}

#roles_description_dialog h2 {
    font-size: 14px;
    padding-left: 0;
    margin-left: 0;
    font-weight: bold;
}

#roles_description_dialog h3 {
    font-size: 12px;
}

#roles_description_dialog ul {
    padding-left: 14px;
    list-style-type: disc;
    list-style-position: outside;
}

#roles_description_dialog li {
    font-size: 12px;
    padding-top: 3px;
}

thead tr .header span, thead tr .scanto_header span {
    background-repeat: no-repeat;
    background-position: right;
    cursor: pointer;
    font-weight: bold;
}

.display-number span,
.display-number {
    text-align: right;
}

thead tr .headerSortUp span {
    background-image: url(../images/admin/ascending.gif);
}

thead tr .headerSortDown span {
    background-image: url(../images/admin/descending.gif);
}

thead tr .headerSortLoading span {
    background-image: url(../images/throbber.gif);
}

.clear {
    clear: both;
}

.text-align-right {
    text-align: right;
}

.subsection,
.report-search-form div.subsection {
    margin: 0 0 15px 15px;
    width: 100%;
}

.subsection h3 {
    font-size: 14px;
    margin: 0 0 2px -16px;
}

.subsection--padding {
    padding-top: 20px;
}

#report-schedule-editor .subsection {
    width: 99%;
    display: block;
    clear: left;
    float: left;
}

#report-schedule-editor .subsection label {
    margin: 10px 0 5px;
    display: block;
}

#report-schedule-editor #scheduler-repeaton-section,
#report-schedule-editor #scheduler-repeatby-section {
    width: 99%;
    margin-top: 10px;
}

#report-schedule-editor #scheduler-repeaton-section label,
#report-schedule-editor #scheduler-repeatby-section label {
    display: inline;
    margin-left: 0;
}

#report-schedule-editor .subsection div {
    float: left;
    width: 200px;
}

#report-recipients {
    width: 90%;
}

#print-job-management-data {
    padding-left: 0;
}

.print-job-management-queue {
    padding-left: 0;
    padding-right: 0;
}

#print-job-management-filter-search {
    margin-bottom: 35px;
}

.records_parameters td {
    padding-right: 10px;
}

.records_parameters td input {
    width: 100%;
}

#page_header {
    border-bottom: 1px solid #cfcfcf;
    background: #fff;
    z-index: 98;
}

#page_header > h1 {
    border-bottom: 0;
    margin-bottom: 0;
    background: #fff;
}

#audit-records-loading,
#audit-records-calculating {
    background-image: url(../images/loading51.gif);
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 55px;
    font-size: 14px;
    padding-top: 60px;
    text-align: center;
}

#audit-records-count,
#audit-records-time {
    font-weight: bold;
}

.list_view_workstations .object_list_toolbar_section {
    float: left;
}

.list_view_workstations .results-wrapper {
    float: left;
    padding-top: 20px;
    padding-left: 5px;
}

#rolesEditRolesDialog {
    overflow: hidden;
}

#roles-assignments {
    border: 1px solid #ccc;
    overflow-y: auto;
    height: 300px;
}

.roles-assignments-nowrap {
    white-space: nowrap;
}

#roles-edit-dialog-form {
    width: 100%;
}

#roles-edit-dialog-description-label {
    width: 100%;
}

#roles-edit-dialog-description {
    display: inline-block;
    width: 100%;
}

#roles-edit-dialog-form label,
#roles-permissions label.roles-edit-checkbox-label {
    font-weight: bold;
    display: inline-block;
}

#roles-permissions label.roles-edit-checkbox-label,
.roles-edit-checkbox {
    cursor: pointer;
    padding: 6px 0 6px 4px;
}

.roles-edit-checkbox {
    margin: 0 4px 0 0;
    padding: 0;
    vertical-align: bottom;
    position: relative;
}

#roles-edit-dialog-metadata {
    border-bottom: 1px solid #aaa;
    padding-bottom: 7px;
}

#roles-edit-dialog-metadata input {
    width: 300px;
}

#roles-edit-dialog-metadata textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#roles-permissions {
    background: #fff;
    border-right: 1px solid #aaa;
    display: inline-block;
    padding-top: 5px;
    width: 510px;
    overflow-y: auto;
    float: left;
    margin-right: 10px;
}

.roles-permission-header {
    text-align: center;
    padding: 10px;
    font-weight: bold;
    border-bottom: 1px solid #aaa;
}

#roles-permissions ul {
    padding-left: 5px;
}

#roles-permissions > ul {
    padding-left: 0;
}

#roles-permissions label {
    font-weight: normal;
}

#roles-permissions.jstree li {
    line-height: 28px;
}

#roles-permissions.jstree li,
#roles-permissions .jstree-leaf > ins {
    background-image: none;
}

#roles-permissions .jstree-closed > ins {
    background-position: -5px -5px;
    line-height: 28px;
}

#roles-permissions .jstree-open > ins {
    background-position: -40px -4px;
    line-height: 30px;
}

.roles-edit-checkbox-label {
    margin-right: 10px;
}

#roles-permission-info {
    padding: 7px;
}

#roles-permission-info-name {
    font-weight: bold;
    margin-top: 11px;
}

#roles-permission-info-description {
    padding-top: 10px;
    margin-right: 10px;
    margin-left: 531px;
    line-height: 18px;
}

#roles-permission-info-description strong {
    font-weight: bold;
}

.permission-highlight {
    background-color: #bcd5fc;
}

.roles-edit-span {
    width: 100%;
    display: inline-block;
}

#footer {
    background-color: #f4f4f4;
    background-size: 215px;
    background-position: 50%;
    text-align: center;
}

#report-tabs {
    border: 0;
}

.report-schedule-details .details-close {
    float: right;
}

.report-schedule-details h3 {
    font-weight: bold;
    line-height: 22px;
}

.report-schedule-details > ol > li {
    line-height: 10px;
    padding: 10px 0 4px 6px;
    border-bottom: 1px solid #ccc;
}

.report-schedule-details > ol > li:nth-child(even) {
    background-color: #fcfcfc;
}

.report-schedule-details ul.history-details {
    height: 18px;
}

.report-schedule-details ul.history-details li {
    float: left;
}

.report-schedule-details > ol > li .timestamp {
    width: 40%;
}

.report-schedule-details > ol > li .success-rate.error {
    color: #f00;
}

.report-schedule-details > ol > li ul.history-details .success-rate {
    cursor: pointer;
    float: right;
}

.report-schedule-details ul.email-address-list {
    clear: both;
    padding: 2px 20px;
    display: none;
}

.report-schedule-details ul.email-address-list li {
    margin: 7px 0;
}

.report-schedule-details ul.email-address-list li .error {
    color: #f00;
}

.report-schedule-details ul.email-address-list li .success {
    color: #008000;
}

.report-schedule-details .run-report {
    float: right;
    margin-top: 8px;
}

.report-schedule-details .run-report button {
    padding: 7px;
}

.report-schedule-details .run-report span {
    margin: 4px 6px 0 0;
    display: none;
}

.report-schedule-details .run-report div.message {
    display: none;
}

.report-header {
    margin-bottom: 16px;
}

.report-header h2 {
    text-align: center;
}

.report-header h3 {
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
}

.report-header .search {
    text-align: center;
}

.ldap-settings-test {
    line-height: 16px;
}

#status_main_div table {
    border: solid 1px #cfcfcf;
    margin: 0 auto 10px;
    width: 100%;
}

#status_main_div table tr {
    vertical-align: top;
}

#status_main_div table tr td {
    padding: 6px;
}

#status_main_div table .even {
    background-color: #f4f4f4;
}

#status_main_div table .inputfield {
    margin-top: 0;
    vertical-align: top;
}

#status_main_div table .inputfield span {
    color: #444;
    font-weight: bold;
}

#status_main_div table .not_available span {
    font-style: italic;
}

#status_main_div .settingsgroup {
    font-size: 15px;
    padding-left: 0;
    padding-bottom: 15px;
}

#status_main_div table.snmp_overrides {
    border: 0;
    width: auto;
    margin: 0;
}

#status_main_div table.snmp_overrides th {
    font-weight: bold;
    text-align: left;
    font-size: 110%;
    text-decoration: underline;
    padding-top: 7px;
}

#status_main_div table.snmp_overrides td {
    padding: 10px 30px 0 0;
}

#status_main_div table.snmp_overrides p {
    margin-bottom: 7px;
}

#status_main_div table.snmp_overrides label {
    font-weight: bold;
}

.saas-agreement-title {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

.saas-agreement-ul {
    text-decoration: underline;
}

.saas-agreement-header {
    font-weight: bold;
}

.saas-agreement-sub-header {
    font-weight: bold;
    color: #4f4f4f;
}

.saas-agreement-header span {
    padding-right: 2.6em;
    font-weight: bold;
}

.saas-agreement-content span {
    padding-right: 2em;
}

.saas-agreement-content-underline {
    text-decoration: underline;
    padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
}

.saas-agreement-content-bold {
    font-weight: bold;
    padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
}

.saas-agreement-pad {
    padding-right: 3.4em !important; /* stylelint-disable-line declaration-no-important */
}

.saas-agreement-right {
    float: right;
    margin-right: 3.4em;
}

.saas-agreement-list {
    margin: 0 10px 0 35px;
    list-style-type: circle;
}

ol.saas-agreement-bold-list {
    counter-reset: first-level;
    margin-left: 2em;
    margin-bottom: 1em;
}

ol.saas-agreement-bold-list ol {
    counter-reset: second-level;
    margin-left: 2em;
    margin-bottom: 0;
}

ol.saas-agreement-bold-list > li {
    list-style-type: none;
    counter-increment: first-level;
}

ol.saas-agreement-bold-list ol.saas-agreement-bold-list > li {
    list-style-type: none;
    counter-increment: second-level;
}

ol.saas-agreement-bold-list > li:before,
ol.saas-agreement-bold-list > li > ol.saas-agreement-bold-list > li:before {
    font-weight: bolder;
    margin-right: 0.2em;
}

ol.saas-agreement-bold-list.saas-agreement-roman-list > li:before {
    content: "(" counter(first-level, lower-roman) ")";
}

ol.saas-agreement-bold-list.saas-agreement-number-list > li:before {
    content: counter(first-level) ".";
}

ol.saas-agreement-bold-list.saas-agreement-alpha-list > li:before {
    content: "(" counter(first-level, lower-alpha) ")";
}

ol.saas-agreement-bold-list > li > ol.saas-agreement-bold-list.saas-agreement-roman-list > li:before {
    content: "(" counter(second-level, lower-roman) ")";
}

ol.saas-agreement-bold-list > li > ol.saas-agreement-bold-list.saas-agreement-number-list > li:before {
    content: counter(second-level) ".";
}

ol.saas-agreement-bold-list > li > ol.saas-agreement-bold-list.saas-agreement-alpha-list > li:before {
    content: "(" counter(second-level, lower-alpha) ")";
}

.saas-agreement-indent {
    margin-left: 3.2em;
}

.saas-agreement-list-item-hidden {
    list-style-type: none;
}

#service-agreement-link {
    width: 100%;
    float: left;
    text-align: center;
}

#prepare-database-status span {
    white-space: nowrap;
}

.direct_list_email input[type="text"],
.direct_list_email input[type="password"] {
    width: 300px;
}

a#trialPurchaseButton {
    padding: 5px 40px 0;
    height: 20px;
    font-size: 18px;
    display: inline-block;
    text-align: center;
    background: #6f9739;
    text-decoration: none;
    color: #fff;
    float: right;
    margin-top: -8px;
}

#body-eula {
    height: auto;
}

#view-server-eula {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    overflow: hidden;
}

#view-server-eula-container {
    margin-top: 3.5em;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 90%;
    border: 1px solid #ccc;
    padding: 15px;
}

#view-server-eula img {
    width: 288px;
    height: 59px;
    position: fixed;
    margin-left: -1.25em;
}

#main_div {
    padding: 16px;
}

#main_div table {
    border: solid 1px #cfcfcf;
    margin: 0 auto 10px;
    width: 97%;
}

#main_div table tr td {
    padding: 7px;
}

#main_div table tr td table,
#main_div table tr td table tr {
    border: none;
}

#main_div table tr td table tr td {
    padding: 0;
}

#main_div table input[type="text"],
#main_div table input[type="password"] {
    width: 350px;
}

div.inputfield label {
    color: #444;
    font-weight: bold;
}

div.inputfield span {
    color: #444;
    font-weight: bold;
    word-wrap: break-word;
}

.gcp-continue {
    text-align: center;
    margin-top: 20px;
    float: right;
}

#install_error span {
    display: inline-block;
    border-radius: 4px;
    padding: 4px;
}

#install_error span.errorText {
    color: #f00;
}

#install_error span.warningText {
    color: #f00;
}

#install_error span.noticeText {
    color: #00f;
}

#install_error span .icon {
    margin-right: 8px;
}

.redText {
    color: #f00;
}

.note-underline {
    text-decoration: underline;
}

.install-spinner {
    position: relative;
    top: -12px;
    width: 5px;
    height: 5px;
}

.newline {
    display: inline-block;
}

label.section-header {
    margin-top: 10px;
    font-weight: bold;
}

.react-dropdown-width {
    width: 180px;
}

.react-padding {
    padding: 5px 0 0;
}

input[type="text"].react-apps-url {
    width: 360px;
    height: 18px;
    padding: 2px;
    border: 1px solid #a9a9a9;
    background: #ebebe4;
}

button.react-apps-url-btn {
    width: 29px;
    height: 24px;
    vertical-align: bottom;
    border-top: 1px solid #a9a9a9;
    border-right: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;
    border-left: 0;
    border-radius: 2px;
    background-color: #ebebe4;
}

button.react-apps-url-btn:hover {
    background-color: #dcdcdc;
}

div.react-apps-url-message {
    display: block;
    width: 381px;
    padding: 3px;
    text-align: right;
    font-weight: bold;
    color: #008000;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
}

div.react-apps-url-message.show {
    opacity: 1;
}

div.react-apps-url-message.hide {
    opacity: 0;
}

.react-apps-warning-status {
    max-width: 720px;
    margin: 4px 0 0 2px;
}

.prepare-db-fields-table {
    margin-left: auto;
    margin-right: auto;
}

#accounting-prompt-section {
    border: 1px solid #cfcfcf;
    width: 26em;
    padding: 1em 0;
}

.disable-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#resizer {
    position: absolute;
    left: -1px;
    background-color: #ddd;
    width: 4px;
    z-index: 100;
    height: 100%;
    cursor: col-resize;
}

#resizer:hover {
    background-color: #591559;
}

.vac-main-container * {
    box-sizing: border-box;
}

.vac-custom-login-modal {
    display: none;

    /* stylelint-disable */
    padding: 0 !important;
    border: none !important;
    outline-width: 0 !important;
   /* stylelint-enable */

    .ui-dialog-titlebar {
        display: none;
    }

    .ui-widget-content {
        border: none;
        outline-width: 0;
    }

    .ui-dialog-buttonpane {
        position: absolute;
        top: 430px;
        width: 60%;
        margin-left: 290px;
        padding: 0;
        align-items: right;
        justify-content: space-between;
        margin-right: 0;
        z-index: 100;

        button {
            background: rgb(61, 37, 98);
            color: #fff;
        }

        button:hover {
            background-color: rgb(61, 37, 98);
            opacity: 0.6;
        }
    }

}

.vac-custom-login-modal1 {
    display: none;

    /* stylelint-disable */
    padding: 0 !important;
    border: none !important;
    outline-width: 0 !important;
    /* stylelint-enable */

    .ui-dialog-titlebar {
        display: none;
    }

    .ui-widget-content {
        border: none;
        outline-width: 0;
    }

    .ui-dialog-buttonpane {
        position: absolute;
        top: 418px;
        width: 30%;
        margin-left: 500px;
        padding: 0;
        align-items: right;
        justify-content: space-between;
        margin-right: 0;
        z-index: 100;

        button {
            background: #fff;
            color: rgb(61, 37, 98);
        }

        button:hover {
            background-color: #fff;
            opacity: 0.6;
        }
    }

}

.vac-main-container {
    overflow: hidden;
}

.vac-main-container {
    display: flex;
    align-items: flex-start;
    flex-flow: nowrap;
    position: relative;
    width: 750px;
    height: 492px;
    margin: 0 auto;
    background: rgb(255, 255, 255);
    overflow: hidden;
    border-radius: 8px;
}

.vac-content {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    flex-flow: column nowrap;
    flex: 1 0 0;
    position: relative;
    min-width: 0;
    min-height: 0;
    z-index: 3;
}

.vac-details {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    align-self: stretch;
    flex-flow: column nowrap;
    flex: 1 0;
    flex-shrink: 0;
    gap: 24px;
    position: relative;
    padding: 24px;
    z-index: 4;
}

.vac-Header {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    flex-flow: column nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    z-index: 5;
}

.vac-Title {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 20px;
    font-family: Archivo,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Ubuntu,
        "Helvetica Neue",
        Helvetica,
        Arial,
        "PingFang SC",
        "Hiragino Sans GB",
        "Microsoft Yahei UI",
        "Microsoft Yahei",
        "Source Han Sans CN",
        sans-serif;
    color: rgb(29, 27, 30);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    letter-spacing: 0.1px;
    z-index: 6;
}

.vac-supporting-text {
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 412px;
    height: 40px;
    font-family: Archivo,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Ubuntu,
        "Helvetica Neue",
        Helvetica,
        Arial,
        "PingFang SC",
        "Hiragino Sans GB",
        "Microsoft Yahei UI",
        "Microsoft Yahei",
        "Source Han Sans CN",
        sans-serif;
    color: rgb(29, 27, 30);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    letter-spacing: 0.25px;
    z-index: 7;
}

.vac-supporting-text-1 {
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 412px;
    height: 60px;
    font-family: Archivo,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Ubuntu,
        "Helvetica Neue",
        Helvetica,
        Arial,
        "PingFang SC",
        "Hiragino Sans GB",
        "Microsoft Yahei UI",
        "Microsoft Yahei",
        "Source Han Sans CN",
        sans-serif;
    color: rgb(29, 27, 30);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    letter-spacing: 0.25px;
    z-index: 8;
}

.vac-horizontal-card {
    display: flex;
    align-items: center;
    align-self: stretch;
    flex-flow: column nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    z-index: 9;
    overflow: hidden;
}

.vac-header {
    display: flex;
    align-items: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 16px;
    position: relative;
    z-index: 10;
}

.vac-rail-icon {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 40px;
    padding: 8px;
    background: rgb(61, 37, 98);
    z-index: 11;
    border-radius: 4px;
}

.vac-icon {
    flex-shrink: 0;
    position: relative;
    width: 24px;
    height: 24px;
    background: url(../images/admin/vasion/printer-icon.png)
        no-repeat center;
    background-size: cover;
    z-index: 12;
    overflow: hidden;
}

.vac-forms-icon {
    flex-shrink: 0;
    position: relative;
    width: 24px;
    height: 24px;
    background: url(../images/admin/vasion/vac-forms-icon.png)
        no-repeat center;
    background-size: cover;
    z-index: 12;
    overflow: hidden;
}

.vac-workflow-icon {
    flex-shrink: 0;
    position: relative;
    width: 24px;
    height: 24px;
    background: url(../images/admin/vasion/vac-workflow-icon.png)
        no-repeat center;
    background-size: cover;
    z-index: 12;
    overflow: hidden;
}

.vac-info {
    display: flex;
    align-items: flex-start;
    flex-flow: column nowrap;
    flex: 1 0 0;
    gap: 4px;
    position: relative;
    z-index: 13;
}

.vac-headline {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 20px;
    font-family: Archivo,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Ubuntu,
        "Helvetica Neue",
        Helvetica,
        Arial,
        "PingFang SC",
        "Hiragino Sans GB",
        "Microsoft Yahei UI",
        "Microsoft Yahei",
        "Source Han Sans CN",
        sans-serif;
    color: rgb(29, 27, 30);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    letter-spacing: 0.25px;
    z-index: 14;
}

.vac-headline-1 {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 40px;
    font-family: Archivo,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Ubuntu,
        "Helvetica Neue",
        Helvetica,
        Arial,
        "PingFang SC",
        "Hiragino Sans GB",
        "Microsoft Yahei UI",
        "Microsoft Yahei",
        "Source Han Sans CN",
        sans-serif;
    color: #1d1b1e;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    letter-spacing: 0.25px;
    z-index: 8;
}

.vac-headline-2 {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 60px;
    font-family: Archivo,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Ubuntu,
        "Helvetica Neue",
        Helvetica,
        Arial,
        "PingFang SC",
        "Hiragino Sans GB",
        "Microsoft Yahei UI",
        "Microsoft Yahei",
        "Source Han Sans CN",
        sans-serif;
    color: #1d1b1e;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    letter-spacing: 0.25px;
    z-index: 8;
}

.vac-Actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: absolute;
    width: 460px;
    height: 88px;
    right: 0;
    bottom: 0;
    padding: 24px;
    z-index: 15;
    overflow: hidden;
}

.vac-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    flex: 1 0 0;
    gap: 8px;
    position: relative;
    min-width: 0;
    z-index: 16;
}

.vac-action {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    width: 112px;
    background: rgb(61, 37, 98);
    color: rgb(255, 255, 255);
    z-index: 24;
    overflow: hidden;
    border-radius: 4px;
}

.vac-state-layer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    width: 70px;
    padding: 10px 16px;
    z-index: 18;
}

.vac-state-layer1 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    width: 112px;
    padding: 8px 16px;
    z-index: 25;
}

.vac-label-text {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 20px;
    font-family: Archivo,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Ubuntu,
        "Helvetica Neue",
        Helvetica,
        Arial,
        "PingFang SC",
        "Hiragino Sans GB",
        "Microsoft Yahei UI",
        "Microsoft Yahei",
        "Source Han Sans CN",
        sans-serif;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.01px;
    z-index: 19;
}

.vac-intro {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    align-self: stretch;
    flex-flow: column nowrap;
    flex-shrink: 0;
    gap: 16px;
    position: relative;
    width: 280px;
    min-height: 0;
    height: 100%;
    margin: 0;
    padding: 16px 24px;
    background: linear-gradient(180deg, rgb(61, 37, 98), rgb(29, 27, 30));
}

.vac-Title-2 {
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 242px;
    min-width: 0;
    height: 88px;
    font-family: Archivo,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Ubuntu,
        "Helvetica Neue",
        Helvetica,
        Arial,
        "PingFang SC",
        "Hiragino Sans GB",
        "Microsoft Yahei UI",
        "Microsoft Yahei",
        "Source Han Sans CN",
        sans-serif;
    color: rgb(255, 255, 255);
    font-size: 36px;
    font-weight: 400;
    line-height: 44px;
    text-align: left;
    z-index: 1;
}

.vac-pic-2 {
    flex-shrink: 0;
    position: absolute;
    width: 152.799px;
    height: 19.781px;
    top: 24px;
    left: 24px;
    background: url(../images/admin/vasion/vac-logo.png)
        no-repeat center;
    background-size: cover;
    z-index: 2;
}

.banner {
    display: flex;
    align-items: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 16px;
    position: relative;
    padding: 16px;
    background: #ecdcff;
    z-index: 21;
    border-radius: 8px;
}

.Header {
    display: flex;
    align-items: flex-start;
    flex-flow: column nowrap;
    flex: 1 0 0;
    gap: 8px;
    position: relative;
    z-index: 22;
}

.supporting-text-e {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 252px;
    height: 40px;
    font-family: Archivo,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Ubuntu,
        "Helvetica Neue",
        Helvetica,
        Arial,
        "PingFang SC",
        "Hiragino Sans GB",
        "Microsoft Yahei UI",
        "Microsoft Yahei",
        "Source Han Sans CN",
        sans-serif;
    color: #280057;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    letter-spacing: 0.25px;
    z-index: 23;
}

.checkboxes {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

/**
The styles below this line were made specifically for Tools->users menu.
They can likely be cleaned up, or perhaps replaced with other style classes....so if you
change them, feel free, just test tools->users where they are being used
 */
.users-management-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; /* Changed from center to flex-start for top alignment */
    padding: 16px 20px; /* Match tabsetpage side padding for internal spacing */
    flex-wrap: wrap;
    gap: 16px;
    background: #fff;

    /* Extend beyond tabsetpage padding (30px top, 20px left/right) */
    margin: -30px -20px 16px;

    /* Sticky positioning pinned to edges */
    position: sticky;
    top: -30px; /* Match the negative top margin */
    z-index: 100;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #e0e0e0;
}

.search-section {
    flex: 0 0 auto;
    min-width: 0; /* Allows flex item to shrink if needed */
}

.button-section {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-start; /* Changed from center to top alignment */
    flex: 0 1 auto; /* Don't grow, but allow shrinking */
    min-width: 0; /* Allow shrinking below content size */
    justify-content: flex-end; /* Keep buttons right-aligned */
}

/* On smaller screens, stack search above buttons */
@media (max-width: 768px) {
    .users-management-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .search-section {
        align-self: flex-start;
        margin-bottom: 8px;
    }

    .button-section {
        justify-content: flex-end;
    }
}

/* For very narrow screens, improve button wrapping */
@media (max-width: 480px) {
    .button-section {
        justify-content: center;
        width: 100%; /* Force full width for better wrapping */
    }

    .button-section .button {
        white-space: normal;
        text-align: center;
        min-width: 80px;
        flex: 0 1 auto; /* Allow individual buttons to shrink */
        max-width: 48%; /* Prevent buttons from being too wide */
    }
}

/* Prevent horizontal overflow on all screen sizes */
@media (max-width: 600px) {
    .users-management-toolbar {
        overflow-x: hidden; /* Prevent horizontal scrollbars */
    }

    .button-section {
        max-width: 100%;
        overflow: hidden;
    }
}

/* Ensure the toolbar doesn't interfere with dropdowns */
.users-management-toolbar .jqpopupmenu {
    z-index: 1000;
}

/* Fix placeholder text positioning for users search input */
#search-users {
    width: 180px; /* Reduced from 260px */
    max-width: 220px; /* Allow some flexibility */
    min-width: 150px; /* Don't let it get too small */
    height: 40px;
    padding: 8px 30px 8px 32px; /* Left padding to clear magnifying glass */
    background: #fff;
    border: 1px solid #cfd2d4;
    border-radius: 8px;
    box-sizing: border-box;
    gap: 8px;
}

.fa-search-users:before {
    content: "\f002";
}

.fa-search-users {
    position: absolute;
    display: inline-block;
    margin: 12px 0 0 10px;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal normal normal 14px/1 fontawesome;
    color: #838587;
    text-rendering: auto;
}

.clear-search-users {
    position: absolute;
    width: 2em;
    height: 2em;
    padding: 0;
    margin: 8px 0 0 -35px;
    overflow: hidden;
    font-size: 10px;
    color: #000;
    text-indent: 100%;
    background: transparent;
    border: none;
    border-radius: 50%;
    cursor: pointer;
}

.clear-search-users:before, .clear-search-users:after {
    position: absolute;
    top: 15%;
    left: calc(50% - 0.0625em);
    width: 0.125em;
    height: 70%;
    background: currentcolor;
    border-radius: 0.125em;
    content: "";
    transform: rotate(45deg);
}

.clear-search-users:after {
    transform: rotate(-45deg);
}

.usersButton {
    display: inline-block;
    height: 40px;
    padding: 8px 16px;
    font-family: Archivo, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    color: #000;
    text-align: center;
    text-decoration: none;
}

/* stylelint-disable declaration-no-important */
#search-users-button {
    height: 40px;
    padding: 10px 16px !important;
    font-family: Archivo, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    color: #000;
    background: #ebecec;
    border-radius: 8px;
    gap: 8px;
}

/* Ensure role type column rows match folder column height */
#account-users-table td.utype {
    min-height: 32px;
    vertical-align: top;
    line-height: 24px; /* to match the icons in the folders column */
    padding-top: 8px;
    padding-bottom: 8px;
}

/* Match folder column styling for consistent row heights */
#account-users-table td:nth-child(4) {
    vertical-align: top;
    line-height: 1.4;
    padding-top: 8px;
    padding-bottom: 8px;
    box-sizing: border-box;
}

/* Ensure the checkbox label doesn't wrap */
.search-section label {
    white-space: nowrap;
}

.ldap-error-flex-container {
    display: flex;
    align-items: center;
}

.ldap-error-text {
    padding-left: 10px;
}

/*
User Management Page - Inline Style Replacements for CSP Compliance
Many of the properties were being overridden by the inline styles -- which is likely why it was that way
in the first place.  So I've had to add !important to everything so that the styles are applied.
This is yucky, but the page will be replaced by the Vasion one eventually and trying to
restructure all of our CSS is well out of scope of these changes.
*/
#search-header-container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

#users-page-title {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #333 !important;
}

#ldap-checkbox-container {
    margin-left: auto !important;
}

#ldap-checkbox-input {
    margin-right: 6px !important;
}

.users-management-toolbar .search-warning-icon {
    margin-top: 0 !important;
}

#ldap-checkbox-label {
    display: flex !important;
    align-items: center !important;
    font-size: 14px !important;
    color: #666 !important;
    cursor: pointer !important;
}

#only-include-failures {
    margin-right: 6px !important;
}

#search-spinner {
    margin-left: 8px !important;
}

#users-search-warning.users-pagination-wrapper {
    margin: 0 !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px !important;
}

.users-pagination-nav {
    display: inline-flex;
    align-items: center;
}

.users-pagination-links {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.users-pagination-btn {
    min-width: 28px;
    padding: 4px 8px;
    font-size: 13px;
    border: 1px solid #ccc;
    background: #fff;
    color: #333;
    cursor: pointer;
    border-radius: 3px;
}

.users-pagination-btn:hover:not(.users-pagination-btn-disabled):not(.users-pagination-btn-active) {
    background: #f5f5f5;
    border-color: #999;
}

.users-pagination-btn-active {
    font-weight: bold;
    background: #e8e8e8;
    border-color: #999;
    cursor: default;
}

.users-pagination-btn-disabled {
    color: #999;
    cursor: not-allowed;
    background: #f5f5f5;
}

.users-pagination-disabled .users-pagination-btn:disabled,
.users-pagination-disabled .users-pagination-page-input:disabled {
    cursor: not-allowed;
    opacity: 0.7;
}

.users-pagination-ellipsis {
    padding: 0 4px;
    color: #666;
    font-size: 13px;
}

.users-pagination-page-input {
    width: 2.5em;
    min-width: 2.5em;
    max-width: 2.5em;
    padding: 4px;
    font-size: 13px;
    text-align: center;
    border: 1px solid #999;
    border-radius: 3px;
    background: #e8e8e8;
    color: #333;
    box-sizing: border-box;
}

.users-pagination-page-input:focus {
    outline: none;
    border-color: #666;
    background: #fff;
}

/* stylelint-enable declaration-no-important */

/*
 The styles above this line were made specifically for Tools->users menu. See message ^
 */