:root {
    --acc-ws-bg-color1: #BDE8E7;
    --acc-ws-bg-color2: #126869;
    --acc-ws-text-color1: #000000;
    --acc-ws-border-color1: #D8DEE3;
    --acc-ws-pnl-warn-bg-color1: #F4F9FF;
    --acc-ws-pnl-warn-border-color1: #DEEBF9;
    --acc-ws-pnl-stop-bg-color1: #FFF3F1;
    --acc-ws-pnl-stop-border-color1: #FFD6D5;
    --acc-ws-kp1-bk1: #D5F2FF;
    --acc-ws-kp1-color1: #0065B7;
    --acc-ws-kp1-bk2: #FEECCC;
    --acc-ws-kp1-color2: #8A5800;
    --acc-ws-kp1-bk3: #FFE2F0;
    --acc-ws-kp1-color3: #9F3867;
}


body {
    background-color: #FFFFFF;
    color: #2A2E33;
}

#footercont {
    background-color: #F4F5F7;
    border-top-color: #DADEE3;
}

#footer {
    color: #2A2E33;
}

    #footer a {
        color: #007373;
    }

a.Btn, a.Btn:link, a.Btn:visited, a.Btn:hover, button.Btn,
#maincont a.Btn:link, a.Btn:visited, a.Btn:hover, #maincont button.Btn,
a.BtnLeft, a.BtnLeft:link, a.BtnLeft:visited, a.BtnLeft:hover, button.BtnLeft,
#maincont a.BtnLeft:link, a.BtnLeft:visited, a.BtnLeft:hover, #maincont button.BtnLeft,
#maincont a.LargeBtn3, #maincont a.LargeBtn3:link, a.LargeBtn3:visited, a.LargeBtn3:hover, #maincont button.LargeBtn3,
#maincont a.LargeBtn4, #maincont a.LargeBtn4:link, a.LargeBtn4:visited, a.LargeBtn4:hover, #maincont button.LargeBtn4,
#maincont a.LargeBtn6, #maincont a.LargeBtn6:link, a.LargeBtn6:visited, a.LargeBtn6:hover, #maincont button.LargeBtn6,
#btnCloseQuickSearch, #btnCloseSupport {
    background-color: #ffffff;
    border-radius: 4px;
    background-image: url();
    padding-top: 4px;
    padding-bottom: 4px;
    border-color: #828E99;
    text-transform: none;
}

    #maincont a.Btn:hover, #maincont button.Btn:hover,
    #maincont a.BtnLeft:hover, #maincont button.BtnLeft:hover,
    #maincont a.LargeBtn3:hover, #maincont button.LargeBtn3:hover,
    #maincont a.LargeBtn4:hover, #maincont button.LargeBtn4:hover,
    #maincont a.LargeBtn6:hover, #maincont button.LargeBtn6:hover {
        background-color: #E8EAEC;
        text-decoration: none;
    }

#maincont h1 a.Btn:link, #maincont h1 a.Btn:visited,
#maincont h1 button.Btn, #maincont h1 button.Btn,
#maincont h1 a.BtnLeft:link, #maincont h1 a.BtnLeft:visited,
#maincont h1 button.BtnLeft, #maincont h1 button.BtnLeft {
    background-color: transparent;
    background-image: url();
    border-left: 1px dotted #e2e2e2;
    padding-top: 4px;
    padding-bottom: 4px;
}

    #maincont h1 a.Btn:hover,
    #maincont h1 button.Btn:hover,
    #maincont h1 a.BtnLeft:hover,
    #maincont h1 button.BtnLeft:hover {
        background-color: transparent;
        color: #828E99;
    }

.BtnLeft {
    border-left: 1px solid transparent !important;
}

.LargeBtn1, #maincont a.LargeBtn1, .ui-widget-content a.LargeBtn1,
.LargeBtn2, #maincont a.LargeBtn2, .ui-widget-content a.LargeBtn2,
#maincont a.LargeBtn1:link, a.LargeBtn1:visited, #maincont button.LargeBtn1,
#maincont a.LargeBtn2:link, a.LargeBtn2:visited, #maincont button.LargeBtn2,
#dynamicItemContent a.LargeBtn2:link, a.LargeBtn2:visited, a.LargeBtn2:hover, #dynamicItemContent button.LargeBtn2 {
    background-color: #007373;
    background-image: url();
    color: #ffffff;
    border-radius: 4px;
    text-transform: none;
    --border-color: #828E99;
    padding-top: 4px;
    padding-bottom: 4px;
}

    .LargeBtn1:hover, a.LargeBtn1:hover, #maincont a.LargeBtn1:hover, #maincont button.LargeBtn1:hover, .ui-widget-content a.LargeBtn1:hover,
    .LargeBtn2:hover, a.LargeBtn2:hover, #maincont a.LargeBtn2:hover, #maincont button.LargeBtn2:hover, .ui-widget-content a.LargeBtn2:hover,
    #dynamicItemContent a.LargeBtn2:hover, #dynamicItemContent button.LargeBtn2:hover {
        background-color: #006262;
        color: #ffffff;
    }

input, select, textarea {
    border: 1px solid var(--acc-ws-border-color1);
    border-width: 1px;
    border-radius: 4px;
    padding: 4px 6px;
    color: #5B646E;
    box-sizing: border-box;
}

/* Reset image button inputs so edit/delete icons display side by side */
#maincont input[type="image"],
#main input[type="image"] {
    border: none;
    border-radius: 0;
    padding: 2px;
    background: none;
}

#dvLookupContainer .trView td input[type="image"],
#dvLookupContainer .trInsert td input[type="image"] {
    border: none;
    padding: 2px;
}

#dvLookupContainer .trView td:first-child,
#dvLookupContainer .trInsert td:first-child {
    white-space: nowrap;
}

.iconCell {
    white-space: nowrap;
}

.genericTable td input[type="image"],
.genericTableRow td input[type="image"] {
    border: none;
    border-radius: 0;
    padding: 2px;
    padding-bottom: 0;
}

.switch {
    vertical-align: middle;
}

.searchPanelRight {
    align-self: center;
}

.switch input {
    padding: 0;
    border: none;
}

.txtBoxes,
.modifyPanelNotCaptilized input, .modifyPanelNotCaptilized textarea, .modifyPanelNotCaptilized select, .modifyPanelNotCaptilized select, .modifyPanelNotCaptilized input {    
    border-radius: 4px;
    padding: 4px 6px;
    color: #5B646E;
}

    .modifyPanel input:focus, .modifyPanelNotCaptilized input:focus {
        padding: 4px 6px;
    }

#main #pnlStatsHome .pnlRight .liveStatsHolder {
    border-radius: 14px;
    background-color: #ffffff;
    border-color: var(--acc-ws-border-color1);
    padding: 14px;
}

#menucont #menu {
    background-color: #FCFCFC;
    height: 47px;
    border-bottom: 1px solid whitesmoke;
}

    #menucont #menu li a {
        color: #404952;
        border-radius: 6px;
        border-width: 1px;
        text-transform: none;
        font-size: 14px;
        border-color: transparent;
    }

    #menucont #menu li:hover,
    #menucont #menu #menuSearch li:hover {
        border-width: 1px;
        border-radius: 6px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: transparent;
        border-color: transparent;
    }

    #menucont #menu li a:hover,
    #menucont #menu #menuSearch li a:hover {
        border-radius: 6px;
        border-width: 0px;
    }

    #menucont #menu .mnuCustomer a:hover,
    #menucont #menu .mnuModule a:hover,
    #menucont #menu .dropdown_1column a:hover,
    #menucont #menuSearch .col_1 a:hover {
        background-color: var(--acc-ws-bg-color1);
        border-radius: 6px;
        border-width: 1px;
        text-transform: none;
        border-color: transparent;
    }

    #menucont #menu .dropdown_1column a {
        padding: 5px 0px 3px 10px;
    }

        #menucont #menu .dropdown_1column a:hover,
        #menucont #menu #menuSearch li .dropdown_container a {
            text-decoration: none;
            padding: 5px 0px 3px 10px;
        }

    #menucont #menu .modulesRight a:hover {
        text-decoration: underline;
    }

    #menucont #menu #drpPanelCustomer,
    #menucont #menu .moduleContainerPanel,
    #menucont #menu .dropdown_1column,
    #menucont #menu .dropdown_4columns,
    #menucont #menu #menuSearch .dropdown_1column_search {
        border-radius: 14px;
        border-width: 2px;
        border-color: #e4dcde;
        background-color: #ffffff;
    }

    #menucont #menu div a {
        font-size: 12px;
    }

    #menucont #menu #drpPanelCustomer .dropdown_footer,
    #menucont #menu .dropdown_4columns .dropdown_footer {
        background-color: transparent;
    }

    #menucont #menu .pnlMenuBtns {
        background-color: #fcfcfc;
    }

    #menucont #menu .menuSearchBox {
        border-radius: 6px;
        border: 1px solid #CCCCCC;
    }

    #maincont #main h6, #menucont #menu h6 {
        background-color: #ffffff;
        color: #000000;
        text-transform: none;
        text-decoration: none;
        font-weight: bold;
        letter-spacing: normal;
        padding: 0px;
    }

    #menucont #menu .dropdown_4columns h6 {
        padding-left: 9px;
    }

#maincont #pnlStatsHome .pnlLeft {
    width: 260px;
}

    #maincont #pnlStatsHome .pnlLeft .goButton {
        display: none;
    }

    #maincont #pnlStatsHome .pnlLeft .goImage img {
        width: 18px;
    }

    #maincont #pnlStatsHome .pnlLeft .goTitle {
        padding: 4px 4px 4px 10px;
    }

        #maincont #pnlStatsHome .pnlLeft .goTitle a {
            text-decoration: none;
            text-transform: none;
            border-width: 0px;
            color: #000000;
        }

            #maincont #pnlStatsHome .pnlLeft .goTitle a:hover {
                border-width: 0px;
                color: #0D5B57;
                text-decoration: none;
                text-transform: none;
            }

    #maincont #pnlStatsHome .pnlLeft .boxHelperTitle {
        border-width: 0px;
    }

        #maincont #pnlStatsHome .pnlLeft .boxHelperTitle:hover {
            background-color: var(--acc-ws-bg-color1);
            border-width: 0px;
        }

#maincont .pnlLeft h5 {
    text-decoration: none;
    text-transform: none;
}

#maincont .pnlLeft .liveStatsHolder {
    border-bottom-width: 0px;
}

#maincont .pnlLeft a.moduleInstalledLeft {
    background-image: url(/Images/misc/iconset/svg/1x/dot.svg);
    background-position: 0px;
    padding: 4px 4px 4px 30px;
    border-width: 0px;
    width: auto;
    text-decoration: none;
    text-transform: none;
    display: block;
    float: none;
    color: #000000;
    height: auto;
    font-size: 1em;
}

    #maincont .pnlLeft a.moduleInstalledLeft:hover {
        background-color: var(--acc-ws-bg-color1);
        border-width: 0px;
    }

#maincont .modValues table {
    border-left: #e6e6e6 1px solid;
    border-spacing: 0px;
}

    #maincont .modValues table th, #maincont .modValues table td {
        border-left-width: 0px;
    }

#main .homeStath1 {
    margin-bottom: 0px;
    border-bottom-color: var(--acc-ws-border-color1);
    padding: 10px 15px 20px 20px;
}

#main #pnlStatsHome .pnlRight {
    padding: 0px;
    border-left: 1px solid var(--acc-ws-border-color1);
}

#main #pnlStatsHome .pnlRightContentContainer {
    background-color: #F6FAFD;
}

#footercont {
    background-color: #ffffff;
    border-top-width: 0px;
    margin-top: 0px;
}

#menucont #menu .dropShadowBottomRight {
    box-shadow: none;
}

#pnlTopMenu {
    position: sticky;
    top: 0;
    z-index: 249;
}

#pnlQuickSearch #pnlQuickSearchInner2, #pnlSupport #pnlQuickSearchInner1 {
    border-radius: 10px;
    border-width: 2px;
    border-color: #e4dcde;
}

#pnlQuickSearch #pnlQuickSearchInner1ButtonBar,
#pnlQuickSearch #pnlQuickSearchInner1ButtonBar2,
#pnlSupport #pnlQuickSearchInner1ButtonBar {
    background-color: transparent;
}

#pnlSupport .dropShadowBottomRight {
    box-shadow: none;
}

.ui-widget.ui-widget-content {
    border-radius: 10px;
    border: 2px solid #e4dcde
}

.ui-dialog .ui-dialog-titlebar {
    background-color: transparent;
}

.ui-dialog .ui-dialog-title {
    color: #000000;
    text-transform: none;
    font-size: 15px;
    font-weight: bold;
}

.ui-widget .ui-dialog-content {
    margin: 15px;
}

.ui-widget .searchMultiFooter {
    background-color: transparent;
}

#maincont #main .txtDeleteImg img, #maincont #main .txtDeleteImg .deleteImgInput img {
    padding-left: 0px;
}

#maincont .boxHelper {
    border-radius: 14px;
    border-color: var(--acc-ws-border-color1);
}

    #maincont .boxHelper .boxHelperDesc {
        background-color: transparent;
        padding: 20px;
        border-top-color: var(--acc-ws-border-color1);
    }

    #maincont .boxHelper .boxHelperTitle a {
        text-transform: none;
        font-weight: bold;
    }

    #maincont .boxHelper .boxHelperTitle .goButton {
        display: none;
    }

#maincont .dropShadow {
    box-shadow: 0px 1px 3px 0px #0000001a,0px 1px 2px -1px #0000001a;
}

#maincont .boxHelper .boxHelperTitle:hover {
    background-color: transparent;
}

.pnlConfirmed, .pnlConfirmedFloatingTop, .pnlInfo {
    border-width: 1px;
    border-style: solid;
    border-color: var(--acc-ws-pnl-warn-border-color1);
    background-color: var(--acc-ws-pnl-warn-bg-color1);
    border-radius: 6px;
    background-image: none;
}

.pnlConfirmedFloatingTop {
    width: 1140px;
}

.stopPanel, .pnlStop {
    border-width: 1px;
    border-style: solid;
    border-color: var(--acc-ws-pnl-stop-border-color1);
    background-color: var(--acc-ws-pnl-stop-bg-color1);
    border-radius: 6px;
    background-image: none;
}

.pnlHolder, .pnlHolder1, .pnlHolder10, .pnlHolder11, .priceContainer, .reportBox, .pnlGreyWarningInfo {
    border-radius: 6px;
}

.pnlGreyWarningInfo {
    border: 1px solid #EBEFF2;
    background-image: none;
    background-color: whitesmoke;
}

#ddialog-search .sRecord:hover, #ddialog-postcode .sRecord:hover {
    background-color: var(--acc-ws-bg-color1);
}

#main .pagerLinks span {
    background-color: #ffffff;
    padding: 5px;
    border-color: var(--acc-ws-border-color1);
    color: #000000;
}

.pagination a {
    display: inline-block;
    background-color: #428bca;
    border: 1px solid #428bca;
    text-align: center;
    color: #ffffff;
    margin-right: 2px;
    width: 25px;
    margin-top: 3px;
    border-radius: 4px;
}

#maincont .pagination a {
    padding: 8px 6px 8px 6px;
}

#maincont .pagination .active a {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 4px;
    border-color: var(--acc-ws-border-color1);
    color: #000000;
}

#main .pagerLinks a {
    padding: 4px;
    color: #000000;
}

#maincont .pagerLinks a:hover {
    padding: 4px;
}

#maincont .pagerLinks a:hover, #maincont .pagination a:hover {
    background-color: var(--acc-ws-bg-color1);
}

#maincont .liveStatsHolder h5 {
    text-transform: none;
    color: var(--acc-ws-text-color1);
    letter-spacing: normal;
    font-size: initial;
    padding: initial;
}

#pnlStatsHome .pnlLeft h5 {
    font-size: 11px;
    padding-top: 10px;
}

#ltrUnActionedRequestsTotals .requestCountWrapper .requestCount {
    background-color: var(--acc-ws-kp1-bk3);
    color: var(--acc-ws-kp1-color3);
}

#main #ltrUnActionedRequestsTotals th {
    font-weight: normal;
}

#maincont .ui-tabs > ul, #main .ui-tabs > ul {
    background-color: #EBEFF2;
    border-radius: 5px;
    padding: 4px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
    align-items: center;
    flex-shrink: 0;
}

#maincont .ui-tabs > ul li, #main .ui-tabs > ul li {
    min-width: 0;
    flex-shrink: 1;
}

#maincont .ui-tabs > ul li a, #main .ui-tabs > ul li a {
    overflow: hidden;
    text-overflow: ellipsis;
}

#maincont .ui-tabs > ul > span, #main .ui-tabs > ul > span {
    margin-left: auto;
    flex-shrink: 0;
}

#main #pnlSettingsTabs .ui-tabs > ul {
    background-color: transparent;
    display: block;
    overflow-x: visible;
}

#maincont .ui-tabs-vertical > ul, #main .ui-tabs-vertical > ul {
    display: block;
    overflow-x: visible;
    overflow-y: visible;
    background-color: transparent;
    border-radius: 0;
    padding: .2em .1em .2em .2em;
}

#tabs .ui-state-default,
#searchTabs .ui-tab .ui-tabs-tab,
#searchTabs .ui-state-default,
#haztabs .ui-state-default,
#stabs .ui-state-default,
#subtabs .ui-state-default,
#pnlFrequencySetup .ui-state-default {
    background-color: transparent;
    border-width: 0px;
    border-radius: 5px;
    background-color: inherit;
}

#pnlTabsRight #tabs .ui-state-default,
#main #tabs .ui-state-default,
#maincont #tabs .ui-state-default,
#main #subtabs .ui-state-default {
    background-color: inherit;
}


/*#maincont .ui-tabs-nav, #main .ui-tabs-nav {
    width: auto;
}*/

#tabs .ui-tabs .ui-widget-header,
#searchTabs .ui-tabs .ui-widget-header,
#haztabs .ui-tabs .ui-widget-header,
#stabs .ui-tabs .ui-widget-header,
#pnlFrequencySetup .ui-widget-header {
    border-bottom-width: 0px;
}

#tabs .ui-state-active,
#main #tabs .ui-state-active,
#maincont #tabs .ui-state-active,
#main #subtabs .ui-state-active,
#searchTabs .ui-state-active,
#haztabs .ui-state-active,
#mainSkipInputContainer #tabs .ui-state-active,
#stabs .ui-state-active,
#pnlFrequencySetup .ui-state-active {
    background-color: #ffffff;
    border-width: 0px;
}

#mainSkipInputContainer #tabs .ui-tabs-active a {
    border-bottom-width: 0px;
    border-bottom: none;
    border-color: inherit;
}

#main #tabs .ticketImgCount, #main #tabs .badgeRed, #main #tabs .badgeGreen {
    top: 0px;
}

.genericTableRow td {
    padding: 6px 4px;
}

.ui-dialog .ui-dialog-buttonpane button {
    border: 1px solid var(--acc-ws-border-color1);
    font-weight: normal;
    background-color: var(--acc-ws-bg-color2);
    background-image: url();
    color: #ffffff;
    border-radius: 4px;
    text-transform: none;
    --border-color: var(--acc-ws-border-color1);
    padding: 10px 22px
}

    .ui-dialog .ui-dialog-buttonpane button:hover {
        border: 1px solid var(--acc-ws-border-color1);
        background-image: url();
        font-weight: normal;
        background-color: #006262;
        color: #ffffff;
    }

#headercont {
    display: none;
}

#addressActions a, #addressActions a:visited, #addressActions a:link {
    border-bottom-color: transparent;
    text-transform: none;
    color: #000000;
    letter-spacing: 0px;
    font-size: 12px;
}

#main #addressActions a:hover {
    background-color: var(--acc-ws-bg-color1);
    border-radius: 6px;
    color: #000000;
    letter-spacing: 0px;
    font-size: 12px;
}

#addressActions .title {
    text-transform: none;
    color: var(--acc-ws-text-color1);
    letter-spacing: normal;
    font-size: 11px;
    padding: initial;
    border-bottom-width: 0px;
}

#maincont .scLeftButtons .LargeBtn2 {
    padding-bottom: 2px;
    line-height: 25px;
}

h1, h2, h3, h4, #maincont h1, #maincont h1AddressOnStop, #maincont h1AccountOnStop, #pnlDeatailsPop h1 {
    font-size: 22px;
    letter-spacing: normal;
    color: #000000;
    margin: 5px 0px 10px 0px;
    padding: 0px 10px 15px 0px;
}

.smallPop {
    border-radius: 4px;
    --border-color: #828E99;
    padding-top: 4px;
    padding-bottom: 4px;
}

    .smallPop div:first-child {
        background-color: transparent;
        text-decoration: none;
        color: #000000;
        text-transform: none;
        font-size: 15px;
        font-weight: bold;
    }

.ui-button:hover .ui-icon {
    background-image: url(images/ui-icons_777777_256x240.png);
    border: 1px solid #828E99 !important;
    box-shadow: none;
    background-color: transparent;
    right: 0.5em;
}

#maincont .pagination-container ul {
    background-color: #ffffff;
}