/**
 * Ruffian Software - TechIDPortal Template
 *
 * @author      Martin White (martin@RuffianSoftware.com)
 * @link        www.ruffiansoftware.com
 * @copyright   2024 Ruffian Software, Inc.
 * @version     6.644
 */
/* #region BOOTSTRAP */
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
}
.invisible {
    visibility: hidden !important;
}
.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
/* #endregion BOOTSTRAP */
/* #region FORMER site.css */
a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}
/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}
.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
/*    font-size: 14px;*/
}
@media (min-width: 768px) {
    html {
/*        font-size: 16px;*/
    }
}
.border-top {
    border-top: 1px solid #e5e5e5;
}
.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}
.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}
button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}
.errorText {
    color: red;
}
.headerWithSaveButton {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding-right: 2vw !important;
    position: sticky;
    top: 5rem;
    background: white;
}
.optionBlock {
    margin-bottom: 1em;
}
    .optionBlock:last-child {
        margin-bottom: 2em;
    }
.capitalize {
    text-transform: capitalize;
}
.dataTooltip {
    position: relative;
    z-index: 2; /* Note: make sure that .search-parent is not under this content */
}
.dataTooltip::after {
    content: attr(data-tooltip);
    position: absolute;
    top: -10%;
    left: 10%;
    border: 1px solid silver;
    padding: .25em;
    background-color: white;
    white-space: nowrap;
    /* Start hidden */
    visibility: hidden;
    opacity: 0;
    /* Disappear instantly, appear after 1s delay */
    transition: opacity 0.2s 0s, visibility 0s 0s;
}
.dataTooltip:hover::after {
    visibility: visible;
    opacity: 1;
    background: silver;
    /* Wait 1s before showing */
    transition: opacity 0.2s 1s, visibility 0s 1s;
}
.colorField {
    max-width: 5em;
}
.bottomRightLink { /* Note: this is an abomination */
    border: 1px solid transparent;
    padding: 10px;
    position: absolute;
    bottom: 90px;
    right: 10px;
}
    .bottomRightLink:hover {
        border: 1px solid #2C5285;
        border-radius: .3em;
        background: #D8E5EF;
    }
/* #endregion FORMER site.css */
/* #region FORMER stylesheet.css */
:root {
    --sidebar-width: 10vw;
    --sidebar-width-max: 128px;
    --sidebar-width-min: 96px;
    --sidebar-offset: calc(min(var(--sidebar-width), var(--sidebar-width-max)));
    --top-height: 76px;
    --header-z: 10;
    --sidebar-z: 20;
    --rs-bar-height: 70px;
}
html {
    box-sizing: border-box;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
}
*, *:before, *:after {
    box-sizing: inherit
}
body {
    margin: 0;
    color: #252525;
}
html, body {
    font-family: "Trebuchet MS",Arial,sans-serif;
    font-size: 14px; /* WAS: 14px FIXME NOTE consider setting this proportional to default size, .9rem */
    line-height: 1.5;
    font-weight: normal;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
    display: block
}
summary {
    display: list-item
}
audio, canvas, progress, video {
    display: inline-block
}
progress {
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden], template {
    display: none
}
a {
    background-color: transparent;
    text-decoration: none;
}
    a:active, a:hover {
        outline-width: 0
    }
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}
b, strong {
    font-weight: bolder
}
dfn {
    font-style: italic
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sub {
    bottom: -0.25em
}
sup {
    top: -0.5em
}
figure {
    margin: 1em 40px
}
img {
    border-style: none
}
code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}
button, input, select, textarea, optgroup {
    font: inherit;
    margin: 0
}
optgroup {
    font-weight: bold
}
button, input {
    overflow: visible
}
label {
    display: inline-block;
}
    label + input, label + select {
        margin-top: .5em;
    }
input {
    min-height: 2.5rem; 
    background-color: #F6F6F6;
    font-size: 1rem;
    color: #575756;
    text-decoration: none !important;
    border: none;
    padding: .25em .75em;
}
    input:active, input:focus {
        color: #252525;
    }
    input[type=submit] {
        width: auto;
    }
select {
    height: 2.5rem; /* Note: 'min' height here misaligned text in the box, amongst other things */
    background-color: #F6F6F6 !important;
    font-size: 1rem;
    color: #575756 !important;
    text-decoration: none !important;
    border: none !important;
    padding: 0 1em;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("../img/asc.gif") no-repeat;
    background-size: 21px;
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    background-color: #efefef;
}
.optionBlock select, .optionBlock input {
    margin-bottom: 1em;
}
button, select {
    text-transform: none
}
button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button
}
    button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }
    button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
        outline: 1px dotted ButtonText
    }
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}
textarea {
    overflow: auto
}
input[type=radio] {
    width: auto;
    min-height: unset;
}
.radiolabel {
    text-align: center;
}
[type=checkbox], [type=radio] {
    padding: 0
}
[type=checkbox] {
    min-height: inherit !important;
    width: auto;
}
label > input[type=checkbox] {
    margin-right: .75em;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}
    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }
input[type=date], input[type=date] {
    max-width: fit-content;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}
/* HEADINGs */
h1, h2, h3, h4, h5, h6 {
    font-family: "Trebuchet MS",Arial,sans-serif;
    font-weight: 600;
    margin: 10px 0;
    line-height: 1.2em;
}
h1 {
    font-size: 30px;
    font-weight: 500 !important;
}
h2 {
    font-size: 25px
}
h3 {
    font-size: 20px
}
h4 {
    font-size: 20px
}
h5 {
    font-size: 18px
}
h6 {
    font-size: 16px
}
.rs-wide {
    letter-spacing: 4px
}
hr {
    border: 0;
    border-top: 1px solid #eee;
    margin: 20px 0
}
.rs-image {
    max-width: 100%;
    height: auto
}
img {
    vertical-align: middle
}
a {
    color: inherit
}
/************ TOP NAVBAR ***********/
.rs-bar {
    width: 100%;
    overflow: hidden;
    min-height: var(--rs-bar-height);
    background-color: #F0F4F7;
    border-bottom: 1px solid #D8E5EF;
}
.rs-center .rs-bar {
    display: inline-block;
    width: auto
}
.rs-bar .rs-bar-item {
    padding: 8px 16px;
    float: left;
    width: auto;
    border: none;
    display: block;
}
.rs-bar-block.rs-center .rs-bar-item {
    text-align: center
}
.rs-toggle-icon {
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 70px;
}
/************* SIDEBAR BLUE *************/
.rs-sidebar { /* LEFT BLUE SIDEBAR */
    height: calc(100vh - var(--rs-bar-height));
    min-height: calc(100vh - 120px);
    max-width: var(--sidebar-width-max);
    min-width: var(--sidebar-width-min);
    width: var(--sidebar-width);
    position: fixed !important;
    background-color: #2A6D9C;
    z-index: var(--sidebar-z);
    overflow-x: visible;
}
    .rs-sidebar .rs-sidebar-item { /* DESKTOP ITEM MENU BUTTONS */
        color: #ffffff;
        width: 100%;
        display: block;
        text-decoration: none;
        text-align: left;
        border: none;
        white-space: normal;
        float: none;
        outline: 0;
        text-align: center;
    }
.rs-sidebar-item a {
    padding: 9px 0 !important;
    display: block;
}
.rs-sidebar .rs-sidebar-item p {
    margin: 0px 0;
    line-height: 1.2em;
    color: #ffffff !important;
    text-decoration: none !important;
}
.rs-sidebar .rs-sidebar-item:hover,
.rs-sidebar .rs-sidebar-item:active {
    color: #fff !important;
    background-color: rgba(44,82,133,0.5) !important;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.rs-sidebar-item.current {
    /*color: red !important;*/
    background-color: rgb(0,162,232) !important;
    /*background-color: lightblue !important;*/
}
.rs-home {
    color: white !important;
    text-decoration: none !important;
}
.rs-bar-block .rs-sidebar-item:first-child { /* SIDEBAR SPACE TOP */
    margin-top: 0px;
}
.rs-bar-block .rs-sidebar-item:last-child, .rs-bar-block .rs-bar-item-mob:last-of-type, .rs-bar-block .rs-bar-item:last-of-type { /* SIDEBAR SPACE BOTTOM */
    margin-bottom: 0px;
}
/******* DROPDOWN MENU FROM SIDEBAR */
.rs-show-block, .rs-show {
    display: block !important
}
.rs-show-inline-block {
    display: inline-block !important
}
.rs-dropdown-hover ul li {
    position: relative;
}
.rs-dropdown-hover li ul { /* SUBMENU BOX */
    position: absolute;
    /*z-index: 100;*/
    left: var(--sidebar-offset);
    top: 0;
    display: none;
    background-color: #326093;
    width: 200px;
    height: auto;
    text-decoration: none;
    box-shadow: inset 2px 0px 5px 0px rgb(0 0 0 / 10%);
}
.rs-dropdown-hover li:hover ul, .rs-dropdown-hover li.over ul {
    display: block;
}
.rs-dropdown-hover li ul a {
    display: block;
    text-decoration: none;
    text-align: left;
    line-height: 1.5em;
}
.rs-dropdown-hover ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.rs-dropdown-hover li:hover ul {
    display: block;
}
/* Fix IE. Hide from IE Mac */
* html ul li {
    float: left;
}
    * html ul li a {
        height: 1%;
    }
/* End */
.rs-bar .rs-dropdown-hover, .rs-bar .rs-dropdown-click {
    position: static;
    float: left
}
.rs-bar-block .rs-dropdown-hover, .rs-bar-block .rs-dropdown-click {
    width: 100%
}
    .rs-bar-block .rs-dropdown-hover .rs-dropdown-content, .rs-bar-block .rs-dropdown-click .rs-dropdown-content {
        min-width: 100%
    }
    .rs-bar-block .rs-dropdown-hover .rs-button, .rs-bar-block .rs-dropdown-click .rs-button {
        width: 100%;
        text-align: left;
        padding: 8px 16px
    }
/************* MENU BUTTONS *************/
.rs-button {
    border: none;
    display: inline-block;
    padding: 9px 20px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap
}
.rs-bar .rs-button {
    white-space: normal;
    padding: 16px;
    font-size: 13px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 70px !important;
}
.rs-bar .rs-nonbutton {
    white-space: normal;
    padding: 16px;
    font-size: 13px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 70px !important;
}
.rs-bar-block .rs-bar-item, .rs-bar-block .rs-bar-item-mob { /* TOP NAVBAR + MOBILE SIDEBAR BUTTONS */
    width: 100%;
    display: block;
    text-decoration: none;
    text-align: left;
    border: none;
    white-space: normal;
    float: none;
    outline: 0;
    color: #ffffff;
    padding: 6px 15px !important;
}
    .rs-bar-block .rs-bar-item-mob:hover {
        color: #ffffff !important;
        background-color: #2C5285 !important;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        text-decoration: none;
    }
/******************* ICONS ********************/
/* ICONS SIZES */
.rs-icons-tiny:before {
    width: 13px;
}
.rs-icons-small:before {
    width: 16px;
}
.rs-icons-medium:before {
    width: 21px;
}
/* END */
.rs-dash:before {
    content: url('../img/icon_home.svg'); /* DASHBOARD */
    display: inline-block;
    margin-right: 6px;
}
.rs-home:before {
    content: url('../img/icon_home.svg'); /* HOME white */
    display: inline-block;
    margin-right: 6px;
    transform: scale(1.24);
}
.rs-home-dark:before {
    content: url('../img/icon_home.svg'); /* HOME white */
    display: inline-block;
    transform: scale(1.24);
    filter: invert();
}
.rs-hamburger:before {
    content: url('../img/icon_hamburger.svg'); /* Mobile Menu black */
    display: inline-block;
    /*transform: scale(1.24);*/
    /*filter: invert();*/
}
.rs-techs:before {
    content: url('../img/icon_tech1.svg'); /* TECHS white */
    display: inline-block;
    margin-right: 6px;
}
.rs-techsB:before {
    content: url('../img/icon_tech.svg'); /* TECHS black */
    display: inline-block;
    margin-right: 6px;
}
.rs-techgroup:before {
    content: url('../img/icon_techgroup1.svg'); /* TECH GROUP white */
    display: inline-block;
    margin-right: 6px;
}
.rs-techgroupB:before {
    content: url('../img/icon_techgroup.svg'); /* TECH GROUP black */
    display: inline-block;
    margin-right: 6px;
}
.rs-domain:before {
    content: url('../img/icon_domain2.svg'); /* DOMAINS white */
    display: inline-block;
    margin-right: 6px;
}
.rs-domainsB:before {
    content: url('../img/icon_domain1.svg'); /* DOMAINS black */
    display: inline-block;
    margin-right: 6px;
}
.rs-domaingroup:before {
    content: url('../img/icon_domaingroup1.svg'); /* DOMAIN GROUP white */
    display: inline-block;
    margin-right: 6px;
}
.rs-domaingroupB:before {
    content: url('../img/icon_domaingroup.svg'); /* DOMAIN GROUP black */
    display: inline-block;
    margin-right: 6px;
}
.rs-rights:before {
    content: url('../img/icon_rightW.svg'); /* RIGHTS white */
    display: inline-block;
    margin-right: 6px;
}
.rs-rightsB:before {
    content: url('../img/icon_right.svg'); /* RIGHTS black */
    display: inline-block;
    margin-right: 6px;
}
.rs-vault:before {
    content: url('../img/icon_vault.svg'); /* VAULTS white */
    display: inline-block;
    margin-right: 6px;
}
.rs-vaultcredential:before {
    content: url('../img/icon_vaultcredential.svg'); /* VAULTS white */
    display: inline-block;
    margin-right: 6px;
}
.rs-elevate:before {
    content: url('../img/icon_elevate.svg'); /* VAULTS white */
    display: inline-block;
    margin-right: 6px;
}
.rs-vaultB:before {
    content: url('../img/icon_shared-vaultsB.svg'); /* VAULTS black */
    display: inline-block;
    margin-right: 6px;
}
.rs-leafs:before {
    content: url('../img/icon_leaf.svg'); /* Leaf white */
    display: inline-block;
    margin-right: 6px;
}
.rs-onetimeshare:before {
    content: url('../img/icon_onetimeshare.svg'); /* one time share white */
    display: inline-block;
    margin-right: 6px;
}
.rs-rightgroup:before {
    content: url('../img/icon_rightgroup2.svg'); /* RIGHT GROUP white */
    display: inline-block;
    margin-right: 6px;
}
.rs-rightgroupB:before {
    content: url('../img/icon_rightgroup.svg'); /* RIGHT GROUP black */
    display: inline-block;
    margin-right: 6px;
}
.rs-trd:before {
    content: url('../img/icon_trd1.svg'); /* TECH RIGHT DOMAIN white */
    display: inline-block;
    margin-right: 6px;
}
.rs-trdB:before {
    content: url('../img/icon_trd.svg'); /* TECH RIGHT DOMAIN black */
    display: inline-block;
    margin-right: 6px;
}
.rs-sharedaccount:before {
    content: url('../img/icon_shared-account.svg'); /* SHARED ACCOUNT white */
    display: inline-block;
    margin-right: 6px;
}
.rs-sharedaccountB:before {
    content: url('../img/icon_shared-accountB.svg'); /* SHARED ACCOUNT black */
    display: inline-block;
    margin-right: 6px;
}
.rs-vault.rs-bar-item-mob:before, .rs-vaultcredential.rs-bar-item-mob:before {
    width: 13px;
    height: 13px;
    vertical-align: text-top;
}
.rs-passwords:before {
    content: url('../img/icon_password3.svg'); /* GLOBAL PASSWORDS white */
    display: inline-block;
    margin-right: 6px;
}
.rs-reports:before {
    content: url('../img/icon_report.svg'); /* REPORTS white */
    display: inline-block;
    margin-right: 6px;
}
.rs-reportsB:before {
    content: url('../img/icon_report_black.svg'); /* REPORTS black */
    display: inline-block;
    margin-right: 6px;
}
.rs-options:before {
    content: url('../img/icon_clientoption2.svg'); /* CLIENT OPTIONS WHITE */
    display: inline-block;
    margin-right: 6px;
}
.rs-optionsB:before {
    content: url('../img/icon_clientoption.svg'); /* CLIENT OPTIONS BLUE */
    display: inline-block;
    margin-right: 6px;
}
.rs-downloads:before {
    content: url('../img/icon_download.svg'); /* CLIENT OPTIONS WHITE */
    display: inline-block;
    margin-right: 6px;
}
.rs-downloadsB:before {
    content: url('../img/icon_downloadB.svg'); /* CLIENT OPTIONS BLUE */
    display: inline-block;
    margin-right: 6px;
}
.rs-email:before {
    content: url('../img/icon_email.svg'); /* EMAIL BLACK */
    display: inline-block;
    margin-right: 6px;
}
.rs-plus:before {
    content: url('../img/icon_plus.svg'); /* PLUS white */
    display: inline-block;
    margin-right: 6px;
}
.rs-gear:before {
    content: url('../img/icon_gear.svg'); /* GEAR grey */
    display: inline-block;
    margin-right: 6px;
    vertical-align: text-top;
}
.rs-log:before {
    content: url('../img/icon_log.svg'); /* LOG black*/
    display: inline-block;
    margin-right: 6px;
}
.rs-check:before {
    content: url('../img/icon_check1.svg'); /* CHECK white */
    display: inline-block;
    margin-right: 6px;
}
.rs-checkB:before {
    content: url('../img/icon_check.svg'); /* CHECK black */
    display: inline-block;
    margin-right: 6px;
}
.rs-back:before {
    content: url('../img/icon_back.svg'); /* ARROW LEFT (BACK) blue */
    display: inline-block;
    margin-right: 6px;
}
.rs-close:before {
    content: url('../img/icon_close.svg'); /* CLOSE (CROSS) black */
    display: inline-block;
    margin-right: 6px;
}
.rs-delete:before {
    content: url('../img/icon_delete.svg'); /* DELETE TRASH CAN blue */
    display: inline-block;
    margin-right: 6px;
}
.rs-deleteG:before {
    content: url('../img/icon_delete_grey.svg'); /* DELETE TRASH CAN blue */
    display: inline-block;
    margin-right: 6px;
}
.rs-deleteB:before {
    content: url('../img/icon_delete_black.svg'); /* DELETE TRASH CAN blue */
    display: inline-block;
    margin-right: 6px;
}
.rs-eye:before {
    content: url('../img/icon_eye.svg'); /* EYE grey */
    display: inline-block;
    margin-right: 6px;
}
.rs-rename:before {
    content: url('../img/icon_rename.svg'); /* RENAME icon blue */
    display: inline-block;
    margin-right: 6px;
}
/************ TABLE CONTENT STYLE ***********/
.rs-table, .rs-table-all {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
/*    border-radius: 12px !important;*/ /* Note: border-radius does not work with border-collapse */ 
    margin-bottom: 20px
}
    .rs-table a, .rs-table-all a { /* BUTTON STYLE FOR THE TABLE */
        color: #2C5285;
        /*text-transform: uppercase;*/
        font-weight: bold;
    }
        .rs-table a:hover, .rs-table-all a:hover {
            color: #1F446D;
            -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
        }
    .rs-table td, .rs-table th, .rs-table-all td, .rs-table-all th {
        display: table-cell;
        text-align: left;
        vertical-align: middle;
        color: #575756 !important;
    }
    .rs-table thead th, .rs-table-all thead th, .rs-thead { /* TABLE HEAD (DARK BLUE BACKGROUND) */
        padding: 8px 16px !important;
        border: 2px solid #2C5285 !important;
        color: #fff !important;
        background-color: #2C5285 !important;
    }
    .rs-table tbody, .rs-table-all tbody, .rs-tbody { /* TABLE BODY OUTLINE */
        border: 2px solid #2C5285 !important;
    }
        .rs-thead tr td, .rs-tbody tr td, .rs-tbody {
            padding: 8px 16px;
        }
.rs-switch tr td {
    padding: 8px 5px 8px 0;
}
.rs-switch tr:nth-child(even) {
    background-color: #FFFFFF !important;
}
.rs-extended tr td { /* EXTRA PADDING SPACE FOR DASHBOARD ROW */
    padding: 32px 16px;
}
.rs-btn-float {
/*    display: inline-block;*/
    margin-right: 10px;
/*    min-height: 40px;*/
}
.rs-float-mobile td {
    float: none;
    display: block;
}
.rs-sort th {
    cursor: pointer !important;
}
/************** SWITCH ON AND OFF *************/
.on-off-switch {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    user-select: none;
}
.on-off-switch-track {
    position: absolute;
    border: none;
    z-index: 3;
    background-color: #979797;
    overflow: hidden;
}
.on-off-switch-track-on { /* Track for "on" state */
    background-color: #2C5285;
    position: absolute;
    z-index: 4;
    overflow: hidden;
}
.on-off-switch-track-off { /* Track for "off" state */
    position: absolute;
    border-color: #979797 !important;
    z-index: 3;
}
.on-off-switch-thumb {
    position: absolute;
    z-index: 3;
    overflow: hidden;
}
.on-off-switch-thumb-shadow {
    opacity: 0.5;
    border: 1px solid #000;
    position: absolute;
}
.on-off-switch-thumb-color {
    background: -webkit-linear-gradient(45deg, #BBB, #FFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(45deg, #BBB, #FFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(45deg, #BBB, #FFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(45deg, #BBB, #FFF); /* Standard syntax */
    background-color: #F0F0F0;
    position: absolute;
}
.on-off-switch-thumb-off {
    border-color: #AAA;
    position: absolute;
}
.on-off-switch-thumb-on {
    border-color: #008855;
    z-index: 10;
}
.on-off-switch-text {
    width: 100%;
    position: absolute;
    user-select: none;
    font-size: 10px;
}
.on-off-switch-text-on {
    color: #FFF;
    text-align: left;
}
.on-off-switch-text-off {
    color: #000;
    text-align: right;
}
/* Mouse over thumb effect */
.on-off-switch-thumb-over {
    background-color: #F5F5F5;
    background: -webkit-linear-gradient(45deg, #CCC, #FFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(45deg, #CCC, #FFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(45deg, #CCC, #FFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(45deg, #CCC, #FFF); /* Standard syntax */
}
/************** BUTTON *************/
.rs-btn {
    padding: 1em 2em;
    border-radius: .3em;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    display: inline-block;
    line-height: 22px;
    -webkit-appearance: button;
    max-height: 52px;
    max-width: fit-content;
}
    .rs-btn:hover {
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
/*        text-decoration: underline;*/
    }
.rs-btn-dark {
    color: #ffffff;
    background-color: #2C5285; /* DARK BLUE BG*/
    border: 1px solid #2C5285;
}
/*[type=submit].rs-btn-dark { border-width: 2px; }*/
.rs-btn-dark:hover {
    background-color: #23476D;
}
.rs-btn-light { /* LIGHT BLUE BG */
    color: #252525;
    background-color: #D8E5EF;
    font-weight: bold;
}
    .rs-btn-light:hover {
        background-color: #C7D6E0;
    }
.rs-btn-delete {
    color: #5b0707;
    background-color: #ea7272;
    font-weight: bold;
}
    .rs-btn-delete:hover {
        background-color: #e94242;
    }
.float-btn-right {
    float: right !important;
    display: flex;
    margin-left: auto;
}
.rs-btn-cancel {
    color: #2C5285;
    background-color: transparent; /* NO  BG */
    font-weight: bold;
    border: 1px solid #C7D6E0;
}
.rs-btn-cancel:hover {
    background-color: #C7D6E0;
}
.rs-widewidth { /* force 100% width button */
    width: 100% !important;
    display: inline-block;
    text-align: center;
}
.rs-btn, .rs-button, .rs-btn rs-btn-light {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
    .rs-disabled, .rs-btn:disabled, .rs-button:disabled {
        cursor: not-allowed;
        opacity: 0.3
    }
        .rs-disabled *, :disabled * {
            pointer-events: none
        }
        .rs-btn.rs-disabled:hover, .rs-btn:disabled:hover {
            box-shadow: none
        }
    .rs-button:hover {
        color: #000 !important;
        background-color: #dbdbdb !important;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
.rs-button-mob:hover {
    color: #ffffff !important;
    background-color: #2C5285 !important;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    text-decoration: none;
}
.rs-dropdown-hover {
    position: relative;
    display: inline-block;
    cursor: pointer
}
    .rs-dropdown-hover:hover .rs-dropdown-content {
        display: block
    }
    .rs-dropdown-hover:hover > .rs-button:first-child, .rs-dropdown-click:hover > .rs-button:first-child {
        background-color: #ccc; /* hover effect in regular buttons */
        color: #000
    }
.rs-btn-not {
    background-color: transparent;
    border: 0;
    padding: 0;
    min-height: 20px;
}
/************* FOOTER *************/
footer {
    position: absolute;
    width: 100%;
    /*min-width: 100vw;*/
    bottom: 0;
    border-top: 1px solid #D8E5EF;
    max-height: 80px;
}
.rs-footer {
    margin: 16px auto;
    /*margin: 0 auto 0px;*/
    /*display: inline-block;*/
    z-index: 0;
    background-color: #ffffff;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
}
    .rs-footer a, .rs-footer .rs-footer-right {
/*        font-size: 13px;*/
        color: #4F4F4F;
        padding: 8px 16px;
        margin-right: 10px;
    }
    .rs-footer .rs-footer-right {
        max-width: 34vw;
        min-width: 460px;
        /*margin-right: calc(100vw - 81%);*/
    }
    .rs-footer .rs-footer-left {
        margin-left: 65px;
        min-width: 312px;
    }
/************* COLUMNS SIZES *************/
/* Sizes for Table
 * 
*/
.rs-width-auto { width: auto; }
.s05 { width: 5%; }
.s10 { width: 10%; }
.s15 { width: 15%; }
.s18 { width: 18%; }
.s20 { width: 20%; }
.s25 { width: 25%; }
.s30 { width: 30%; }
.s35 { width: 35%; }
.s40 { width: 40%; }
.s45 { width: 45%; }
.s50 { width: 50%; }
.s55 { width: 55%; }
.s60 { width: 60%; }
.s65 { width: 65%; }
.s70 { width: 70%; }
.s75 { width: 75%; }
.s80 { width: 80%; }
.s85 { width: 85%; }
.s90 { width: 90%; }
.s95 { width: 95%; }
.s100 { width: 100%; }
.rs-col, .rs-half, .rs-third, .rs-twothird, .rs-threequarter, .rs-quarter {
    float: left;
    width: 100%
}
    /* standard colums sizes */
    .rs-col.s4 { /* dashboard */
        width: 33.33333%
    }
.table-icon-padding {
    padding: .25em .1em .25em .25em !important;
}
/************* MEDIA QUERIES *************/
@media (max-width:600px) {
    /* .rs-top { position: sticky !important; } // redundant, already set generally */
    .rs-dropdown-hover.rs-mobile .rs-dropdown-content, .rs-dropdown-click.rs-mobile .rs-dropdown-content {
        position: relative
    }
    .rs-hide-small {
        display: none !important
    }
    .rs-container-header {
        padding: 20px 10px 23px;
    }
    .rs-btn rs-btn-cancel {
        display: block;
    }
    .rs-padding {
        padding: 8px 0px !important;
    }
    .rs-table-all td, .rs-table th { /* DASHBOARD CONTENT BUTTONS BLOCK */
        display: block;
        width: 100% !important;
        border-bottom: 1px solid #eceded;
    }
    .rs-col.s4 {
        display: block;
        width: 100% !important;
        margin-bottom: 20px;
    }
    .rs-float-left {
        float: left !important;
        display: inline-block !important;
        width: 50% !important;
    }
    .rs-float-right {
        float: right !important;
        display: inline-block !important;
        width: auto !important;
    }
    .rs-padding-toplarge {
        padding-top: 20px !important;
    }
    .rs-bar .rs-button {
        font-size: 18px; /* HAMBURGER ICON SIZE */
    }
    .rs-sidebar { /* MOBILE SIDEBAR SIZE */
        max-width: 240px;
        width: 100%;
        position: fixed !important;
        z-index: var(--sidebar-z) !important;
    }
    .rs-container, .rs-footer { /* CONTENT RESIZE TO MOBILE */
        width: 100% !important;
        display: block;
        padding: 12px 20px 60px !important;
        left: 0 !important;
    }
    .rs-footer {
        height: 100px;
    }
    .rs-btn-float {
        margin: 10px 0 20px 0;
        min-height: 20px;
    }
    .rs-left, .rs-right {
        float: none !important
    }
    .rs-col.s1, .rs-col.s2, .rs-col.s3, .rs-col.s4, .rs-col.s5, .rs-col.s6, .rs-col.s7,
    .rs-col.s8, .rs-col.s9, .rs-col.s10, .rs-col.s11, .rs-col.s12 {
        width: 100% !important;
        margin-bottom: 30px;
    }
    .s20, .s25, .s65, .s10, .s05 {
        width: 100% !important;
    }
    .rs-padding-large {
        padding: 12px 15px !important;
    }
    .rs-padding-18 {
        padding: 18px 15px !important;
    }
    .rs-table td {
        display: block !important; /* Grid Display */
    }
    .rs-table .rs-switch td {
        display: table-cell !important;
    }
    .rs-extended tr td {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .rs-bar-block .rs-bar-item:first-child { /* SIDEBAR SPACE TOP */
        margin-top: 0px;
    }
    .rs-bar-item.rs-mobile, .rs-dropdown-hover.rs-mobile, .rs-dropdown-click.rs-mobile {
        text-align: center
    }
        .rs-dropdown-hover.rs-mobile, .rs-dropdown-hover.rs-mobile .rs-btn, .rs-dropdown-hover.rs-mobile .rs-button, .rs-dropdown-click.rs-mobile, .rs-dropdown-click.rs-mobile .rs-btn, .rs-dropdown-click.rs-mobile .rs-button {
            width: 100%
        }
    .rs-renamebar label {
        display: block;
    }
    .rs-renamebar {
        display: inline-block !important;
    }
        .rs-renamebar input {
            float: left;
            width: auto !important;
        }
            .rs-renamebar input[type=submit] {
                float: right;
                width: auto !important;
            }
}
@media (min-width:601px) {
}
@media (min-width:993px) {
}
@media (max-width:1205px) {
    .rs-auto {
        max-width: 95%
    }
}
@media (min-width:993px) {
    .rs-hide-large {
        display: none !important
    }
    .rs-sidebar.rs-collapse {
        display: block !important
    }
}
@media (max-width:992px) and (min-width:601px) {
    .rs-hide-medium {
        display: none !important
    }
}
@media (max-width:992px) {
    .rs-sidebar.rs-collapse {
        display: none
    }
    .rs-main {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .rs-auto {
        max-width: 100%
    }
}
.rs-top, .rs-bottom {
    width: 100%;
    z-index: var(--header-z);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%), 0 2px 10px 0 rgb(0 0 0 / 5%)
}
.rs-top {
    top: 0;
    position: sticky !important;
    height: var(--top-height);
}
.rs-bottom {
    position: relative;
    bottom: 0
}
.rs-overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2
}
/************* POSITIONS *************/
.rs-hide {
    display: none !important
}
.rs-display-topleft {
    position: absolute;
    left: 0;
    top: 0
}
.rs-display-inline { /* used edit form*/
    display: inline-block;
    margin: 10px 4% 20px 0;
}
    .rs-display-inline > input, .rs-display-inline > select { width: 100%; }
    .rs-display-topright {
        position: absolute;
        right: 0;
        top: 0
    }
.rs-display-bottomleft { /* used at footer*/
    position: relative;
    left: 0;
    bottom: 0;
}
.rs-display-bottomright {
    position: absolute;
    right: 0;
    bottom: 0
}
.rs-display-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}
.rs-display-left {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(-0%,-50%)
}
.rs-display-right {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%)
}
.rs-display-topmiddle {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%)
}
.rs-display-bottommiddle {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%)
}
.rs-display-container:hover .rs-display-hover {
    display: block
}
.rs-display-container:hover span.rs-display-hover {
    display: inline-block
}
.rs-display-hover {
    display: block
}
.rs-display-position {
    position: absolute
}
.rs-circle {
    border-radius: 50%
}
.rs-row-padding, .rs-row-padding > .rs-half, .rs-row-padding > .rs-third, .rs-row-padding > .rs-twothird, .rs-row-padding > .rs-threequarter, .rs-row-padding > .rs-quarter, .rs-row-padding > .rs-col {
    padding: 0 8px
}
/*    .rs-container:after, .rs-container:before, .rs-panel:after, .rs-panel:before, .rs-row:after, .rs-row:before, .rs-row-padding:after, .rs-row-padding:before,
    .rs-cell-row:before, .rs-cell-row:after, .rs-clear:after, .rs-clear:before, .rs-bar:before, .rs-bar:after {
        content: "";
        display: table;
        clear: both
    }*/
.rs-container { /* CONTENT BLOCK */
    /*vertical-align: top;*/
    width: calc(100% - var(--sidebar-offset));
    position: relative;
    left: var(--sidebar-offset); /*200px*/
    min-height: calc(100vh - var(--top-height));
    /*overflow-x: auto;*/
    /*overflow-y: unset;*/
}
.rs-content-wrap {
    display: inline-block;
    /*box-sizing: content-box;*/
    min-width: 99%;
    padding: 1em 2.5em 4em;
    margin-bottom: 5em;
}
.rs-container-header {
    padding: 1em 0 1.5em 1em;
    color: #979797;
}
.rs-renamebar {
    overflow: hidden;
    width: 100%;
    display: flex;
}
    .rs-renamebar input {
        width: 100%;
        margin: 9px 5px 2px 0px;
    }
        .rs-renamebar input[type=submit] {
            margin: 9px 0px 2px 0px;
        }
input[type=submit]:focus {
    color: #ffffff !important;
}
/************* PADDINGS, MARGINS and FONT SIZES *************/
.rs-tiny {
    font-size: 10px !important
}
.rs-small {
    font-size: 13px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.rs-medium {
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.rs-font14 {
    font-size: 14px !important;
}
.rs-large {
    font-size: 18px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.rs-xlarge {
    font-size: 24px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.rs-xxlarge {
    font-size: 36px !important
}
.rs-xxxlarge {
    font-size: 48px !important
}
.rs-jumbo {
    font-size: 64px !important
}
/************* FONT WEIGHT *************/
.rs-bold {
    font-weight: bold !important;
}
/************* FONT ALIGN *************/
.rs-left-align {
    text-align: left !important
}
.rs-right-align {
    text-align: right !important
}
.rs-justify {
    text-align: justify !important
}
.rs-center {
    text-align: center !important
}
/************* BORDERS *************/
.rs-border-0 {
    border: 0 !important
}
.rs-border {
    border: 1px solid #ccc !important
}
.rs-border-top {
    border-top: 1px solid #ccc !important
}
.rs-border-bottom { /* dashboard border*/
    border-bottom: 1px solid #ccc !important;
    padding-bottom: 10px;
}
.rs-border-left {
    border-left: 1px solid #ccc !important
}
.rs-border-right {
    border-right: 1px solid #ccc !important
}
.rs-topbar {
    border-top: 6px solid #ccc !important
}
.rs-bottombar {
    border-bottom: 6px solid #ccc !important
}
.rs-leftbar {
    border-left: 6px solid #ccc !important
}
.rs-rightbar {
    border-right: 6px solid #ccc !important
}
/************* MARGINS *************/
.rs-margin {
    margin: 16px;
}
.rs-margin-top {
    margin-top: 16px;
}
.rs-margin-bottom {
    margin-bottom: 15px;
}
.rs-margin-left {
    margin-left: 16px;
}
.rs-margin-right {
    margin-right: 16px;
}
/************* PADDINGS *************/
.rs-padding-small {
    padding: 8px;
}
.rs-padding {
    padding: 8px 16px;
}
.rs-padding-16 {
    padding-top: 16px;
    padding-bottom: 16px;
}
.rs-padding-20 {
    padding-top: 20px;
    padding-bottom: 18px;
}
.rs-padding-24 {
    padding-top: 24px;
    padding-bottom: 24px;
}
.rs-padding-32 {
    padding: 32px 16px;
}
.rs-padding-48 {
    padding-top: 48px;
    padding-bottom: 48px;
}
.rs-padding-toplarge {
    padding-top: 25px
}
.rs-padding-top-64 {
    padding-top: 64px;
}
.rs-padding-top-48 {
    padding-top: 48px;
}
.rs-padding-top-32 {
    padding-top: 32px;
}
.rs-padding-top-24 {
    padding-top: 24px !important
}
.rs-padding-top-16 {
    padding-top: 16px !important
}
/************* FLOAT *************/
.rs-left {
    float: left
}
.rs-right, .rs-toggle-icon {
    float: right;
}
/************* COLORS *************/
/* Sidebar Background Blue */
.rs-blue, .rs-hover-blue:hover {
    color: #fff !important;
    background-color: #2A6D9C !important
}
.rs-text-blue {
    color: #2A6D9C !important
}
.rs-hover-text-blue:hover,
.rs-border-blue, .rs-hover-border-blue:hover {
    color: rgba(44,82,133,0.5) !important /* light */
}
/* Sidebar Overlay Blue */
.rs-blue-overlay, .rs-hover-blue-overlay:hover,
.rs-text-blue-overlay, .rs-hover-text-blue-overlay:hover,
.rs-border-blue-overlay, .rs-hover-border-blue-overlay:hover {
    color: #fff !important;
    background-color: #2C5285 !important;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
/* GriD Background Top Color and Outline Dark Blue */
.rs-blue-dark, .rs-hover-blue-dark:hover {
    color: #fff !important;
    background-color: #2C5285 !important
}
.rs-border-blue-dark, .rs-hover-border-blue-dark:hover {
    border: 2px solid #2C5285 !important
}
.rs-text-blue-dark, .rs-hover-text-blue-dark:hover, .rs-text-blue:hover {
    color: #2C5285 !important
}
/* Other colors */
.rs-white, .rs-hover-white:hover {
    color: #ffffff !important;
}
.rs-grey, .rs-hover-grey:hover {
    color: #4F4F4F !important;
}
.rs-greylight, .rs-hover-greylight:hover { /* Page Title H1 */
    color: #979797 !important;
}
.rs-black, .rs-hover-black:hover { /* Body Black */
    color: #252525 !important;
}
.rs-dark-grey, .rs-dark-grey:hover { /* Body Grey */
    color: #575756 !important;
}
.rs-text-black { color: black; }
.rs-text-red { color: red; }
.rs-transparent, .rs-hover-none:hover {
    background-color: transparent !important
}
/* Filters and Opacity */
.rs-opacity, .rs-hover-opacity:hover {
    opacity: 0.60
}
.rs-opacity-off, .rs-hover-opacity-off:hover {
    opacity: 1
}
.rs-opacity-max {
    opacity: 0.25
}
.rs-opacity-min {
    opacity: 0.75
}
.rs-greyscale-max, .rs-grayscale-max, .rs-hover-greyscale:hover, .rs-hover-grayscale:hover {
    filter: grayscale(100%)
}
.rs-greyscale, .rs-grayscale {
    filter: grayscale(75%)
}
.rs-greyscale-min, .rs-grayscale-min {
    filter: grayscale(50%)
}
.rs-sepia {
    filter: sepia(75%)
}
.rs-sepia-max, .rs-hover-sepia:hover {
    filter: sepia(100%)
}
.rs-sepia-min {
    filter: sepia(50%)
}
/* Animations */
.rs-spin {
    animation: rs-spin 2s infinite linear
}
@keyframes rs-spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}
.rs-animate-fading {
    animation: fading 10s infinite
}
@keyframes fading {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
.rs-animate-opacity {
    animation: opac 0.8s
}
@keyframes opac {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
.rs-animate-top {
    position: relative;
    animation: animatetop 0.4s
}
@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}
.rs-animate-left {
    position: relative;
    animation: animateleft 0.4s
}
@keyframes animateleft {
    from {
        left: -300px;
        opacity: 0
    }
    to {
        left: 0;
        opacity: 1
    }
}
.rs-animate-right {
    position: relative;
    animation: animateright 0.4s
}
@keyframes animateright {
    from {
        right: -300px;
        opacity: 0
    }
    to {
        right: 0;
        opacity: 1
    }
}
.rs-animate-bottom {
    position: relative;
    animation: animatebottom 0.4s
}
@keyframes animatebottom {
    from {
        bottom: -300px;
        opacity: 0
    }
    to {
        bottom: 0;
        opacity: 1
    }
}
.rs-animate-zoom {
    animation: animatezoom 0.6s
}
@keyframes animatezoom {
    from {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}
.rs-animate-input {
    transition: width 0.4s ease-in-out
}
    .rs-animate-input:focus {
        width: 100% !important
    }
/************ ACCESSIBILITY CODE ***********/
.rs-a11y-submenu-show {
    visibility: visible !important;
}
.rs-a11y-submenu {
    visibility: visible !important;
}
.rs-a11y-submenu-above {
    visibility: visible !important;
    top: auto !important;
    bottom: 0;
}
.rs-a11y-submenu-show a {
    padding: 9px 16px !important;
    display: block;
}
.rs-table-report a {
    color: #575756 !important;
    text-transform: inherit !important;
    font-weight: normal;
}
/*.search-match {}*/
.search-match-not {
    display: none;
    visibility: collapse;
}
tr:nth-child(even) { /* Cells in even rows (2,4,6...) are one color */
    background-color: #F0F4F7;
}
tr:nth-child(odd) { /* Cells in odd rows (1,3,5...) are another (excludes header cells) */
    background-color: #FFFFFF;
}
tr.search-match-even {
    background-color: #F0F4F7 !important;
}
tr.search-match-odd {
    background-color: #FFFFFF !important;
}
.search-parent {
    display: flex !important;
    flex-flow: row;
    align-items: baseline;
    position: sticky;
    top: 5rem;
    background-color: white;
    padding: .75em 0 .5rem 0;
    z-index: 3; /* Note: make sure that .search-parent is not under content in .dataTooltip */
}
.search-parent input {
    flex-grow: 1;
}
.update-group-name {
    font-size: 2rem;
    flex-grow: 1;
    margin-right: 1em;
}
.sticky-parent {
    display: flex;
    position: sticky;
    top: 5rem;
    z-index: 1;
    background: white;
    padding-bottom: .75rem;
    padding-bottom: .5rem;
}
.group-header {
    white-space: nowrap;
}
.controlcellheader {
    width: 1%;
    white-space: nowrap;
}
.rs-btn-thin {
    padding: 0 1em;
    min-height: 2em;
}
.thinput {
    width: unset !important;
    padding: .5em 1em
}
.rs-btn-table {
    padding: .5em 1em;
    min-height: 2em;
}
.table-scroll-container {
    overflow-x: scroll;
    max-width: 100%;
    width: 100%;
}
.longcontentcell {
    word-wrap: anywhere;
    white-space: break-spaces;
}
main {
    width: 100%;
}
.rs-content-wrap {
    width: 99%;
}
.rs-margin-bottom-zero {
    margin-bottom: 0 !important;
}
.rs-margin-top-zero {
    margin-top: 0 !important;
}
.warningBeta {
    --text-size: 1.5rem;
    font-weight: bold;
    color: darkorange;
    position: fixed;
    font-size: var(--text-size);
    top: calc( (var(--rs-bar-height) - 1em) );
    left: 5vw;
    z-index: calc(var(--header-z) + 1);
}
.betawarning:after {
    content: "(beta)";
    text-transform: lowercase;
    font-weight: bold;
    color: darkorange;
}
.betawarning.rs-bar-item-mob:after {
    margin-left: .5em;
}
.guidcopyicon {
    margin-left: .5em;
}
.ClientGuidDisplay {
    cursor: pointer;
}
.checkAllBox {
    margin: 0 .5em 0 0;
    padding: 0;
}
.cursor-pointer {
    cursor: pointer;
}
/* #endregion FORMER stylesheet.css */
/* #region CSS Aliases */
.align-items-center { align-items: center; }
.align-items-end { align-items: end; }
.flex-wrap { flex-wrap: wrap; }
.flex-grow-1 { flex-grow: 1; }
.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}
.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}
.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}
.flex-grow-1 {
    -ms-flex-positive: 1 !important; /* IE 10 */
    flex-grow: 1 !important;
}
.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}
.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}
.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}
.input-group > .form-label {
    display: block;
}
/* #endregion CSS Aliases */
/* this is to hide anti spam fields off screen */
.rs-field {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.paginationParent {
    align-items: center;
    justify-items: stretch;
    gap: 10px
}
.paginationText {
    flex-flow: column nowrap;
    min-height: 100%;
    font-size: 16px;
}
.paginationButton {
    min-width: 170px;
    align-content: center;
    justify-content: center;
}
.headerSortButton {
    border: none !important;
    background: none;
    color: white;
    cursor: pointer;
}
.rs-small-input {
    padding: 1px 4px; /* vertical 1px makes the input much shorter */
}
/* // FIXME MARTIN this really needs a color to indicate that it does *something*
    .headerSortButton:hover {
        color: purple;
    }
*/
.rs-text-button {
    height: min-content;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
}
.rs-text-button:hover {
    color: #1F446D;
}
.rs-text-button:active {
    color: lightblue;
}
.min-w-10 {
    min-width: 10em;
}
.min-w-12 {
    min-width: 12em;
}
.max-w-10 { max-width: 10em; }
.max-w-12 { max-width: 12em; }
.rs-w-100 { width: 100%; }
.rs-table-header-search-text {
    width: 100%;
    min-width: 10em;
}
.releaseVersionLink {
    font-size: 1.2em;
    display: block;
    margin: 0em 1em .2em;
}
    .releaseVersionLink:hover {
        color: hsl(0, 0%, 30%)
    }
.latestVersionLink {
    font-size: 1.6em;
    margin: .25em .5em;
}
.flex-align-end {
    align-self: flex-end;
}