/*NHHI Custom IDkit
Purple tints light -> dark
Purple tint 1:#f5f0ff  rgb(245, 240, 255)
Purple tint 2:#eae0ff  rgb(234, 224, 255)
Purple tint 3:#d5c2ff  rgb(213, 194, 255)
Purple tint 4:#b58efb  rgb(181, 142, 251)
Purple tint 5:#8c1aff  rgb(140, 26, 255)
Purple tint 6:#5f00b7  rgb(95, 0, 183)
Purple tint 7:#421a75  rgb(66, 26, 117)

Orange tints light -> dark
Orangt tint 1:#fff1e7  rgb(255, 241, 231)
Orangt tint 2:#ffe2d0  rgb(255, 226, 208)
Orangt tint 3:#ffc6a0  rgb(255, 198, 160)
Orangt tint 4:#ffa97e  rgb(255, 169, 126)
Orangt tint 5:#fd7700  rgb(253, 119, 0)
Orangt tint 6:#c94500  rgb(201, 69, 0)
Orangt tint 7:#8c1e00  rgb(140, 30, 0)
*/

:root {
    --purple-tint-0-5: #f7f2ff;
    --purple-tint-1-5: #efe7ff;
    --purple-tint-1: #f5f0ff;
    --purple-tint-2: #eae0ff;
    --purple-tint-3: #d5c2ff;
    --purple-tint-4: #b58efb;
    --purple-tint-4-rgb-08: rgba(181, 142, 251, 0.8);
    --purple-tint-5: #8c1aff;
    --purple-tint-6: #5f00b7;
    --purple-tint-7: #421a75;
    --orange-tint-2: #ffe2d0;
    --orange-tint-3: #ffc6a0;
    --orange-tint-4: #ffa97e;
    --orange-tint-5: #fd7700;
    --orange-tint-6: #c94500;
    --orange-tint-7: #8c1e00;
}
/* --------------------------------------------*/
/* MAIN LAYOUT */
/* --------------------------------------------*/
body {
    background-color:#fefefe;
    margin:0;
    padding:0;
    font-family: "Segoe UI", "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    /*overflow:hidden;*/
    height: 100%;
    max-height: 100%;
}
input[type="button"], input[type="reset"], input[type="submit"], button {
    font-family:inherit;
}
#header {
    height:68px;
    background-color:var(--purple-tint-7);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    /*overflow:hidden;*/
}

#header .inner_main {
    margin-left:auto;
    margin-right:auto;
    background-color:var(--purple-tint-7);
}

.inner_container {
    display:block;
    position:relative;
}

.login_container {
    width:600px;
    margin:0 auto;
    padding-top:20px;
}

.header-logo {
    width:110px;
    height:62px;
}

#locale_nav {
    position:absolute;
    top:0px;
    right:60px;
}

#content {
    position:fixed;
    top:68px;
    left:0;
    right:0;
    bottom:0;
    overflow:auto;
    overflow-y:scroll;
    background-color:#fefefe;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */
}

#footer, .push {
    height: 40px; /* .push must be the same height as .footer */
}

#footer {
    background-color:#dcdcdc;
    clear:both;
}

#footer .inner_main {
    background-color:#dcdcdc;
    padding:3px;
}

#footer .footer_left {
    float:left;
}

#footer .footer_right {
    float:right;
}



#content .inner_main {
    margin-left:auto;
    margin-right:auto;
    margin-bottom:15px;
}

#scroll_pad {
    padding-left:10px;
    position:relative;
}

.top_pad {
    padding-top:20px;
}

#content_header {
    background-color: var(--purple-tint-7);
    background-image:url(../images/content_hd_bg.gif);
    background-repeat:repeat-x;
    background-position:top;
    font-size:15px;
    color:white;
    padding:10px 20px;
}

@media (max-width: 1400px) {
    #content .inner_main,
    #header .inner_main {
        width: 995px;
    }
}

@media (min-width: 1401px) and (max-width: 2000px) {
    #content .inner_main,
    #header .inner_main {
        width: 1200px;
    }
}

@media (min-width: 2001px) {
    #content .inner_main,
    #header .inner_main {
        width: 1400px;
    }
}

.content_inner {
    padding:5px;
}

select option:disabled {
    color:#f00;
}

h1,h2,h3,h4,h5,h6 {
    color: var(--purple-tint-7);
    margin:3px 0;
}

.filter-sorting {
    position:absolute;
    right:0;
    bottom:-10px;
}
.filter-sorting.no-pagination {
    bottom: 5px;
}
.filter-sort-by,
.filter-sort-dir {
    display: inline-block;
}
.filter-sort-dir {
    padding-left: 4px;
    top: -6px;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 12px;
}
.filter-sorting.n6form_fields .filter-sort-by label {
    padding-top:6px;
    min-width: auto;
}
.filter-sorting.n6form_fields select {
    width: auto;
    padding: 1px 2px;
}

/*Bootstrap override for AGAR*/
.panel-primary>.panel-heading {
    color: #fff;
    background-color: var(--purple-tint-7);
    border-color: var(--purple-tint-7);
}
.panel-primary {
    border-color: var(--purple-tint-7);
}
.btn-primary {
    color: #fff;
    background-color: var(--purple-tint-4);
    border-color: var(--purple-tint-7);
}

/*section,*/
.full-section-container,
.section_container {
    display:block;
    position:relative;
    border:solid 1px #cacfd3;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
.full-section-container {
    margin-top:20px;
}

.full-section-container section:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
/*section .form-group:last-child {
    margin-bottom:0;
}
*/
section.section-bg, .section_container {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f0f1f3)";
    background-color: #fefefe;
    background-image: linear-gradient(bottom, #f0f1f3 13%, #ffffff 57%);
    background-image: -o-linear-gradient(bottom, #f0f1f3 13%, #ffffff 57%);
    background-image: -moz-linear-gradient(bottom, #f0f1f3 13%, #ffffff 57%);
    background-image: -webkit-linear-gradient(bottom, #f0f1f3 13%, #ffffff 57%);
    background-image: -ms-linear-gradient(bottom, #f0f1f3 13%, #ffffff 57%);
}


section>h2, .section_container h2.section_header, .section_container h2.section_sub_header,
 .section_container h2.section_header:first-child, .section_container h2:first-child{
    border-top:solid 1px #cacfd3;
    border-bottom:solid 1px #cacfd3;
    font-size:18px;
    font-weight:600;
    color:#58565d;
    padding:3px 5px 7px 8px;
    margin:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E4E6EB, endColorstr=#D2D5DC)";
    background-image: linear-gradient(bottom, #D2D5DC 43%, #E4E6EB 84%);
    background-image: -o-linear-gradient(bottom, #D2D5DC 43%, #E4E6EB 84%);
    background-image: -moz-linear-gradient(bottom, #D2D5DC 43%, #E4E6EB 84%);
    background-image: -webkit-linear-gradient(bottom, #D2D5DC 43%, #E4E6EB 84%);
    background-image: -ms-linear-gradient(bottom, #D2D5DC 43%, #E4E6EB 84%);
}

.section_container h2.dash_inner_title,
.section_container h2.dash-chart-title {
    padding: 3px 3px 3px 8px;
    min-height: 42px;
    line-height:32px;
}

.section_container.validation_section h2.section_sub_header {
    margin-top:10px;
}

section:not(:first-child)>h2 {
    padding-top:5px;
}

section:first-child>h2, .section_container h2.section_header:first-child, .section_container h2:first-child {
    border-top:none;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.section_container .inner_section h2.section_header {
    font-size:15px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

section h3, .section_container h2.section_sub_header {
    font-size:14px;
    font-weight:600;
    color:#58565d;
    padding:2px 8px 4px;
}
section h3 {
    border-bottom: 1px solid #888e92;
}
section h4 {
    background-color:var(--purple-tint-1);
    padding:2px 3px;
    margin:0;
}
div.section_header_add_btn {
    display:block;
    float:right;
    height:100%;
    font-size:12px;
    padding:5px;
    border:solid 1px #afb5bb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor:pointer;
    font-weight:bold;
    margin-left: 5px;
    margin-right: 5px;
}

div.section_header_add_btn_container {
    float:right;
}
div.section_header_add_btn_container button.add_user {
    font-size:12px;
    padding:5px;
    border:solid 1px #afb5bb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor:pointer;
    font-weight:bold;
    margin-left: 5px;
    margin-right: 5px;
    background: transparent;
}

div.section_header_add_btn_container button.add_user:hover,
div.section_header_add_btn:hover {
    background-color:#c4bdcd;
}


.section_container_inner {
    padding:8px;
    position: relative;
}
.section_container_inner.buttons-bottom {
    padding-bottom:42px;
}

.dyn-radio-container {
    overflow:hidden;
    padding-bottom:8px;
    width:100%;
}
.radio-btn-group {
    margin-left:10px;
    padding-bottom:8px;
    width:100%;
}
.radio-btn-group .btn-default.active{
    background: var(--purple-tint-7) url(../images/btn-overlay.png) repeat-x;
    color:#fff;
    font-weight:bold;
}

.with_menu {
    padding:6px;
    margin:10px;
    margin-right:188px;
    background-color: var(--purple-tint-0-5);
    border:solid 1px;
    border-color: var(--purple-tint-3);
    min-height:210px;
/*    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;*/
}

.bcrumbs {
    padding:3px 0;
}

.flash_msg {
    border:1px solid;
    border-color: var(--orange-tint-6);
    background-color: var(--orange-tint-2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color:var(--orange-tint-7);
    padding:4px 20px;
    margin:4px;
    position:absolute;
    top:-2px;
    right:1px;
}

.basket_display {
    right:0;
    width:180px;
    padding:4px;
    overflow:auto;
    font-size:12px;
}

#basket_item_add_list {
    font-size:11px;
}

#basket_organisation_add_list {
    font-size:11px;
}

.list_display_header {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: var(--purple-tint-2);
    padding:4px 6px 5px;
}

.list_display_header:not(.first_list) {
    margin-top:15px;
}

.list_display_header h4 {
    display:inline-block;
    font-size:15px
}
.collapsible-list .list_display_header h4 {
    cursor:pointer;
}

.list_display_header_btns {
    float:right;
}
.collapsible-list .list_display_header_btns {
    display: none;
}
.collapsible-list .list_display_header.list-open .list_display_header_btns {
    display: block;
}
.list_display_help_text {
    padding:6px 6px 8px;
    font-size:11px
}
.collapsible-list .list_display_help_text {
    display: none;
}
.collapsible-list .list_display_header.list-open .list_display_help_text {
    display: block;
}

.purple_bg {
    background-color: var(--purple-tint-2);
}

/* Shared pages in AGAR */
.agar-main .section_container {
    border-color: var(--purple-tint-7);
    background-image:none;
}
.agar-main .section_container h2.section_header {
    color: #fff;
    background-color: var(--purple-tint-7);
    border-color: var(--purple-tint-7);
    background-image:none;
    padding: 10px 15px;
    font-weight:normal;
    font-size:13px;
}
.agar-main .section_container h2.section_header div.section_header_add_btn {
    margin-top: -5px;
}

/* --------------------------------------------*/
/* NAVBARS */
/* --------------------------------------------*/
div#nav_container {
    float:right;
    padding-top:25px;
    margin-right:10px;
}
ul#nav {
    list-style:none;
}
div#nav_container li {
    float: left;
    height: 32px;
    background: rgba(255, 255, 255, 0.6);
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
div#nav_container li:first-child {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
div#nav_container li:last-child {
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-topright: 8px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}
div#nav_container li a {
    padding: 6px 13px 8px;
    display: block;
    text-align: center;
    position: relative;
    text-decoration: none;
    text-transform: capitalize;
    color: #403a47;
    /*text-shadow: 1px 1px 0 white;*/
    font-size: 12px;
    font-weight: 700;
}
div#nav_container li:not(:last-child) a {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}
div#nav_container li:not(:first-child) a {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
div#nav_container li:hover {
    background:#e99137;
    background:rgba(255,180,120,0.8);
}
div#nav_container li.current {
    background:white;
}
div#nav_container li.current a {
    color:#2e2c34;
}
div#nav_container li.current:not(:first-child) a {
    border-left:none;
}


div#nav_submenu_container {
    float:right;
    width:180px;
    margin:10px 10px 0 0;
    z-index:10;
    position:relative;
}

div#nav_submenu_container li {
    border:solid 1px transparent;
}

div#nav_submenu_container li:not(.current):hover {
    background-color: var(--purple-tint-0-5);
    border:solid 1px;
    border-color: var(--purple-tint-1);
    border-left: 0;
    border-left-color: var(--purple-tint-0-5);
    width:176px;
    margin-left:2px;
    -webkit-border-bottom-right-radius:3px;
    -webkit-border-top-right-radius:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-topright:3px;
    border-bottom-right-radius:3px;
    border-top-right-radius:3px;
}
div#nav_submenu_container li.current {
    background-color: var(--purple-tint-0-5);
    border:solid 1px;
    border-color: var(--purple-tint-3);
    border-left: 1px solid;
    border-left-color: var(--purple-tint-0-5);
    -webkit-border-bottom-right-radius:3px;
    -webkit-border-top-right-radius:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-topright:3px;
    border-bottom-right-radius:3px;
    border-top-right-radius:3px;
}

div#nav_submenu_container li a {
    padding: 6px 10px 7px 14px;
    display: block;
    position: relative;
    text-decoration: none;
    text-transform: capitalize;
    color:#999;
    font-weight: 700;
}

div#nav_submenu_container li a:hover {
    color:#777;
}

div#nav_submenu_container li.current a {
    color:#555;
}

/* AGAR submenus */
.agar-submenu div#nav_submenu_container {
    width:100%;
    float:none;
    margin-top: 0;
}
.agar-submenu div#nav_submenu_container li:not(.current):hover {
    width:100%;
    margin-left:0;
    border-radius:3px;
    border: solid 1px;
    border-color: var(--purple-tint-1);
}
.agar-submenu div#nav_submenu_container li.current {
    border:solid 1px;
    border-color: var(--orange-tint-6);
    border-radius:3px;
    background-color: var(--orange-tint-6);
}
.agar-submenu div#nav_submenu_container li.current a {
    color:#fff;
}
.col-md-2.agar-submenu {
    padding-left:0;
}

/* --------------------------------------------*/
/* DASHBOARD */
/* --------------------------------------------*/
.chart_holder, .dash_container {
    background-color:var(--purple-tint-1);
    border:solid 1px;
    border-color: var(--purple-tint-3);
}

.chart_holder {
    width:420px;
    margin-top:10px;
}

.chart_holder_inner {
    margin:0 auto;
}

h2.dash_inner_title, h3.dash_inner_title {
    background-image:none !important;
    background-color: var(--purple-tint-2) !important;
    border-radius:0px !important;
    -moz-border-radius:0px !important;
    -webkit-border-radius:0px !important;
    color:#444;
    padding:5px 8px;
    margin:0;
    font-size:16px;
}

h3.dash_inner_title {
    font-size:14px;
    padding:4px;
}

#gauge_print_icon {
    font-size:16px;
    float:right;
}
#gauge_print_icon a {
    color:#666;
}
#gauge_print_icon a:hover {
    color:var(--purple-tint-6);
}
.ie-old-gauge-print {
    display:none;
}

#print_pdf_icon {
    font-size:16px;
}
#print_pdf_icon a {
    color:#666;
    text-decoration: none;
}
#print_pdf_icon a:hover {
    color:var(--purple-tint-6);
    text-decoration:none;
}

.org-change-set-default {
    display: inline-block;
    float: right;
    cursor: pointer;
    padding: 1px;
    border: solid 1px var(--purple-tint-7);
    border-radius: 3px;
    line-height: 14px;
    position: relative;
    background: var(--purple-tint-7) url(../images/btn-overlay.png) repeat-x;
    color: #fff;
}
.org-change-set-default .mdi {
    font-size: 16px;
}
.org-change-set-default [class^="sr-icon-"] {
    font-size: 30px;
}
.org-change-trigger {
    display: inline-block;
    float: left;
    cursor: pointer;
}
.org-chage-trigger-chevron {
    display:inline-block;
    line-height:12px;
    font-size:20px
}
.org-toggle-header .dropdown-menu a {
    text-decoration: none;
}
.image-newwin-icon {
    margin-right: 18px;
    font-size: 20px;
    color: #777;
}
.dash-meter-select-container {
    /*width:420px;*/
    margin: 8px 50px 0;
}
.dash-meter-select-container::after {
    content:"";
    display:block;
    clear:both;
}
.dash-meter-label {
    float:left;
    /*width:25%;*/
    font-size:14px;
    color:#333;
    padding-top:8px;
    padding-right:10px;
}
.dash-meter-select {
    float: left;
    width: 75%;
    max-width:350px;
    text-align:right;
}
.charts_both {
    clear:both;
    display:flex;
    gap:40px;
    margin:15px 50px 0;
}
.ch_left,
.ch_right {
    flex:1 1 50%;
    min-width:0;
    float:none;
    margin:0;
}
.charts_both .chart_holder {
    width:auto;
}
/* Centre the Google gauge (fixed-width table) within its widened holder */
#chart_1,
#chart_2 {
    display:flex;
    justify-content:center;
}

.dash_container {
    width:auto;
    margin:30px 50px;
}

.report-desc-main {
    padding: 4px 10px 0;
    font-style: italic;
}
.report-desc-individual {
    font-weight:normal;
    font-style:italic;
}

ul.report_list, ul.report_list_inner {
    list-style:disc;
    margin:10px 0;
}
ul.report_list {
    margin-left:15px;
}

ul.report_list li, ul.report_list_inner li {
    margin:3px 0 3px 25px;
    font-weight:bold;
    color:#3d5675;
    font-size:14px;
}

#column_select label {
    padding:0 5px 0 0;
    height:18px;
    width: 80px;
}
#column_select .chb {
    height:18px;
}

.send_follow_up_frame {
    margin-left:10px; padding:10px; width: 500px
}

#send_follow_up_frame {
    width : 100%;
    height : 100%;
    display:block;
    border-width: 0;
}

#user_browse_frame {
    width : 100%;
    height : 100%;
    display:block;
}

#organisation_browse_frame {
    width : 100%;
    height : 100%;
    display:block;
}

#audit_period_frame {
    width : 100%;
    height : 100%;
    display:block;
}

#parent_hcw_frame {
    width : 100%;
    height : 100%;
    display:block;
}
h3.report_hdr {
    font-size:15px;
    margin:2px 8px;
    color:#555;
}

.report_inner {
    width:420px;
    border: solid 1px;
    border-color: var(--purple-tint-3);
    margin-bottom: 10px;
    min-height:250px;
}
.no-data-returned {
    text-align: center;
    font-size: 15px;
}
.reports_both {
    display:flex;
    gap:40px;
    margin:0 40px;
    padding-bottom:10px;
}
.reports_both .report_inner {
    width:auto;
}
.ri_left,
.ri_right {
    flex:1 1 50%;
    min-width:0;
    float:none;
    margin:0;
}

.note_display {
    margin:0 50px;
    padding-top:10px;
    color:#333;
    font-style:italic;
}
.note_display.req_moments {
    float: left;
    display: inline-block;
    margin: 0 0 0 18px;
    padding: 8px;
    background-color: var(--purple-tint-1);
    border: solid 4px #e60000;
    max-width: 410px;
}
.note_display.self_reg {
    margin:0 10px;
    padding-top:5px;
    color:#333;
    font-style:italic;
}
.note_display.session_locked {
    display: inline-block;
    margin: 0 0 10px 0px;
    padding: 8px;
    background-color: var(--purple-tint-1);
    border: solid 3px #e60000;
    font-style:italic;
}
.import_legend {
    list-style: disc;
    margin:5px 0;
}
.import_legend li {
    margin: 3px 0 3px 25px;
}

.dl-links {
    padding:10px 0;
}
.panel-section-heading {
    font-size: 18px;
    font-weight: bold;
    color: #444;
    margin-bottom: 10px;
    border-bottom: solid 1px #ccc;
}
/* --------------------------------------------*/
/* TABLES */
/* --------------------------------------------*/
.basic_table, .basket_table, .list_table {
    width:100%;
}

.list_table {
    margin-top:2px;
    display:table;
    border-collapse:separate;
    border-spacing:1px;
}

.basic_table td, .basket_table td {
    padding:3px;
    border:1px solid #ccc
}
.list_table td {
    padding:3px 0;
}

th.sort_hdr, th.sort_hdr_ovr {
    cursor:pointer;
    padding-right:15px;
}

th.sort_hdr_ovr {
    background-color: var(--purple-tint-4);
    color:#eee;
}

.table_pad {
    padding:2px 8px 8px;
}

#tbl_cont {
    padding:10px;
}

.basic_table th, .basket_table th {
    padding:2px;
    background-color:var(--purple-tint-7);
    color:#ffffff;
    border:1px solid;
    border-color: var(--purple-tint-7);
    padding-right:20px;
}

.basket_table th:not(:last-child),
.basic_table th:not(:last-child) {
    border-right:1px solid;
    border-right-color: var(--purple-tint-4);
}

.basic_table tr:nth-child(even) {
    background-color: var(--purple-tint-0-5);
}
.basic_table tr:nth-child(odd) {
    background-color: var(--purple-tint-1-5);
}

.validation_section {
    background-image:none;
}
/* for tables in validation report, we don't want alternating BG rows */
.validation_section .basic_table tr {
    background-color: var(--purple-tint-1);
}
/* for tables in validation report, we want different TH & TD bg's */
.validation_section .basic_table td {
    color:#444;
}
.validation_section .basic_table th {
    background-color: var(--purple-tint-2);
    border-color: var(--purple-tint-2);
    color: #555;
}
.basic_table.validation_rule_table th {
    background-color: var(--purple-tint-1);
    border-color: #ccc;
    padding-right:2px;
}
.basic_table.validation_rule_table td {
    background-color: #fff;
}

.validation_table .collapse-row {
    display:none;
}
.validation_sub_table_container {
    padding: 5px 5px 15px;
}


.basket_table tr.row_even {
    background-color:var(--purple-tint-0-5);
}
.basket_table tr.row_odd {
    background-color:var(--purple-tint-1-5);
}

.basket_table tr.basket_row_over {
    background-color:#a9e5b2;
}

.basket_table tr.basket_row_on_over {
    background-color:#ffdede;
}

.basket_table tr.basket_row_on {
    background-color:#a9e5b2;
}

.list_table div.list_table_row {
    display:table-row;
}

.list_table div.list_item_del, .list_table div.list_item_primary, .list_table div.list_item_data {
    display:table-cell;
    padding:1px 2px 1px 1px;
}
.org_edit_list .list_table.active div.list_item_del,
.org_edit_list .list_table.active div.list_item_primary,
.org_edit_list .list_table.active div.list_item_data {
    display:table-cell;
    padding:4px;
}

.list_table div.list_item_del, .list_table div.list_item_primary {
    width:15px;
}

.list_table div.list_item_data {
    width:99%;
}
.list_table div.list_table_row[saved_primary] div.list_item_data {
    font-weight:bold;
}
/*.list_table div.list_item_data_over, .list_table div.list_item_data_on {*/
.list_table.active div.list_table_row:hover .list_item_data,
.list_table.active div.list_item_data_on {
    cursor:pointer;
    background-color:#f4bdbd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius:3px;
}
.list_table.active div.list_item_data_on {
    font-weight:bold;
    color:#b02525;
}
/*.org_edit_list .list_table div.list_item_data_over, .org_edit_list .list_table div.list_item_data_on {*/
.org_edit_list .list_table.active div.list_table_row:hover .list_item_data {
    background-color:transparent;
}
.org_edit_list .list_table.active div.list_table_row[added_del]:hover .list_item_data{
    background-color:#f4bdbd;
}
.org_edit_list .list_table.active div.list_table_row[saved_primary]:hover .list_item_data,
.org_edit_list .list_table.active div.list_table_row[added_primary]:hover .list_item_data,
.list_table.active div.list_item_data_primary {
    background-color: var(--purple-tint-3);
    border-radius:3px;
}
.org_edit_list .list_table.active div.list_table_row:hover .list_item_data {
    cursor:default;
}
.list_table.active div.list_item_data_primary {
    font-weight:bold;
    color: var(--purple-tint-7);
}

.list_table div.list_item_primary,
.list_table div.list_item_del {
    display:none;
    padding-right:8px;
    cursor:pointer;
}
.list_del_img, .list_primary_img {
    vertical-align:bottom;
    opacity:0.3;
}
.list_table.active div.list_table_row:hover .list_del_img,
.list_table.active div.list_item_data_on .list_del_img {
    opacity:1;
}
/* "switch off" row-controlled hover for the special org user edit list case */
.org_edit_list .list_table.active div.list_table_row:hover .list_del_img {
    opacity: 0.3;
}
/* "switch back on" icon hover for the special org user edit list case */
.org_edit_list .list_table.active div.list_table_row:hover .list_primary_img:hover,
.org_edit_list .list_table.active div.list_table_row .list_primary_img:hover,
.org_edit_list .list_table.active div.list_table_row .list_del_img:hover,
.org_edit_list .list_table.active div.list_table_row[added_del] .list_del_img,
.org_edit_list .list_table.active div.list_table_row[saved_primary] .list_primary_img,
.org_edit_list .list_table.active div.list_table_row[added_primary] .list_primary_img,
.list_table.active div.list_table_row[added] .list_del_img {
    opacity:1;
}

.org_edit_list .list_table.active div.list_table_row:hover .list_del_img.off,
.org_edit_list .list_table.active .list_del_img.off,
.org_edit_list .list_table.active div.list_table_row:hover .list_primary_img.off,
.org_edit_list .list_table.active .list_primary_img.off {
    opacity:0.2;
}
.org_edit_list .list_del_img,
.org_edit_list .list_primary_img {
    width:13px;
    height:13px;
}

.list_primary_img_small {
    width:10px;
    height:10px;
}
.list_table.active .list_primary_img_small {
    display:none;
}

.list_table td.list_item_del {
    display:none;
}

.list_edit_instr, .list_legend {
    font-size: 13px;
    font-weight: normal;
    color: #666;
}
.list_edit_instr {
    display: none;
}
.list_edit_instr img,
.list_legend img {
    padding:0;
    width:18px;
    height:13px;
    cursor:default;
    margin: 0 2px;
    opacity:1;
}

.dn {
    background-image:url(../images/dn.png);
    background-repeat:no-repeat;
    background-position:right;
}

.up {
    background-image:url(../images/up.png);
    background-repeat:no-repeat;
    background-position:right;
}

#column_select {
    text-align:left;
}
#customize {
    text-align:right;
}
.basket_table .row_data {
    cursor:pointer;
}
td.hcw_control {
    text-align:center;
    padding-top:4px;
}
th.sel-all-cell {
    width:1%;
    padding:3px 5px;
    text-align:center !important;
}
.role-list-col_data {
    display:none;
}
.user-role-cell .popover-content {
    padding:0;
}
.user-role-cell .popover-content .role-list-item {
    padding:8px;
}
.user-role-cell .popover-content .role-list-item:not(:last-child) {
    border-bottom:1px solid rgba(0,0,0,.2);
}
.popover-content ul {
    list-style-type:disc;
}
.popover-content ul li {
    margin-left: 15px;
}
.form_btn_l .popover,
#print_pdf_icon .popover {
    max-width:380px; /* for long print instructions */
}

#audit_overview_table {
    margin: 10px 0;
}
#audit_overview_table.basic_table tr {
    background-color: var(--purple-tint-0-5);
}
#audit_overview_table table {
    width:100%;
    border-top:1px solid #ccc;
}
#audit_overview_table th,
#audit_overview_table.basic_table table td {
    padding:2px 5px;
}
#audit_overview_table.basic_table table td {
    border:0;
}
#audit_overview_table.basic_table table td:not(:last-child) {
    border-right:1px solid #ccc;
}
#audit_overview_table .moment-count {
    display: inline-block;
    padding: 0 15px 0 5px;
}
/* --------------------------------------------*/
/* SESSION MOMENT & HCW CONTROLS */
/* --------------------------------------------*/
.hcw_type_id {
    width:180px;
}
.moment_num_code {
    width:270px;
}
.action_code {
    width:85px;
}
.glove_code {
    width:80px;
}

.hcw_up_arrow, .hcw_dn_arrow {
    width:21px;
    height:21px;
    cursor:pointer;
}
/* --------------------------------------------*/
/* DISPLAY ELEMENT LAYOUT */
/* --------------------------------------------*/
#top_nav_items {
    position:absolute;
    top:0px;
    right:10px;
}

#top_nav_items a {
    color:#fff;
    text-decoration:none;
    font-size:11px;
}
#top_nav_items a:hover {
    text-decoration:underline;
}
#top_nav_items .dropdown-menu>li>a {
    color:#333;
}
#top_nav_items .dropdown-menu>li>a:hover {
    color:#444;
    text-decoration:none;
}
.role-selector-dropdown {
    display:inline-block;
    margin-left:10px;
}
.role-selector-dropdown .dropdown-header {
    color:#111;
    padding-left:10px;
}
.top-menu-role {
    display:inline-block;
    margin-left:10px;
    color: #fff;
    font-size: 11px;
}

div.perm_exception {
    margin:auto;
    width:600px;
}

.iframe_in_popup {
    display:block;
    height:100%;
    width:100%;
}

#form_pg textarea#description {
    height:70px;
    width:400px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.note-alert {
    border: 1px solid;
    border-color: var(--purple-tint-4);
    background-color: var(--purple-tint-1);
    border-radius: 4px;
    color: var(--purple-tint-7);
    padding:8px;
    display: inline-block;
}
.user-role-list-primary,
.user-role-list-secondary {
    padding:2px 4px;
}
.user-role-list-primary {
    font-size:15px;
    font-weight:bold;
    color:var(--purple-tint-6);
}
.user-role-list-secondary {
    display:list-item;
    margin:0 -22px 0 22px;
}
#user_role_list_container {
    float:left;
    width:600px;
}
#user_role_list_container .row:hover,
#user_role_list_container .row:hover {
    background-color: var(--purple-tint-2);
}
.user-role-section {
    margin-bottom:10px;
}
.user-role-list-chb input {
    width:16px;
    height:16px;
    cursor:pointer;
}
.user-roles-btns {
    clear: both;
    padding-top: 10px;
}
.user-role-list-secondary a {
    line-height:15px;
}
/* --------------------------------------------*/
/* form.css OVERRIDES */
/* --------------------------------------------*/
#frm_assign_roles .n6form_fields {
    width:750px;
}
#frm_assign_roles .n6form_fields .n6form_input {
    width:600px;
}
#frm_assign_roles .n6form_fields select[multiple] {
    width:98%;
}
/* Find/search filter forms — widen the two filter columns' input fields
   responsively with the page width. Fields default to 230px (set by
   .n6form_fields); these widen them on larger screens, matching the page
   width breakpoints. Applied via the .filter-fields marker class on the
   *_find filter forms' .n6form_fields. Fields with an explicit width class
   (.w60/.w150/.w300) are left untouched. */
@media (min-width:1401px) and (max-width:2000px) {
    .filter-fields .form_col input[type='text']:not(.w60):not(.w150):not(.w300),
    .filter-fields .form_col select:not(.w60):not(.w150):not(.w300) {
        width:280px;
    }
}
@media (min-width:2001px) {
    .filter-fields .form_col input[type='text']:not(.w60):not(.w150):not(.w300),
    .filter-fields .form_col select:not(.w60):not(.w150):not(.w300) {
        width:320px;
    }
}
/* --------------------------------------------*/
/* SELECT2 OVERRIDES */
/* --------------------------------------------*/
.select2-container--default .select2-selection--multiple {
    border-color:#999;
    border-radius:3px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color:#666;
}
input.select2-search__field::placeholder {
    color:#aaa;
}
/* to prevent multi-selects rendereing tall before being re-drawn as single line selects */
select[multiple].add-select2 {
    height:32px;
}
/* --------------------------------------------*/
/* BOOTSTRAP OVERRIDES */
/* --------------------------------------------*/
.modal-header, .modal-body, .modal-footer {
    padding:10px;
}
.modal-title {
    font-size:15px;
    color:#333;
}
.modal-header {
    background-color: #efefef;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-footer {
    background-color: #efefef;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.modal-header .close {
    opacity: .5;
}
.modal-header .close:hover {
    opacity: .8;
}
/* bootstrap row's ::before display:table breaks the user role list */
/*#user_role_list_container::before,*/
/*#user_role_list_container::after,*/
/*#user_role_list_container .row::before,*/
/*#user_role_list_container .row::after {*/
    /*display:block;*/
    /*content:none;*/
/*}*/
/* --------------------------------------------*/
/* JQUERYUI OVERRIDES */
/* --------------------------------------------*/
/* to 'our' user add modal bg match BS modal BG */
.ui-widget-overlay {
    background: none;
    background-color: #000;
    opacity: .5;
}
/* --------------------------------------------*/
/* GENERIC */
/* --------------------------------------------*/
div.div_add {
    position:absolute;
    right:5px;
    top:2px;
}

div.section {
/*(    border:solid 1px var(--purple-tint-6);*/
    padding:8px 10px;
}

div.footer
{
    border-top:1px solid gray;
    padding:1em;
    text-align: center;
    clear:left;
}

div.save_message
{
    font-family: Verdana, Arial, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    color: red;
    font-weight: bold;
}


div.fortune
{
    font-size: x-small;
    padding-top:2em;
    float: bottom;
}

div.navbar
{
    float:left;
    width:100;
    margin:0;
    padding-bottom:2em;
    padding-top:1em;
    font-size: medium;
}

div.content_blank
{
    margin-left:2em;
    padding:1em;
}


div.content_no_session
{
    margin-left:50px;
    padding:1em;
}



div.form_field
{
    padding:0.5em;
}

div.form_field_header
{
    font-weight: bold;
    padding-bottom:0.5em;
}

div.error
{
    font-weight: bold;
    color: #990000;
}

div.form_field_errors
{
    font-weight: bold;
    font-size: small;
    color: #990000;
/*    border:1px solid #990000; */
    padding-bottom:0.5em;
    padding-top:0.5em;
}

#update_status_selector {
    display:inline-table;
}

.modal-msg {
    font-size:16px;
}

/* --------------------------------------------*/
/* ANCHORS/LINKS                               */
/* --------------------------------------------*/
a:link, a:visited, a:active
{
    color: var(--purple-tint-6);
    text-decoration:underline; /* turn on link underlines site-wide per request */
}
a:hover
{
    color: var(--purple-tint-5);
}
a.lnk_add:link, a.lnk_add:visited, a.lnk_add:active,
a.lnk_bcrumb:link, a.lnk_bcrumb:visited, a.lnk_bcrumb:active {
    color: var(--orange-tint-6);
    text-decoration:none;
}
a.lnk_add:hover, a.lnk_bcrumb:hover {
    color: var(--orange-tint-5);
    text-decoration:underline;
}

#footer a {
    color:#777;
}
.dl-links a,.dl-links a:hover {
    text-decoration:none;
    outline:none;
}

/* Cust report */
.report-params {
    width:800px;
    margin:20px;
}
.report-data {
    margin:0 20px;
}
.report-data th>a {
    color: var(--purple-tint-2);
}
.report-data th>a:hover {
    color:#fff;
}
.report-date {
    font-size:13px;
    font-style:italic;
    padding:10px 0;
}
#report_loader {
    border:solid 1px;
    border-color: var(--purple-tint-3);
    border-radius:5px;
    background-color: var(--purple-tint-1);
    padding:20px;
    width: 600px;
    margin: 50px auto;
    text-align: center;
}
#full_spinner {
    display:none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.7;
    background-color: rgba(255,255,255,0.4);
}
#full_spinner_inner {
    margin: 200px auto 0;
    width: 100px;
}
.element-spinner {
    display:none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.7;
    background-color: rgba(255,255,255,0.4);
}
.element-spinner-inner {
    margin: 20% auto 0;
    width: 100px;
}

.agar-dash-msg p,
.agar-dash-msg ul {
    margin-bottom:6px;
    font-size:16px;
}

td.moment-highlight a {
color: #c10707;
font-weight: bold;
}

#phone_validate_error.flash_msg {
    display: none;
    right: 62px;
    top: 5px;
}

/* --------------------------------------------*/
/* MFA */
/* --------------------------------------------*/
.mfa-container {
    width:600px;
    margin-top:40px;
}
h5.mfa-error {
    color:#af0000;
}
.mfa-email {
    font-weight: bold;
    font-family: "Source Code Pro","Lucida Console","Courier New","Verdana";
    font-size: 18px;
    word-wrap:break-word;
    color: #666;
}
.mfa-code-input-group input[type="text"] {
    border-color:#ccc;
}
.mfa-code-input-group span.mdi {
    font-size: 22px;
    top: 0;
    position: relative;
}
/* --------------------------------------------*/
/* Drag & grop table row re-ordering */
/* --------------------------------------------*/
.re-order-table tr.selected {
    background-color: #ebcece;
}
.re-order-spinner {
    display: none;
    position: absolute;
    background-color: rgba(255,255,255,0.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.re-order-spinner-inner {
    margin: 200px auto 0;
    width: 100px;
}
.table-drag-icon {
    float: left;
    cursor: grab;
}
.table-drag-icon .sr-icon-dragv {
    font-size: 20px;
    line-height: 12px;
    position: relative;
    top: 3px;
    color: #6c6c6c;
}
.drag-instruction .sr-icon-dragv {
    font-size: 20px;
    line-height: 12px;
    position: relative;
    top: 3px;
    color: #6c6c6c;
}
.re-order-col-header {
    text-align:right;
    padding-right:10px;
}
.re-order-col {
    text-align:right;
    padding-right:10px;
    width:1%;
}

/* Sweet Alert2 Overrides */
div:where(.swal2-container) div:where(.swal2-popup) {
    width:500px;
}
div:where(.swal2-container) .swal2-html-container {
    font-size: 15px;
    text-align: left;
}
.swal2-actions button.hha-btn,
.swal2-actions button.hha-btn-default {
    margin:2px 6px;
}

div:where(.swal2-container).swal2-top>.swal2-popup {
    margin-top:40px;
}