#lookupPanel .NavigationLink {
    /* padding: 10px 0 10px 0; */
    display: block;
    font-size: 12PX;
    margin: 2px 0px 2px 10px;
}

.NavigationLink {
    font-size: 150%;
    font-weight: normal;
    /* padding: 10px 0 10px 0; */
    margin: 20px 0 20px 0;
    display: block;
    /*float: left;*/
}


/* Override the td padding-right on the AJAX Toolkit Calendar control to compensate for the default 15px padding in this style sheet. */
.ajax__calendar_container td {
    padding-right: 0px;
}

.text-uppercase {
    text-transform: uppercase;
}

.vehicleListItem {
    padding: 5px 10px 5px 10px;
    color: #FFF;
    font-weight: bold;
    background: #9C0 url('../images/theme/menu.png') repeat-x;
}

.vehicleListItemSelected {
    /* background: #f0f8da; */
    background: #333 url('../images/theme/menu-hover.png') repeat-x;
}

/* Prevent the BirdsEye popup from appearing on the maps. */
#MSVE_obliqueNotification {
    visibility: hidden;
}

/* Intended for use with C1 WebSplitter. */
.C1WebSplitter table {
    border-collapse: collapse;
}

.C1WebSplitter td {
    padding: 0px;
}

.vehicleIcon {
    width: 100px;
}

.aButton {
    cursor: pointer;
}

tr {
    vertical-align: top;
}

td {
    padding-right: 10px;
}

body {
    margin: 0;
    padding: 0;
    font-size: 90%;
    color: #444;
}

body, textarea, button, input {
    font-family: "arial", "verdana", "tahoma", "times new roman";
}

th {
    padding-right: 20px;
}

#headercont {
    margin: 0 auto;
    width: 100%;
    min-height: 100px;
}

#header {
    margin: 0 auto;
    width: 1160px;
    /*height: 100px;*/
}


    #header h1 span {
        color: #FFF;
        font-weight: bold;
    }

#menucont {
    width: 100%;
    height: 41px;
}

#menucont {
    margin: 0 auto;
    width: 100%;
    line-height: 150%;
}

#maincont {
    margin: 0 auto;
    width: 100%;
    line-height: 150%;
}

    #maincont h1, h2, h3, h4, #maincont h1AddressOnStop, #maincont h1AccountOnStop, #pnlDeatailsPop h1 {
        margin: 2px 0px 9px 0px;
        padding: 0px 10px 15px 0px;
        font-size: 13px;
        letter-spacing: 5px;
        border-top: 0px solid gray;
        border-bottom: 1px solid #F1F4F5;
        font-weight: normal;
    }

    #maincont h6 {
        font-weight: BOLD;
        padding: 6px 2px 4px 10px;
        font-size: 10px;
        margin: 10px 0px 5px 0px;
        color: #ffffff;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    #maincont h8 {
        font-weight: BOLD;
        padding: 6px 2px 4px 10px;
        font-size: 10px;
        margin: 10px 0px 5px 0px;
        color: #ffffff;
        letter-spacing: 2px;
        text-transform: uppercase;
        background-color: lightgray;
        color: #ffffff;
        display: block;
    }

#menu h6 {
    font-weight: normal;
    background-color: #ffffff;
    padding: 2px 2px 2px 10px;
    font-size: 12px;
    margin: 0px 0px 5px 0px;
    color: #8ac34a;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#maincont h5, h5 {
    border-bottom: 2px solid gray;
    background-color: transparent;
    padding: 10px 10px 5px 15px;
    font-size: 11px;
    letter-spacing: 3px;
    margin: 0px 0px 5px 0px;
    font-weight: normal;
}

#maincont .h1AddressOnStop, #maincont .h1AccountOnStop, #maincont .h1AccountOnStop a {
    border-bottom-color: #E1282F;
}

#maincont p {
    margin: 0 0 15px 0;
    padding: 0;
}

#maincont a {
    text-decoration: none;
    font-weight: normal;
}

    #maincont a:hover {
        color: #333;
        text-decoration: underline;
        font-weight: normal;
    }


#main {
    margin: 0 auto;
    width: 1160px;
    padding: 18px 18px 15px 18px;
}



#footercont {
    margin: 0 auto;
    width: 100%;
    line-height: 150%;
    font-size: 85%;
    border-top: #8AC34A 7px solid;
    background-color: #777777;
}

#footer {
    margin: 0 auto;
    width: 1160px;
    bborder-top: 1px solid #e9e9e9;
    border-top: #969696 1px solid;
    padding: 20px 0px 0px 0px;
    color: #969696;
}

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

    #footer a {
        text-decoration: none;
    }

        #footer a:hover {
            color: #333;
            text-decoration: none;
        }

#footerleft {
    float: left;
    width: 250px;
    padding: 13px 0;
}

#footerright {
    float: left;
    width: 550px;
    padding: 13px 0;
    text-align: right;
}

.openEndedHighlightBk {
    background-color: ivory;
    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
    padding: 10px 10px 7px 10px;
    color: #ffffff;
}

.openEndedHighlight {
    background-color: ivory;
    border-top: 1px solid whitesmoke;
    border-bottom: 1px solid whitesmoke;
    padding: 20px;
}

.openEndedHighlightGreen {
    background-color: ivory;
    border-top: 1px solid #99cc00;
    border-bottom: 0px solid whitesmoke;
    padding: 20px;
}

.collectionReportTable td, .collectionReportTable th {
    font-size: 10px;
    text-align: left;
}

#toggleInfoBox {
    float: right;
    background-color: #ffffff;
    border-right: solid 1px lightgrey;
    border-bottom: solid 1px lightgrey;
    border-left: solid 1px lightgrey;
    text-decoration: none;
    padding: 3px 5px 3px 5px;
}

#infoBox {
    padding: 2px;
    font-size: 10px;
    border-right: solid 1px lightgrey;
    border-bottom: solid 1px lightgrey;
    border-left: solid 1px lightgrey;
    background-color: White;
    display: none;
}

.recycleSchemeTable, .invoiceSearchTable {
    font-size: 11px;
}

    .recycleSchemeTable td {
        padding: 3px;
        text-align: center;
        font-weight: normal;
    }

    .invoiceSearchTable td {
        padding: 3px;
        text-align: left;
        font-weight: normal;
    }

    .recycleSchemeTable tr, .invoiceSearchTable tr {
        padding: 3px;
        font-weight: bold;
        border-bottom: 1px solid #99cc00;
    }

        .recycleSchemeTable tr.trsummary td {
            background-color: whitesmoke;
            color: #000000;
            font-weight: bold;
        }

.chartCursor {
    cursor: hand;
}

.vehicleTrackingTable th {
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    border-right: 1px solid #C9CACA;
    border-bottom: 1px solid #C9CACA;
    BACKGROUND-image: url('/images/misc/trackingVehicleBK.png');
    background-repeat: repeat-x;
    padding: 2px 2px 2px 7px;
}

    .vehicleTrackingTable th.all {
        BACKGROUND-image: url('/images/misc/trackingVehicleBKAll.png');
    }

.vehicleTrackingTableData td {
    font-size: 11px;
    text-align: left;
    border-bottom: 1px solid #C9CACA;
    border-right: 1px solid #EFEFEF;
    padding: 1px 1px 0px 8px;
}

.navigateHome {
    height: 40px;
    width: auto;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
}

.pnl1CSS {
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
}

.openEndedHighlightBkGreen {
    background-color: #99cc00;
    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
    padding: 10px;
    color: #ffffff;
}

.backHomeLnk {
    display: block;
    float: left;
    height: 25px;
    width: auto;
    padding-top: 4px;
}

.trackingImgBranding {
    background-color: #474747;
    text-align: center;
    padding: 4px;
    text-align: center;
}

.litLoginText {
    text-align: right;
    color: White;
    margin-top: 60px;
}

.productLogoCSSText {
    color: #f89a45;
    font-weight: normal;
    padding: 1px 10px 1px 4px;
    border: 1px solid #dee0e1;
    border-right: 10px solid #f89a45;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
}

#popContacts {
    width: 250px;
    height: 150px;
    background-color: #f8f9f9;
    border: 2px solid #c9caca;
    position: absolute;
    display: none;
    z-index: 500;
    padding: 10px;
}

#contactPopUp {
    font-size: 11px;
    text-align: left;
    padding-top: 3px;
}

    #contactPopUp th {
        background-color: lightgrey;
        border-bottom: 1px solid gray;
        padding: 0px 2px 0px 3px;
        text-align: left;
    }

    #contactPopUp td {
        border-bottom: 1px solid lightgrey;
        padding: 0px 2px 0px 3px;
    }

.jobNoteNotes {
    border: 1px solid lightgrey;
}

.jobNoteTitle {
    border-top: 1px solid #90c600;
    padding: 10px;
    padding-bottom: 2px;
    background-color: whitesmoke;
    font-size: 12px;
}

.jobNoteDescription {
    padding-top: 5px;
    padding: 15px;
    padding-top: 2px;
    background-color: whitesmoke;
    font-size: 11px;
}

a.popJobLink {
    text-decoration: none;
    color: Green;
}

    a.popJobLink:hover {
        text-decoration: underline;
        color: Green;
    }

#dialog-message {
    display: none;
}

#dialog-message, .ui-dialog-buttonpane {
    font-family: arial;
    font-size: 12px;
}

.NavigationLink1 {
    font-size: 150%;
    font-weight: normal;
    /* padding: 10px 0 10px 0; */
    margin: 20px 0 20px 0;
    /*float: left;*/
}

.searchResults {
    height: AUTO;
    width: 800px;
    padding: 15px;
    font-size: 11px;
    background-color: ivory;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
}

#addressSearchResults, #accountSearchResults {
    overflow: auto;
    max-height: 200px;
    width: auto;
}

.actionLinks ul {
    list-style-image: url(/images/misc/arrow.png);
    margin: 0px 0px 0px -15px;
    *margin: 5px 0px 0px 20px;
}

.docBox {
    width: 200px;
    text-align: center;
    display: block;
    border: 1px solid #e5e5e5;
    background-color: #f7f7f7;
    padding: 5px;
}

.subHeader {
    border-bottom: 1px solid lightgray;
    padding: 5px 5px 0px 5px;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
}

.Btn, .BtnNoPad {
    background-image: url('/images/misc/bkGray.png');
    background-repeat: repeat-x;
    border: 1px solid #DBDBDB;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
}

.Btn {
    padding: 0px 30px 0px 30px;
    user-select: none;
}

    .Btn:hover, .BtnNoPad:hover {
        background-image: none;
        background-color: #f6f6f6;
    }

.BtnBlue {
    padding: 2px 10px 0px 10px;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0px;
    display: inline-block;
    cursor: pointer;
    height: 36px;
    text-transform: uppercase;
}

    .BtnBlue:hover {
        background-color: #f6f6f6;
    }

.DialogBtn {
    background-image: url('/images/misc/bkGray.png');
    background-repeat: repeat-x;
    border: 1px solid #DBDBDB;
    padding: 5px 30px 5px 30px;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
}

    .DialogBtn:hover {
        background-image: none;
        background-repeat: repeat-x;
        border: 1px solid #DBDBDB;
        background-color: #f6f6f6;
        padding: 5px 30px 5px 30px;
        font-weight: bold;
        font-size: 12px;
        letter-spacing: 0px;
        display: inline-block;
        cursor: pointer;
    }

.BtnGraphic {
    background-image: url('/images/misc/bkGray.png');
    background-repeat: repeat-x;
    border: 1px solid #DBDBDB;
    display: inline-block;
    cursor: pointer;
}

    .BtnGraphic:hover {
        background-image: url('');
        background-repeat: repeat-x;
        border: 1px solid #DBDBDB;
        background-color: #f6f6f6;
        display: inline-block;
        cursor: pointer;
    }

h1 .Btn, h5 .Btn {
    border-width: 0px;
    border-left: 1px dotted #e2e2e2;
    background-image: url('');
    background-color: transparent;
    padding: 0px 15px 0px 15px;
    font-weight: bold;
    font-size: 12px;
    *padding: 0px 15px 0px 15px;
    letter-spacing: 0px;
    display: inline-block;
    cursor: pointer;
}

    h1 .Btn:hover, h5 .Btn:hover {
        border-width: 0px;
        border-left: 1px dotted #e2e2e2;
        background-image: url('');
        background-color: transparent;
        padding: 0px 15px 0px 15px;
        font-weight: bold;
        font-size: 12px;
        *padding: 0px 15px 0px 15px;
        letter-spacing: 0px;
        display: inline-block;
        cursor: pointer;
    }

h1 .BtnLeft, h5 .BtnLeft {
    border-width: 0px;
    background-image: url('');
    background-color: transparent;
    padding: 0px 15px 0px 15px;
    font-weight: normal;
    font-size: 12px;
    *padding: 0px 15px 0px 15px;
    letter-spacing: 0px;
    display: inline-block;
    cursor: pointer;
}

    h1 .BtnLeft:hover, h5 .BtnLeft:hover {
        border-width: 0px;
        background-image: url('');
        background-color: transparent;
        padding: 0px 15px 0px 15px;
        font-weight: normal;
        font-size: 12px;
        *padding: 0px 15px 0px 15px;
        letter-spacing: 0px;
        display: inline-block;
        cursor: pointer;
    }

h1 .shorten {
    width: 560px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.BtnSlim {
    background-image: url('/images/misc/bkGray.png');
    background-repeat: repeat-x;
    border: 1px solid #DBDBDB;
    padding: 4px 20px 4px 20px;
    font-weight: bold;
    font-size: 12px;
}

.LargeBtn {
    background-image: url('/images/misc/bkGrayLarge.png');
    background-repeat: repeat-x;
    border: 1px solid #DBDBDB;
    padding-top: 12px;
    font-weight: bold;
    font-size: 12px;
    height: 28px;
    width: 200px;
    text-align: center;
    display: block;
    outline: none;
}

    .LargeBtn:hover {
        background-image: url('');
        background-color: #f6f6f6;
    }

.BtnDropdownContainer {
    width: 200px;
    display: inline-block;
    position: relative;
}

    .BtnDropdownContainer .BtnDropdownLeft, .BtnDropdownContainer .BtnDropdownRight {
        background-image: url('/images/misc/bkGrayLarge.png');
        background-repeat: repeat-x;
        line-height: 42px;
        vertical-align: middle;
        font-weight: bold;
        font-size: 12px;
        height: 42px;
        text-align: center;
        margin: 0;
        text-decoration: none;
        outline: none;
        display: inline-block;
        border: 1px solid #DBDBDB;
    }

        .BtnDropdownContainer .BtnDropdownLeft:hover, .BtnDropdownContainer .BtnDropdownRight:hover {
            background-image: url('');
            background-repeat: repeat-x;
            background-color: #f6f6f6;
        }

    .BtnDropdownContainer .BtnDropdownLeft {
        width: 100%;
    }

    .BtnDropdownContainer .BtnDropdownRight {
        position: absolute;
        top: 0;
        right: -2px;
        width: 20px;
    }

.BtnDropdownMenu {
    display: block;
    position: absolute;
    background-color: #f6f6f6;
    border-left: 1px solid #DBDBDB;
    border-right: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB;
    padding: 10px;
    width: 180px;
    z-index: 2000 !important;
}

    .BtnDropdownMenu ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

        .BtnDropdownMenu ul li {
            line-height: 30px;
            width: 100%;
        }

            .BtnDropdownMenu ul li a {
                padding-left: 5px;
            }

            .BtnDropdownMenu ul li.lineBreak {
                border-bottom: 1px solid #EAEAEA;
                margin: 4px 2px 4px 0px;
            }

.LargeBtn1, #maincont a.LargeBtn1 {
    display: inline-block;
    background-image: url('/images/misc/bkBlue1.png');
    background-size: contain;
    border: 1px solid #DBDBDB;
    padding: 10px 5px;
    font-weight: normal;
    height: 25px;
    line-height: 27px;
    width: 200px;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    cursor: pointer;
    color: #ffffff;
    margin: 0;
    box-sizing: content-box;
    text-decoration: none;
    outline: none;
}

    .LargeBtn1:hover, #maincont a.LargeBtn1:hover {
        background-image: url('');
        background-color: #96C0FF;
    }

.LargeBtn2, #maincont a.LargeBtn2, .ui-widget-content a.LargeBtn2 {
    display: inline-block;
    background-image: url('/images/misc/bkBlue1.png');
    background-size: contain;
    border: 1px solid #DBDBDB;
    padding: 10px 22px;
    min-height: 25px;
    line-height: 27px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    cursor: pointer;
    color: #ffffff;
    margin: 0;
    box-sizing: content-box;
    outline: none;
    white-space: normal;
}

    .LargeBtn2:hover, #maincont a.LargeBtn2:hover, .ui-widget-content a.LargeBtn2:hover {
        background-image: url('');
        background-color: #96C0FF;
    }

.LargeBtn3 {
    background-image: url('/images/misc/bkGrayLarge.png');
    background-size: contain;
    border: 1px solid #DBDBDB;
    font-weight: bold;
    height: 25px;
    line-height: 27px;
    padding: 10px 12px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    cursor: pointer;
    margin: 0px 5px 0px 0px; /* // CM - WSFIVE-11340 - 22/04/2021 Add Material Picking List Print option*/
    margin: 0;
    box-sizing: content-box;
    outline: none;
}

    .LargeBtn3:hover {
        background-image: url('');
        background-color: #f6f6f6;
    }

.LargeBtn4 {
    background-image: url('/images/misc/bkGrayLarge.png');
    background-repeat: repeat-x;
    border: 1px solid #DBDBDB;
    height: 26px;
    line-height: 27px;
    padding: 6px 22px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    cursor: pointer;
    outline: none;
    margin: 0;
    box-sizing: content-box;
}

    .LargeBtn4:hover {
        background-image: url('');
        background-color: #f6f6f6;
    }

.LargeBtn5 {
    border: 1px solid #DBDBDB;
    padding-top: 12px;
    font-weight: normal;
    height: 30px;
    padding: 5px 22px 5px 22px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    cursor: pointer;
    color: #ffffff;
    outline: none;
}

    .LargeBtn5:hover {
        border: 1px solid #DBDBDB;
        background-color: #96C0FF;
    }

.LargeBtn2Gray, #maincont a.LargeBtn2Gray, .ui-widget-content a.LargeBtn2Gray {
    background-color: lightgray;
    border: 1px solid #DBDBDB;
    padding-top: 12px;
    font-weight: normal;
    height: 30px;
    padding: 10px 22px 0px 22px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    cursor: pointer;
    color: gray;
    font-weight: normal;
    text-decoration: none;
    outline: none;
}

    .LargeBtn2Gray:hover, #maincont a.LargeBtn2Gray:hover, .ui-widget-content a.LargeBtn2Gray:hover {
        background-color: gray;
        color: #ffffff;
    }

.LargeBtn6 {
    border: 1px solid #DBDBDB;
    padding-top: 12px;
    font-weight: bold;
    padding: 10px 12px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    cursor: pointer;
    background-color: #FCFCFC;
    outline: none;
    height: 25px;
    line-height: 27px;
}

    .LargeBtn6:hover {
        border: 1px solid #DBDBDB;
        background-color: #f6f6f6;
    }

.ui-tabs {
    font-family: Arial;
    font-size: 12px;
    border-bottom-color: #ffffff;
}

#tabs.ui-widget-content, #subtabs.ui-widget-content, #stabs.ui-widget-content, #eventTabs.ui-widget-content, #paymentDetails-tabs.ui-widget-content, #searchTabs.ui-widget-content, #tabsMaterial.ui-widget-content {
    background-color: transparent;
    border-width: 0px;
    background-image: none;
}

.ui-dialog {
    border: 1px solid lightgray;
    border-top-width: 0px;
    padding: 0px;
    -moz-box-shadow: 5px 5px 20px lightgray;
    -webkit-box-shadow: 5px 5px 20px lightgray;
    box-shadow: 5px 5px 20px lightgray;
}

.ui-widget-header {
    background-color: transparent;
    border-width: 0px;
    border-bottom: 1px solid #e9e9e9;
    background-image: none;
}

.ui-dialog-titlebar {
    border-width: 0px;
    background-color: #2B579A;
    /*
    background: #014464;
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#0272a7", endColorStr="#013953"); 
    */
}

.ui-widget-content, .ui-widget-content .ui-state-active {
    background-color: #ffffff;
    background-image: none;
}

.ui-corner-all {
    border-radius: 0px;
}

.ui-tabs .ui-tabs-nav LI A {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    padding-left: 7px;
    padding-right: 7px;
}

.fontBold {
    font-weight: bold;
}

.tdPriceCol {
    border-left: 1px solid whitesmoke;
    border-right: 1px solid whitesmoke;
    background-color: #faf8f7;
}

.thPriceCol {
    border-left: 1px solid whitesmoke;
    border-right: 1px solid whitesmoke;
    background-color: whitesmoke;
}

.showLinkTrue {
    display: block;
}

.showLinkFalse {
    display: none;
}

.gvTransactions th, .gvTransactions td {
    padding-right: 0px;
}

.genericTable, .genericTable textarea {
    font-size: 12px;
}

    .genericTable .alignLeft {
        text-align: left;
    }

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

    .genericTable .alignCenter {
        text-align: center;
    }

    .genericTable .trCrossHires td {
        margin: 5px 0px 5px 0px;
        padding: 5px 0px 5px 0px;
        background-color: #0495D8;
    }

    .genericTable .trMerchantHeader th {
        margin: 5px 0px 5px 0px;
        padding: 5px 0px 5px 0px;
        background-color: #d9d9d9;
        border-top: 5px solid #ffffff;
    }

    .genericTable .trMerchantPrices td {
        margin: 5px 0px 5px 0px;
        padding: 5px 0px 5px 5px;
        background-color: whitesmoke;
        border-bottom: 5px solid #ffffff;
    }

    .genericTable .trMerchantPricesDualLine td {
        margin: 5px 0px 5px 0px;
        padding: 5px 0px 5px 0px;
        background-color: whitesmoke;
    }

/*Generic table without table, tr, td elements*/
/*Used to encapsulate one table in another*/
.divTable {
    display: table;
}

.divTableBody {
    display: table-row-group;
}

.divTableRow {
    display: table-row;
}

.divTableCell {
    display: table-cell;
    padding: 5px;
    vertical-align: top;
}

.agedBalance .alignLeft {
    text-align: left;
}

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

.agedBalance .alignCenter {
    text-align: center;
}

.genericTableLeftAlligned {
    font-size: 12px;
}

.genericTableStats th {
    text-align: center;
    font-size: 12px;
    border-bottom: 1px solid whitesmoke;
    padding-top: 10px;
    padding-right: 10px;
}

.genericTableStats td {
    text-align: center;
    font-size: 12px;
    padding-right: 10px;
}

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

.genericTableStats .alignLeft {
    text-align: left;
}

.genericTableStats .total {
    text-decoration: underline;
}

.genericTableRow {
    font-size: 12px;
    border-collapse: collapse;
    border-spacing: 0px;
}

    .genericTableRow .alignLeft {
        text-align: left;
    }

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

    .genericTableRow .alignCenter {
        text-align: center;
    }

    .genericTableRow td {
        border-bottom: 1px solid #EAEAEA;
        padding-top: 4px;
        padding-bottom: 2px;
    }

.genericTableRowNoBorder td {
    padding-top: 4px;
    padding-bottom: 2px;
}

.genericTableRow .pagerLinks td {
    border-bottom: 0px solid whitesmoke;
    padding-top: 7px;
    padding-bottom: 2px;
}

.genericTableRow th, .genericTableRow td {
    padding-right: 2px;
}

    .genericTable td img, .genericTableRow td img, .genericTable td input[type=image], .genericTableRow td input[type=image] {
        padding: 2px;
        padding-bottom: 0;
        min-width: 15px;
    }

.genericTable td .btnDate {
    position: relative;
    top: 3px;
    padding-bottom: 0;
}

.genericTableRow_AWS td {
    border-bottom: 1px solid #EAEAEA;
    padding-top: 2px;
    padding-bottom: 0px;
}

.agedBalance, .agedBalance th {
    font-size: 12px;
    border-bottom: 1px solid lightgray;
}

.exportText {
    font-size: 12px;
    color: #ffffff;
    FLOAT: right;
    padding-top: 5px;
}

.exportLink {
    width: auto;
    float: right;
    padding-top: 1px;
}

.exportOverview {
    float: left;
    padding-top: 5px;
}

.OverviewHolder {
    height: 26px;
    padding-top: 5px;
    padding-right: 5px;
}

.footerSupport {
    font-size: 12px;
}
/* POPUP MAP CSS */
.mapHolder {
    position: absolute;
    width: auto;
    height: auto;
    top: 15px;
    left: 15px;
    display: none;
    z-index: 500;
    border: 2px solid lightgray;
}

.mapHandle {
    display: block;
    width: auto;
    height: 20px;
    font-weight: bold;
    color: #ffffff;
    padding: 5px;
    cursor: move;
}

.mapInformation {
    display: block;
    width: auto;
    height: 20px;
    background-color: ivory;
    border-top: 1px solid whitesmoke;
    padding: 3px;
    font-size: 12px;
}

.mapCloseBtn {
    float: right;
    display: block;
    width: 10px;
    padding: 4px;
}

.mapInfoTitle {
    font-weight: bold;
}

.gvJobsSort tr {
    width: auto;
}

    .gvJobsSort tr td {
        display: block;
        padding: 5px;
        font-size: 11px;
        background-color: whitesmoke;
        border-bottom: 1px solid lightgray;
        text-align: left;
        cursor: pointer;
    }

#tabs .ui-state-highlight, #subtabs .ui-state-highlight, #stabs .ui-state-highlight, #eventTabs .ui-state-highlight, #paymentDetails-tabs .ui-state-highlight, #searchTabs .ui-state-highlight, #tabsMaterial .ui-state-highlight, #haztabs .ui-state-highlight {
    width: 100%;
    display: inline-block;
    padding: 10px;
    font-size: 13px;
    background-color: ivory;
    height: 30px;
}

.ui-dialog .ui-dialog-title {
    font-weight: normal;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0.5em;
    color: #ffffff;
}

.productHeader {
    width: auto;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

.DeAssignX {
    float: left;
    background: url('/images/map/popup/exit.gif') no-repeat 3px 3px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
}

.ui-corner-all, .ui-corner-left, #tabs .ui-corner-top, #tabs .ui-corner-all, #subtabs .ui-corner-top, #subtabs .ui-corner-all, #stabs .ui-corner-top, #stabs .ui-corner-all, #paymentDetails-tabs .ui-corner-top, #searchTabs .ui-corner-top, #eventTabs .ui-corner-all, #searchTabs .ui-corner-all, #tabsMaterial .ui-corner-top, #tabsMaterial .ui-corner-all, #haztabs .ui-corner-all {
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

#tabs .ui-state-default, #subtabs .ui-state-default, #searchTabs .ui-state-default, #tabsMaterial .ui-state-default, #eventTabs .ui-state-default, #eventTabs .ui-state-default, #haztabs .ui-state-default {
    background-image: none;
    border-left-color: #ffffff;
    border-top-color: #ffffff;
    border-right-color: #ffffff;
    background-color: #ffffff;
    color: #62768D;
}


#paymentDetails-tabs .ui-state-default {
    background-image: none;
    border-left-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    background-color: transparent;
    color: #000000;
}

#paymentDetails-tabs .ui-tabs-selected {
    border-left-color: #514e4e;
    border-top-color: #514e4e;
    border-right-color: #514e4e;
    background-color: #514e4e;
    color: #ffffff;
}

#tabs .ui-tabs-selected, #subtabs .ui-tabs-selected, #searchTabs .ui-tabs-selected, #tabsMaterial .ui-tabs-selected, #eventTabs .ui-tabs-selected, #haztabs .ui-tabs-selected {
    border-left-color: #e9e9e9;
    border-top-color: #e9e9e9;
    border-right-color: #e9e9e9;
}

#paymentDetails-tabs LI A {
    color: #000000;
}

#paymentDetails-tabs .ui-tabs-selected a {
    color: #ffffff;
}

#tabs LI A, #subtabs LI A, #searchTabs LI A, #tabsMaterial LI A, #haztabs LI A {
    color: #8495A9;
}

#tabs .ui-tabs-selected A, #subtabs .ui-tabs-selected A, #searchTabs .ui-tabs-selected A, #tabsMaterial .ui-tabs-selected A, #eventTabs .ui-tabs-selected A, #haztabs .ui-tabs-selected A {
    color: #000000;
}

.clientLogo {
    width: auto;
    height: auto;
    text-align: center;
    color: lightgray;
}

.addressesClientLogin th {
    display: none;
}

.subTotalCalcs td {
    padding: 5px;
    border-top: 2px solid gray;
    background-color: whitesmoke;
    font-weight: bold;
}

/*.allTotalCalcs td {
    padding: 5px;
    border-top: 2px solid whitesmoke;
    --background-color: gray;
    font-weight: bold;
    color: #ffffff;
}*/

.vehicleNameTag {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    margin-top: 0px;
    border-top-width: 0px;
    text-align: center;
    top: -50px;
    left: -10px;
    background-color: brown;
    font-size: 10px;
    color: #ffffff;
}

.smallSideText {
    font-size: 11px;
    color: gray;
    margin-left: 10px;
    font-weight: normal;
}

.smallText {
    font-size: 11px;
    color: gray;
    font-weight: normal;
}

.smallSideTextLeft {
    font-size: 11px;
    color: gray;
}

.smallSideTextRight {
    font-size: 11px;
    color: gray;
    text-align: right;
}

.smallSideTextCenter {
    font-size: 11px;
    color: gray;
    text-align: center;
}

.pnlHolder {
    width: auto;
    height: auto;
    background-image: url(/images/panel/grid5.gif);
    background-repeat: repeat;
    font-size: 11px;
    border: 1px solid #e5e5e5;
    padding: 15px 15px 15px 15px;
}

.pnlHolder1 {
    width: auto;
    height: auto;
    background-image: url(/images/panel/grid1.gif);
    background-repeat: repeat;
    font-size: 11px;
    border: 1px solid #e5e5e5;
    padding: 15px 15px 15px 15px;
    background-color: #fff7e5;
    border: 1px solid rgba(83,90,96,0.1);
}

.pnlHolder2 {
    font-size: 11px;
    border: 1px solid #e5e5e5;
    padding: 15px 15px 15px 15px;
    color: #ffffff;
    background-color: #0272a7;
}

.pnlHolder3 {
    width: auto;
    height: auto;
    background-image: url(/images/panel/grid5.gif);
    background-repeat: repeat;
    font-size: 11px;
    border: #49a8d6 1px solid;
    padding: 15px;
}

.pnlHolder4 {
    width: auto;
    height: auto;
    background-image: url(/images/panel/grid5.gif);
    background-repeat: repeat;
    font-size: 11px;
    border: #B82E00 1px solid;
    padding: 15px;
}

.pnlHolder5 {
    width: auto;
    height: auto;
    background-image: url(/images/panel/grid5.gif);
    background-repeat: repeat;
    font-size: 11px;
    border: 1px solid #e5e5e5;
    padding: 15px 15px 15px 15px;
    text-align: center;
    margin-bottom: 10px;
}

.pnlHolder6 {
    width: auto;
    height: auto;
    background-image: url(/images/panel/grid5.gif);
    background-repeat: repeat;
    font-size: 16px;
    border: 1px solid #e5e5e5;
    padding: 15px 15px 15px 15px;
    text-align: center;
    margin-bottom: 10px;
}

.pnlHolder7 {
    width: auto;
    height: auto;
    background-image: url(/images/panel/grid5.gif);
    color: Red;
    background-repeat: repeat;
    font-size: 16px;
    border: 1px solid #e5e5e5;
    padding: 10px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

.pnlHolder8 {
    width: auto;
    height: auto;
    background-repeat: repeat;
    font-size: 11px;
    text-align: center;
    border: 1px solid #e5e5e5;
    background-color: #F2F7FD;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .pnlHolder8 td {
        padding: 5px;
    }

.pnlHolder9 {
    width: auto;
    height: auto;
    font-size: 11px;
    border: 1px solid #e5e5e5;
    padding: 15px 15px 15px 15px;
    background-color: #E1ECF4;
    border: 1px solid #96BDD9;
}

.pnlHolder10 {
    width: auto;
    height: auto;
    font-size: 11px;
    border: 1px solid #A0C7E4;
    padding: 15px 15px 15px 15px;
    background-color: #E1ECF4;
}


.pnlHolder11 {
    width: auto;
    height: auto;
    font-size: 11px;
    border: 1px solid rgba(83,90,96,0.1);
    padding: 15px 15px 15px 15px;
    background-color: #FFF6ED;
}



.pnlTitle {
    border-bottom: 1px solid lightgray;
    width: auto;
    font-weight: bold;
    font-size: 13px;
    padding: 0px 0px 0px 5px;
    color: Gray;
}

.panel-stop {
    background-color: #fffff0;
    border: #B82E00 4px solid;
    padding: 20px;
    width: auto;
    text-align: center;
    font-size: 14px;
    background-image: url(/images/panel/grid1.gif);
    background-repeat: repeat;
    color: Gray;
    text-transform: uppercase;
    margin: 10px 0;
}

.stopPanel, .pnlStop {
    margin-top: 20px;
    background-color: #fffff0;
    border: #B82E00 4px solid;
    *border-top: #B82E00 7px solid;
    padding: 20px;
    width: auto;
    text-align: center;
    font-size: 14px;
    background-image: url(/images/panel/grid1.gif);
    background-repeat: repeat;
    color: Gray;
    text-transform: uppercase;
}

    /*LB 27/10/2021 WSFIVE-12319*/
    .stopPanel ul, .pnlStop ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

.pnlSiteAlerts {
    background-color: #fffff0;
    border: #B82E00 4px solid;
    *border-top: #B82E00 7px solid;
    padding: 15px;
    width: auto;
    font-size: 11px;
    background-image: url(/images/panel/grid1.gif);
    background-repeat: repeat;
    color: Gray;
    margin-bottom: 5px;
}

.pnlSiteAlerts1 {
    background-color: #fffff0;
    border: #B82E00 4px solid;
    *border-top: #B82E00 7px solid;
    padding: 15px;
    width: auto;
    background-image: url(/images/panel/grid1.gif);
    background-repeat: repeat;
    color: Gray;
    margin-bottom: 5px;
    text-align: center;
}

.stopPanelTickets, .pnlStopTickets {
    background-color: #b82e00;
    padding: 35px 10px 35px 10px;
    width: 1132px;
    z-index: 200;
    position: absolute;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    cursor: pointer;
}

.stopPanelUncompletedTickets {
    background-color: #b82e00;
    padding: 35px 10px 35px 10px;
    width: 470px;
    z-index: 200;
    position: absolute;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    cursor: pointer;
}

.loadingPanelTickets, .pnlLoadingTickets {
    background-color: ivory;
    border: whitesmoke 1px solid;
    padding: 35px 10px 35px 35px;
    width: 1110px;
    z-index: 200;
    position: absolute;
    text-align: left;
    font-size: 14px;
    background-image: url(/images/panel/grid1.gif);
    background-repeat: repeat;
    color: #4b6c9e;
    text-transform: uppercase;
    letter-spacing: 10px;
}

.quoteSectionConfirm, .pnlQuoteSectionConfirm {
    margin-top: 20px;
    background-color: #dee8f1;
    border: #89ADCD 4px solid;
    padding: 10px;
    width: auto;
    font-size: 14px;
    background-image: url(/images/panel/grid1.gif);
    background-repeat: repeat;
}


.pnlInfo {
    margin-top: 20px;
    background-color: ivory;
    border: #89ADCD 4px solid;
    padding: 20px;
    width: auto;
    font-size: 14px;
    text-align: center;
    background-image: url(/images/panel/grid1.gif);
    background-repeat: repeat;
}

/* CM WSFIVE-13284 03/05/2022 */
.pnlGreyWarningInfo {
    margin-top: 20px;
    background-color: ivory;
    border: gray 4px solid;
    padding: 20px;
    width: auto;
    font-size: 14px;
    text-align: center;
    background-image: url(/images/panel/grid1.gif);
    background-repeat: repeat;
}

.pnlConfirmed {
    margin-top: 20px;
    background-color: ivory;
    border: #89ADCD 4px solid;
    padding: 20px;
    width: auto;
    font-size: 14px;
    text-align: center;
    background-image: url(/images/panel/grid1.gif);
    background-repeat: repeat;
}

.pnlConfirmedFloatingTop {
    background-image: url(/images/panel/grid1.gif);
    background-repeat: repeat;
    background-color: ivory;
    border: #89ADCD 4px solid;
    padding: 35px 10px 35px 10px;
    width: 1132px;
    z-index: 200;
    position: absolute;
    text-align: center;
    font-size: 14px;
}

.quoteSectionConfirmNoLeft {
    background-color: #dee8f1;
    border: #89ADCD 4px solid;
    padding: 10px;
    width: auto;
    font-size: 12px;
    background-image: url(/images/panel/grid1.gif);
    background-repeat: repeat;
    border-left-width: 0px;
    border-right-width: 0px;
}

#pnlQuickSearch, #pnlSupport, #pnlComments, #pnlUpdateDetails {
    width: auto;
    float: right;
    top: -4px;
    position: relative;
    text-align: right;
    z-index: 550;
}

#dialog-scheduler, #dialog-schedulerEditFilters, #dialog-email, #dialog-event {
    width: auto;
    float: right;
    top: 0px;
    text-align: right;
    z-index: 10000;
}

#pnlSchedulerInner {
    background-color: ivory;
    border: #89ADCD 4px solid;
    padding: 5px;
    color: #000000;
    font-size: 12px;
    background-image: url(/images/panel/grid1.gif);
    background-repeat: repeat;
}

.reportBoxTitleBold {
    border-bottom: 1px solid #CCC;
    margin: 0px;
    padding: 5px 5px 5px 10px;
    color: #514e4e;
    font-weight: bold;
    font-size: 15px;
    text-align: left;
}

#pnlQuickSearchInner, .pnlQuickSearchInner {
    background-color: ivory;
    border: #89ADCD 4px solid;
    padding: 5px;
    color: #000000;
    font-size: 10px;
    background-image: url(/images/panel/grid1.gif);
    background-repeat: repeat;
}

#pnlQuickSearchInner3, #pnlQuickSearchInner1, .pnlQuickSearchInner {
    background-color: #ffffff;
    border: #C7C7C7 1px solid;
    color: #000000;
    font-size: 10px;
}

#pnlQuickSearchInner2 {
    background-color: #ffffff;
    border-bottom: #C7C7C7 1px solid;
    color: #000000;
    font-size: 10px;
}

#pnlQuickSearchInner1Content, #pnlQuickSearchInner1Content2 {
    padding: 15px;
}

#pnlQuickSearchInner2Content {
    padding: 5px 10px 5px 10px;
    min-height: 200px;
}

    #pnlQuickSearchInner1Content .reportBoxTitle, #pnlQuickSearchInner2Content .reportBoxTitle, pnlQuickSearchInner1Content2 .reportBoxTitle, #pnlQuickSearchInner1Content .reportBoxTitleNoBorder, #pnlQuickSearchInner2Content .reportBoxTitleNoBorder, pnlQuickSearchInner1Content2 .reportBoxTitleNoBorder {
        border-bottom-width: 0px;
        padding-bottom: 0px;
        font-weight: bold;
    }

#pnlQuickSearchInner1ButtonBar, #pnlQuickSearchInner1ButtonBar2 {
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding: 15px;
    text-align: right;
}

#pnlQuickSearchHome {
    font-size: 11px;
}

    #pnlQuickSearchHome .cssAlternate, #pnlQuickSearchHome .cssAlternateOn {
        padding: 2px;
    }

    #pnlQuickSearchHome .cssAlternate {
        background-color: whitesmoke;
    }

#addressQuickSearch, #skipQuickSearch {
    border-bottom: 1px solid #f2f2f2;
}

#quickSearchResults .codeQuickSearch {
    display: inline-block;
    width: 100px;
}

#quickSearchResults #skipQuickSearch .codeQuickSearch {
    display: inline-block;
    width: 100px;
}

#quickSearchResults .searchHomeRight {
    display: inline-block;
    width: 100px;
    float: right;
}

#quickSearchResults #invoiceQuickSearch .codeQuickSearch {
    display: inline-block;
    width: 140px;
}

.hr {
    height: 1px;
    line-height: 1px;
    width: auto;
    background-color: #cdc3b7;
    border-width: 0px;
    margin-bottom: 20px;
}

.ui-button-icon-primary[OLD] {
    position: absolute;
    width: 16px;
    height: 16px;
    margin-top: 3px;
    margin-left: -25px;
    background-image: url(/images/misc/ui-icons_454545_256x240.png);
}

.ui-button-icon-primary {
    display: inline-block;
    margin: 2px 5px 0px -22px;
    width: 16px;
    height: 16px;
    *position: absolute;
}

.ui-button-icon-primary-Slim {
    display: inline-block;
    margin: 2px 5px 0px -22px;
    width: 16px;
    height: 16px;
    *position: absolute;
}

.ui-button-icon-primary-material {
    display: inline-block;
    margin: 0px 5px -3px 0px;
    width: 16px;
    height: 16px;
    *position: absolute;
}

.nounderline {
    text-decoration: none !important;
}

    .nounderline:hover {
        text-decoration: none !important;
    }

.imgCompanyLogo {
    margin-top: 10px;
}

.imgProductLogo {
    margin-top: 10px;
}

.homeBox {
    width: auto;
    height: auto;
    color: #ffffff;
    font-size: 12px;
    padding: 7px;
    text-align: center;
    border: 1px solid lightgray;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}

.homeBoxIcon {
    display: block;
    float: left;
    height: auto;
    width: 30px;
    padding-top: 2px;
    padding-left: 12px;
}

.transactionBox {
    width: auto;
    display: inline-block;
    width: 90px;
    text-align: center;
}

.transactionBoxKey {
    text-align: center;
    padding: 2px 10px 2px 10px;
    font-size: 11px;
}

.SingleCollectionCompletion, .TransType8, .BinCompletion, .TransType9, .BinCompletionOverweight, .TransType10, .BinCompletionCharge, .TransType11, #maincont .SingleCollectionCompletion a, .TradeTicket, .DutyofCare, .TransType12, .EmptyBinCharge, .DisposalTicket {
    background-color: #89adcd;
    color: #ffffff;
}

.SingleCollectionCompletion, .TransType8 {
    border-bottom: 5px solid purple;
}

.BatchTicket, .TransType0 {
    background-color: #99cc00;
    color: #ffffff;
}

.SingleCharge, .TransType1 {
    background-color: #FF3F00;
    color: #ffffff;
}

.CreditNote, .TransType2 {
    background-color: #CC33FF;
    color: #ffffff;
}

.SkipTicket, .SkipTicketComplete, .TransType3 {
    background-color: #B88A00;
    color: #ffffff;
}

.MaterialTicket, .TransType4 {
    background-color: brown;
    color: #ffffff;
}

.WeighbridgeTicket, .TransType6 {
    background-color: #006699;
    color: #ffffff;
}

.DisposalTicket, .TransType14 {
    background-color: #EC8E00;
    color: #ffffff;
}

.RMCTicket, .TransType15 {
    background-color: #E5BF00;
    color: #ffffff;
}

.HazTicket, .TransType16 {
    background-color: #7547FF;
    color: #ffffff;
}



.popHolder {
    display: none;
    padding: 5px;
    background-color: ivory;
    border: 1px solid lightgray;
    margin: 10px 3px 10px 0px;
}

.imageItem {
    width: 415px;
    font-size: 11px;
    border: transparent 4px solid;
    display: inline-block;
    padding: 5px;
    float: left;
}

.imageItemGlobal {
    background-color: #dee8f1;
    border: #89ADCD 4px solid;
    width: 415px;
    padding: 5px;
    font-size: 11px;
    display: inline-block;
    float: left;
}

.images {
    border: 1px dotted lightgray;
    padding: 5px;
    background-color: ivory;
    height: 300px;
    overflow: auto;
    margin-bottom: 10px;
}

.noImages {
    text-align: center;
    color: Gray;
    margin-top: 20px;
}

.image {
    border: 4px solid white;
    outline: 1px solid lightgray;
}

#screenshot {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 2px;
    display: none;
    color: #fff;
    max-width: 500px;
    z-index: 210;
}

#preview {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    display: none;
    color: #fff;
    max-width: 500px;
}

#tooltip {
    position: absolute;
    border: 1px solid #333;
    background: #f7f5d1;
    padding: 2px 5px;
    color: #333;
    display: none;
    max-width: 500px;
}

.titleCloseBtn {
    float: right;
    letter-spacing: normal;
    cursor: pointer;
    *top: -25px;
    *position: relative;
}

.mcompleteinvoiceType8, .mcompleteinvoiceType9, .mcompleteinvoiceType10, .mcompleteinvoiceType11 {
    width: auto;
    background-color: Gray;
    display: block;
    color: #ffffff;
}

.helpFileIcon {
    margin-left: 10px;
    position: relative;
    cursor: pointer;
    float: right;
}

.ui-datepicker {
    font-size: 11px;
}

.displayNone {
    display: none;
}

/* INPUT STYLING*/
.modifyPanel input, .modifyPanel textarea, .modifyPanel select, .modifyPanelSmall select, .modifyPanelSmall input {
    padding: 3px;
    text-transform: uppercase;
    /*text-transform: uppercase;*/ /*WSFIVE-9013 SL 13-12-2019*/
    background-color: transparent;
    border: 1px solid #CCCCCC;
}

    .modifyPanel input.non-uppercase {
        text-transform: none !important;
    }

.txtBoxes, .wrapperTxtBoxes input, .wrapperTxtBoxes select, .wrapperTxtBoxes textarea {
    padding: 3px;
    border: 1px solid #CCCCCC;
}

.txtBoxesLarge, .modifyPanel .txtBoxesLarge {
    padding: 8px;
    border: 2px solid #F2F2F2;
    font-size: 15px;
    font-style: normal;
}

    .modifyPanel .txtBoxesLarge:focus {
        background-color: #FFFF00;
        padding: 8px;
        border: 2px solid #FF0000;
        font-size: 16px;
        font-style: normal;
    }

.modifyPanel input:focus, .modifyPanelNotCaptilized input:focus {
    background-color: #FFFF00;
    border: 1px solid #FF0000;
    padding: 3px;
}

.modifyPanelSmall input:focus {
    background-color: #FFFF00;
    border: 1px solid #FF0000;
    padding: 3px;
    /*text-transform: uppercase; */ /*WSFIVE-9013 SL 16-12-2019 */
}

.modifyPanel select:focus {
    background-color: #FFFF00;
    border: 1px solid #FF0000;
    padding: 3px;
    text-transform: uppercase;
}

.modifyPanel a.Btn:focus, .modifyPanelNotCaptilized a.Btn:focus {
    background-color: #FFFF00;
    border: 1px solid #FF0000;
    background-image: none;
}

.modifyPanel #tblPrices input {
    border-color: #0272a7;
}

.modifyPanelNotCaptilized input, .modifyPanelNotCaptilized textarea, .modifyPanelNotCaptilized select, .modifyPanelNotCaptilized select, .modifyPanelNotCaptilized input {
    padding: 3px;
    /*background-color: transparent;*/
    border: 1px solid #CCCCCC;
}

.modifyPanelNotCaptilized .uppercase {
    text-transform: uppercase;
}



.modifyPanelNotCaptilized a.LargeBtn3:focus {
    background-color: #FFFF00;
    border: 1px solid #FF0000;
}

/* Vertical Tabs*/
.ui-tabs-vertical {
    width: 55em;
}

    .ui-tabs-vertical .ui-tabs-nav {
        padding: .2em .1em .2em .2em;
        float: left;
        width: 12em;
    }

        .ui-tabs-vertical .ui-tabs-nav li {
            clear: left;
            width: 100%;
            border-bottom-width: 1px !important;
            border-right-width: 0 !important;
            margin: 0 -1px .2em 0;
        }

            .ui-tabs-vertical .ui-tabs-nav li a {
                display: block;
            }

            .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected {
                padding-bottom: 0;
                padding-right: .1em;
                border-right-width: 1px;
                border-right-width: 1px;
            }

    .ui-tabs-vertical .ui-tabs-panel {
        padding: 1em;
        float: right;
        width: 40em;
    }

    .ui-tabs-vertical .ui-widget-header {
        border-bottom-width: 0px;
    }
/* ADDRESS ACTION LIST */
#addressActions .title {
    margin-top: 4px;
    display: block;
    width: auto;
    padding: 3px 3px 3px 10px;
    border-bottom: 1px solid #E9E9E9;
    color: #777777;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#addressActions a, #addressActions a:visited, #addressActions a:link {
    display: block;
    width: auto;
    padding: 3px 3px 3px 10px;
    text-decoration: none;
    border-bottom: 1px solid #E9E9E9;
    ccolor: #000000;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 2px;
    font-weight: normal;
    background-color: #ffffff;
}

    #addressActions a:hover {
        display: block;
        width: auto;
        padding: 3px 3px 3px 10px;
        text-decoration: none;
        border-bottom: 1px solid #E9E9E9;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 10px;
        letter-spacing: 2px;
        font-weight: normal;
    }

.dropShadowBottomBottom {
    -moz-box-shadow: 0px 5px 5px -1px #888;
    -webkit-box-shadow: 0px 5px 5px -1px #888;
    box-shadow: 0px 5px 5px -1px #888;
}

.dropShadowBottomRight {
    -moz-box-shadow: 8px 8px 10px lightgray;
    -webkit-box-shadow: 8px 8px 10px lightgray;
    box-shadow: 8px 8px 10px lightgray;
}

.boxHelper {
    width: 400px;
    border: 1px solid #ddd;
    margin-left: auto;
    margin-right: auto;
    color: #666666;
}

.boxHelperTitle {
    width: auto;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid transparent;
    text-transform: uppercase;
}

    .boxHelperTitle:hover {
        width: auto;
        font-weight: bold;
        font-size: 14px;
        background-color: whitesmoke;
        border: 1px solid #ddd;
        text-transform: uppercase;
        border-radius: 4px;
    }

.boxHelper .boxHelperTitle:hover {
    width: auto;
    font-weight: bold;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    text-transform: uppercase;
    border-radius: 4px;
}

.boxHelperDesc {
    width: auto;
    padding: 10px;
    background-color: whitesmoke;
    text-align: left;
    border-top: 1px solid #ddd;
    padding-left: 66px;
}

.boxHelperMediumDesc {
    color: Gray;
    font-size: 10px;
    text-transform: none;
}

.dropShadow {
    -moz-box-shadow: 5px 5px 20px lightgray;
    -webkit-box-shadow: 5px 5px 20px lightgray;
    box-shadow: 5px 5px 20px lightgray;
}

.dropShadowThin {
    -moz-box-shadow: 3px 3px 10px lightgray;
    -webkit-box-shadow: 3px 3px 10px lightgray;
    box-shadow: 3px 3px 10px lightgray;
}

.quickStatusBtn {
    letter-spacing: normal;
    float: right;
    margin-right: 3px;
    margin-left: 5px;
}

.quickStatusBtnText {
    display: inline-block;
    font-size: 10px;
    color: #777777;
    position: relative;
    top: -4px;
}

.quickStatusBtnIcon {
    display: inline-block;
}
/* SEARCH CONTROL */
#dialog-search {
    width: 750px;
    font-size: 10px;
}

    #dialog-search .ui-widget-header {
        font-size: 13px;
    }

    #dialog-search #searchText {
        display: none;
    }

    #dialog-search .sRecord, #dialog-search .sRecordHeader {
        width: auto;
        font-size: 11px;
        padding: 4px 0px 4px 2px;
        border-bottom: 1px solid whitesmoke;
        height: 16px;
    }

#dialog-postcode .sRecord {
    width: auto;
    font-size: 11px;
    padding: 4px 0px 4px 2px;
    border-bottom: 1px solid whitesmoke;
}

#dialog-search .sRecordHeader {
    font-weight: bold;
    height: 16px;
}

#dialog-search .sRecord:hover, #dialog-postcode .sRecord:hover {
    background-color: #e2dc88;
    cursor: pointer;
}

#dialog-search .sItem, #dialog-schedules .sItem, #listContainer .listItemProduct {
    display: inline-block;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#dialog-search #searchResults {
    max-height: 250px;
    min-height: 250px;
    overflow: auto;
    width: 100%;
    text-align: left;
    user-select: none;
}

#dialog-search #sNoRecords {
    width: auto;
    text-align: center;
    margin-top: 10px;
    font-size: 10px;
}

.ui-dialog .ui-dialog-titlebar-close {
    right: 0.5em;
}

.txtDeleteImg, .txtDeleteHeadImg {
    position: relative;
    left: -19px;
    top: 2px;
    cursor: pointer;
    z-index: 0;
    /* IE 6,7,8 TARGETING */
    _left: -18px;
    *left: -18px;
    left: -18px\0/;
}

.deleteImgInput {
    position: relative;
    top: -12px;
    display: inline-block;
}

.genericTable .deleteImgInput, .genericTableRow .deleteImgInput {
    top: -14px;
}

.deleteImgInput span img {
    margin-top: 0;
}

.chekInput {
    position: relative;
    left: 358px;
    top: -23px;
    /* IE 6,7,8 TARGETING */
    _left: -25px;
    _top: 2px;
    *left: -25px;
    *top: 2px;
    left: -25px\0/;
    top: 2px\0/;
}

.colourInputs {
    text-transform: uppercase;
    border: 2px solid lightgray;
    text-align: center;
    cursor: pointer;
}

.spanHMenu {
    float: right;
    letter-spacing: normal;
    position: relative;
    top: -22px;
    width: auto;
}

.pagerLinks td {
    padding-right: 0px;
}

.pagerLinks a {
    display: inline-block;
    background-color: transparent;
    border: 0px solid lightgray;
    text-align: center;
    color: Black;
    margin-right: 2px;
    width: 25px;
    margin-top: 5px;
    border-radius: 4px;
}

#maincont .pagerLinks a:hover {
    display: inline-block;
    background-color: #EEEEEE;
    border: 0px solid lightgray;
    text-align: center;
    color: Black;
    margin-right: 2px;
    width: 25px;
    margin-top: 5px;
    border-radius: 4px;
    text-decoration: none;
}

.pagerLinks span {
    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;
}

/*.rptrPager {
    display: inline-block;
    background-color: #EAEAEA;
    border: 1px solid lightgray;
    text-align: center;
    color: Black;
    margin-right: 2px;
    width: 25px;
    margin-top: 5px;
    border-radius: 3px;
}*/

.offhovered {
    background-color: #ffffff;
}

.hovered {
    background-color: #F0F2F4;
    cursor: pointer;
}

.dontdisplay {
    display: none;
}

.ledgerPositive {
    color: Green;
}

.ledgerNegative {
    color: red;
}

#remeberUrlsContainerId {
    padding: 0px 0px 0px 10px;
    overflow: auto;
}

#pageSubTitle, .pageSubTitle {
    border-bottom: 3px solid #514E4E;
    width: auto;
    margin-bottom: 10px;
}

#pageSubTitleText, .pageSubTitleText {
    margin-left: 10px;
    display: inline-block;
    background-color: #514E4E;
    color: #ffffff;
    padding: 5px 10px 5px 10px;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 3px;
}

#maincont .genericTable .oustandingValue A {
    text-decoration: underline;
}

.ticketImgCount, .badgeGreen {
    padding: 1px 6px 1px 6px;
    display: inline-block;
    margin-left: 5px;
    background-color: #98C741;
    color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 11px;
}

.enabledIndicator, .badgeGreen {
    vertical-align: top;
    padding: 2px 6px 1px 6px;
    display: inline-block;
    margin-left: 5px;
    background-color: #98C741;
    color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 11px;
}

.badgeRed {
    padding: 2px 6px 1px 6px;
    display: inline-block;
    margin-left: 5px;
    background-color: #E94343;
    color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 11px;
}

.badgeNumber {
    padding: 2px 6px 1px 6px;
    display: inline-block;
    margin-left: 5px;
    background-color: gray;
    color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 11px;
}

.ui-datepicker-trigger {
    cursor: pointer;
    position: relative;
    top: 3px;
}

.ui-dialog .ui-dialog-content {
    padding: 0em;
}

.ui-dialog #dialog-payment, .ui-dialog #dialog-creditCard, .ui-dialog #dialog-extend, .ui-dialog #dialog-recurrence, .ui-dialog #dialog-recurrence tr {
    padding: 0.5em;
    font-size: 11px;
    vertical-align: middle;
}

.ui-datepicker-group {
    z-index: 700;
}

.ui-datepicker-title {
    color: #000000;
}

#dialog-payment h2 {
    letter-spacing: 2px;
}

#dialog-payment td {
    vertical-align: middle;
}

#dialog-payment input, #dialog-payment select {
    padding: 6px;
    font-size: 16px;
}

#dialog-payment #ppCardsContainer input {
    padding: 3px;
    font-size: 11px;
}

.reportBox, .reportBoxDir {
    border: 1px solid rgba(83,90,96,0.1);
    background-color: ivory;
    padding: 10px;
}

    .reportBox table {
        width: 100%;
        border-spacing: 0;
    }

    .reportBox td {
        font-size: 11px;
        padding: 3px;
        text-align: left;
        font-weight: normal;
    }

    .reportBox th {
        font-size: 11px;
        padding: 3px;
        text-align: left;
    }

    .reportBox .dateField {
        width: 165px;
    }

    .reportBox input, select, textarea {
        width: 190px;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .reportBox input[type='checkbox'] {
            width: auto;
        }

.reportBoxTitle {
    border-bottom: 1px solid #CCC;
    margin: 0 0 10px 0;
    padding: 0px 0 5px 0;
    font-size: 13px;
    color: #000000;
    font-weight: normal;
}

.reportBoxTitleNoBorder {
    font-size: 13px;
    color: #000000;
    font-weight: normal;
}

.reportBoxSubTitle {
    margin: 0px;
    padding: 0px 0px 0px 5px;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
}

.reportBox1 {
    border: 2px solid lightgray;
    background-color: ivory;
    padding: 10px;
}


.liveStatsHolder {
    margin: 0px 0px 10px 0px;
    border-width: 0px;
    border-bottom: 3px solid #e2e2e2;
    padding: 0px 10px 3px 10px;
}

    .liveStatsHolder ul {
        list-style: none;
        padding-left: 3px;
    }

    .liveStatsHolder li a {
        font-size: 12px;
    }

    .liveStatsHolder li {
        background: url("/images/misc/greenArrow1.png") no-repeat 0px 8px;
        padding: 0px 10px 3px 10px;
    }

#changeList {
    font-size: 12px;
    color: #000000;
}

.liveStatsHolder #changeList ul {
    list-style-type: disc;
    margin-left: 40px;
}

.liveStatsHolder #changeList li {
    background: url();
    padding: 0px 10px 0px 10px;
}

#maincont .liveStatsHolder H5 {
    padding-right: 0px;
}

.floatSearchButton {
    position: relative;
    left: -21px;
    top: 3px;
    /* IE 6,7,8 TARGETING */
    _top: 1px;
    *top: 1px;
    top: 1px\0/;
}

.uppercase {
    text-transform: uppercase;
}

.reportLinks a:active, .reportLinks a:link, .reportLinks a:visited, .reportLinks a {
    color: #666666;
    padding: 0px 10px 3px 10px;
    display: block;
    font-size: 12px;
}

.reportLinks .dropTitle {
    color: #666666;
    margin-bottom: 5px;
}

.alertPermit .alertSpnLink {
    width: 120px;
    display: inline-block;
}

.alertPermit .alertSpnItem0 {
    width: 50px;
    display: inline-block;
}

.alertPermit .alertSpnItem1 {
    width: 250px;
    display: inline-block;
}

.alertPermit .alertSpnItem2 {
    width: 175px;
    display: inline-block;
    float: right;
}

.alertPermit .alertSpnItem3 {
    width: 150px;
    display: inline-block;
    float: right;
}

.alertPermit span {
    vertical-align: text-top;
}

.alertPermit {
    border-bottom: 1px solid whitesmoke;
    margin-bottom: 5px;
    margin-top: 5px;
}

.collAlert .alertSpnItem0 {
    width: 180px;
    display: inline-block;
}

.collAlert .alertSpnItem1 {
    width: 250px;
    display: inline-block;
}

.collAlert .alertSpnItem2 {
    width: 175px;
    display: inline-block;
}

.mapPnlJobs {
    width: 260px;
    height: auto;
    overflow: auto;
    display: none;
    background-color: #ffffff;
    border: 1px solid gray;
    padding: 3px;
    position: relative;
    top: 5px;
    z-index: 500;
    font-size: 11px;
}

.mapPnlJobHandle {
    cursor: move;
    background-color: #6180a3;
    color: white;
    padding: 5px 0px 5px 5px;
    background-image: url('/images/misc/bkBlue.png');
    background-repeat: repeat-x;
    border: 0px solid #2A65A0;
    font-size: 10px;
}

.modHeader {
    margin-bottom: 2px;
}

.modValues {
    margin: 10px 5px 10px 55px;
}

    .modValues table {
        border-right: #e6e6e6 1px solid;
        border-top: #e6e6e6 1px solid;
    }

        .modValues table th {
            border-bottom: #e6e6e6 1px solid;
            border-left: #e6e6e6 1px solid;
            padding: 4px 6px 4px 6px;
            font-size: 11px;
            color: gray;
            text-align: left;
        }

        .modValues table td {
            border-bottom: #e6e6e6 1px solid;
            border-left: #e6e6e6 1px solid;
            padding: 4px 6px 4px 6px;
            font-size: 11px;
        }

    .modValues .genericTableNoBorders, .modValues .genericTableNoBorders th, .modValues .genericTableNoBorders td {
        border-width: 0px;
    }

        .modValues .genericTableNoBorders .borderRight {
            border-right: #dddddd 1px solid;
            padding-left: 10px;
        }

        .modValues .genericTableNoBorders th {
            font-weight: normal;
        }

        .modValues .genericTableNoBorders td {
            font-size: 16px;
            color: #374650;
            padding-bottom: 5px;
        }



body {
    background-color: #777777;
}

#containerOuterOuter {
    background-color: #F2F2F2;
    width: auto;
}

#containerOuter {
    background-image: url(/images/panel/wrap.png);
    background-repeat: repeat-y;
    text-align: center;
    width: 1214px;
    margin-left: auto;
    margin-right: auto;
}

#container {
    width: 1196px;
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    border-bottom: 0px solid #D9D9D9;
    min-height: 725px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

#footer {
    margin-top: 5px;
    border-top-width: 0px;
    font-size: 11px;
    margin-bottom: 20px;
    text-align: center;
    color: #ffffff;
}

    #footer a {
        color: #ccc;
    }

#liveStatsHolder {
    border: 1px solid #EFEFEF;
}

.liveStatsHolder {
    border-bottom: 1px solid whitesmoke;
}

#maincont .liveStatsHolder H5 {
    border-bottom: 0px solid #d9d9d9;
    padding-left: 0px;
    text-transform: uppercase;
}

#maincont .liveStatsHolder .siteAlertHeader H5 {
    border-bottom: 3px solid red;
    background-color: #FFE8E8;
    padding-left: 10px;
    padding-right: 10px;
}

#maincont .liveStatsHolder .siteAlert, #maincont .liveStatsHolder .collAlert {
    font-size: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.textOverflow {
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.btnBoxPopRight {
    position: relative;
    float: left;
    display: inline-block;
    top: 2px;
    /* IE 6,7,8 TARGETING */
    _top: 0px;
    *top: 0px;
    ;
    top: 0px\0/;
}
/* Comment.js */
#pnlComments {
    letter-spacing: 0px;
}

.btnOpenComment {
    float: right;
    cursor: pointer;
    position: relative;
}

.commentEventDialog {
    float: right;
    cursor: pointer;
    position: relative;
}

#txtCommentInput {
    width: 100%;
    height: 60px;
    border: 1px solid #cccccc;
}

.commentItem {
    padding: 0px;
    display: block;
    width: 100%;
    border-top: 1px solid #e1dcd7;
}

.commentItemHeader {
    color: Gray;
    font-size: 10px;
    font-weight: normal;
    padding: 5px;
}

.commentItemText {
    padding: 0px 0px 10px 10px;
    font-size: 12px;
}

#submittedComments {
    max-height: 300px;
    overflow: auto;
    padding: 5px;
    font-weight: normal;
}

#searchtabs .ui-tabs .ui-tabs-nav LI {
    padding-left: 15px;
    padding-right: 15px;
}

#searchTabs #tabs-1, #searchTabs #tabs-2, #searchTabs #tabs-3, #searchTabs #tabs-4, #searchTabs #tabs-5, #searchTabs #tabs-6, #searchTabs #tabs-7, #searchTabs #tabs-8 {
    padding-left: 0px;
    padding-right: 0px;
}

.menuSearchBox {
    position: relative;
    left: -13px;
    top: -4px;
    /* IE 6,7,8 TARGETING */
    _top: -3px;
    *top: -3px;
    ;
    top: -3px\0/;
    border-radius: 25px;
    letter-spacing: 2px;
    padding-left: 12px;
}

.wasteDifferences .genericTable th, .wasteDifferences .genericTable td {
    padding-right: 5px;
}

.titleStat1, .titleStat2 {
    width: 200px;
    font-size: 20px;
    float: left;
    color: gray;
    text-align: right;
    margin-right: 50px;
}

#openRates .titleStat1 {
    width: 180px;
    font-size: 20px;
    float: left;
    color: gray;
    text-align: right;
    margin-right: 50px;
}

.titleStat2 {
    margin-bottom: 15px;
}

.titleStatValue {
    font-size: 40px;
    float: left;
    width: 200px;
}

#openRates .titleStatValue {
    font-size: 40px;
    float: left;
    width: auto;
}

.titleStatValue1 {
    font-size: 25px;
    float: left;
    width: 200px;
}

.bkMessageFailed {
    font-size: 11px;
    color: gray;
    display: block;
    overflow: hidden;
    width: 600px;
    margin-left: 20px;
    font-style: italic;
}

.dateField, .dateField1 {
    margin-right: 5px;
    width: 100px;
}

#scLeft {
    height: 60px;
    width: 405px;
    border-right: 0px solid #d7d7d7;
}

#scMain {
    display: block;
    margin-left: 5px;
    background-color: White;
}

#scLeftHeader {
    width: auto;
    height: 31px;
}

#scLeftButtons {
    background-color: #d7d7d7;
    border-top: 1px solid #d7d7d7;
    padding: 3px 5px 5px 5px;
    width: auto;
    height: 50px;
}

#scLeftContent {
    width: auto;
    height: 60px;
    overflow: auto;
}

#scMainHeader {
    width: auto;
    height: 75px;
    margin-top: 10px;
}

#scMainContent {
    width: auto;
    height: 60px;
    overflow: auto;
    margin-right: 15px;
}

#maincont a#btnFavorite {
    background-color: #d7d7d7;
    font-size: 9px;
    padding: 0px 6px 0px 6px;
    border-left: 0px;
    color: gray;
    font-weight: bold;
}

/* checkBoxHolder Start */
.checkBoxHolder {
    background-color: ivory;
    border: 1px solid lightgray;
    font-size: 11px;
    height: 200px;
    overflow: auto;
    margin-bottom: 5px;
    background-color: #ffffff;
}

    .checkBoxHolder table {
        width: 100%;
    }

        .checkBoxHolder table tr td {
            padding-right: 0px;
            border-bottom: 1px solid whitesmoke;
        }

    .checkBoxHolder input {
        border-width: 0px;
    }

    .checkBoxHolder label {
        position: relative;
        top: -2px;
        left: 5px;
    }

.checkBoxHolderSlim {
    background-color: ivory;
    border: 1px solid lightgray;
    font-size: 11px;
    height: 200px;
    overflow: auto;
    margin-bottom: 5px;
    background-color: #ffffff;
    width: 188px;
}

/* checkBoxHolder End */

.no-decoraction {
    text-decoration: none !important;
}

    .no-decoraction:hover {
        text-decoration: none !important;
    }

.confirmItem {
    margin-left: 310px;
    clear: both;
    /*width: 100%; */
}

.btnDateToday {
    position: relative;
    top: 3px;
    left: 2px;
    cursor: pointer;
}

.btnDateToday {
    position: relative;
    top: 3px;
    left: 2px;
    cursor: pointer;
}

.ui-datepicker-calendar .ui-state-highlight {
    background-color: orange;
    color: #000000;
    border-color: orange;
}

.reportCell {
    border-bottom: 1px solid whitesmoke;
}

#pnlSearchTop {
    margin-bottom: 25px;
    margin-bottom: 25px;
}

#pnlSearchTextbox {
    margin: 25px 25px 20px 25px;
}

.skipSearchTopInput {
    padding: 15px;
    width: 400px;
    font-size: 14px;
    font-weight: bold;
    border: 2px solid #8ac34a;
}

#stabs .ui-state-default {
    background-image: none;
    border-left-color: #EDF5F7;
    border-top-color: #EDF5F7;
    border-right-color: #EDF5F7;
    background-color: #f4f8f9;
}

#stabs .ui-tabs-selected {
    background-image: none;
    border-left-color: #e9e9e9;
    border-top-color: #e9e9e9;
    border-right-color: #e9e9e9;
    background-color: #ffffff;
    margin-top: 1px;
}

#stabs .ticketImgCount {
    float: right;
    font-size: 20px;
}

#stabs li a:link {
    font-size: 14px;
}

#stabs table {
    font-size: 12px;
}

#stabs td {
    vertical-align: middle;
}

#stabs-1, #stabs-2 {
    padding-left: 0px;
    padding-right: 0px;
}

.spnOverCredit {
    font-size: 13px;
    color: Red;
    font-weight: bold;
}

#calendar h2 {
    border-bottom-width: 0px;
}

.OpsLeftLink {
    float: left;
    margin-right: 10px;
    padding-right: 5px;
    border-right: 1px solid #efefef;
}

#maincont .OpsLeftLink a {
    color: red;
    text-decoration: none;
}

#tabs-1 .pagerLinks A, #tabs-1 .pagerLinks A:HOVER, #tabs-2 .pagerLinks A, #tabs-2 .pagerLinks A:HOVER, #tabs-3 .pagerLinks A, #tabs-3 .pagerLinks A:HOVER, #tabs-4 .pagerLinks A, #tabs-4 .pagerLinks A:HOVER {
    padding-right: 0px;
}

.widgetcoloroverride {
    color: #444;
}

#pnlQuickSearch #pnlQuickSearchInner2 {
    position: absolute;
    left: -1178px;
}

#maincont .trPriceLinkHeader a {
    color: #ffffff;
    font-size: 13px;
    display: block;
}

#spnStockLevel {
    float: right;
    border: 1px solid lightgray;
    background-color: whitesmoke;
    padding-left: 5px;
    padding-right: 5px;
}

.stockRed {
    color: Red;
}

.stockGreen {
    color: Green;
}

.invoiceCreditReason {
    width: 150px;
    float: left;
    white-space: nowrap;
    background-color: ivory;
}

.ui-widget-content .ui-datepicker-week-end .ui-state-default {
    background-color: whitesmoke;
    color: #000000;
    background-image: none;
}

.ui-datepicker-calendar tr td:nth-child(5) {
    padding-right: 8px;
}

.ui-datepicker-calendar tr td:nth-child(6) {
    padding-left: 8px;
    border-left: 1px solid lightgray;
}

.mcompleteinvoiceType, .mcompleteinvoiceType8, .mcompleteinvoiceType9, .mcompleteinvoiceType10, .mcompleteinvoiceType11 {
    width: auto;
    background-color: Gray;
    display: block;
    color: #ffffff;
}

.mcompleteinvoiceType999, .mcompleteinvoiceTypeTrue {
    width: auto;
    background-color: #89adcd;
    display: block;
    color: #ffffff;
}

.keyCustomer {
    width: auto;
    background-color: Orange;
    display: block;
    color: #ffffff;
}

.Brooker {
    width: auto;
    background-color: pink;
    display: block;
}

input[disabled=disabled] {
    background-color: rgb(227, 227, 227) !important;
}

[disabled=disabled], #maincont [disabled=disabled] {
    color: #AAA;
}

#maincont a [disabled=disabled] {
    color: #AAA;
    text-decoration: none;
}

.graphSelectedRow {
    background-color: #EAA228;
}

.docTypeGlobal {
    background-color: #8ac34a;
}

#maincont .docTypeGlobal a {
    color: #ffffff;
}

#moduleStats .titleStat1, #moduleStats .titleStat2 {
    width: 165px;
    margin-right: 20px;
}

#moduleStats .titleStatValue, #moduleStats .titleStatValue1 {
    width: auto;
}

#moduleStats .titleStatValue {
    font-size: 30px;
}

#moduleStats .titleStat2 {
    font-size: 17px;
}

.spanRiskNo {
    color: red;
    float: right;
    position: relative;
    font-weight: bold;
    padding-top: 1px;
    padding-right: 2px;
}

.non-uppercase {
    text-transform: none;
}

#grBinData {
    padding-bottom: 10px;
}

    #grBinData table {
        border-left: 1px solid lightgray;
        border-top: 1px solid lightgray;
    }

        #grBinData table th {
            font-weight: bold;
            text-align: center;
            font-size: 13px;
            padding-left: 10px;
            padding-right: 10px;
        }

        #grBinData table .isWeekend {
            background-color: #ffffcc;
            color: gray;
            font-weight: normal;
        }

        #grBinData table td {
            text-align: center;
            border-right: 1px solid lightgray;
            border-bottom: 1px solid lightgray;
            padding: 5px;
        }

        #grBinData table .scheduleReg {
            font-weight: bold;
            width: 120px;
            text-align: left;
        }

        #grBinData table .Active {
            background-color: #3366CC;
            color: #ffffff;
            cursor: pointer;
        }

        #grBinData table .notActive {
            background-color: Red;
            color: #ffffff;
            cursor: pointer;
        }

        #grBinData table .vehicleType td {
            text-align: left;
            color: #7ebc3a;
            font-weight: bold;
            font-size: 14px;
            padding-top: 10px;
        }

        #grBinData table a.scheuleReg, #grData table a.scheuleDate {
            cursor: pointer;
        }

    #grBinData .hfloatLeft {
        float: left;
        padding-top: 2px;
    }

    #grBinData .hfloatRight {
        float: right;
        padding-top: 2px;
    }

    #grBinData .drop {
        cursor: pointer;
    }

    #grBinData .dayItem {
        float: right;
        padding-top: 2px;
        cursor: pointer;
    }

    #grBinData .yData {
        font-weight: bold;
        color: Red;
    }

.popIcon {
    cursor: pointer;
    vertical-align: middle;
}

.codeIndented {
    margin-left: 15px;
    font-style: italic;
    color: Gray;
}

.underlined {
    text-decoration: underline;
}

.spFrequencyKey {
    text-align: center;
    padding-left: 10px;
}

.spFreqDaily {
    background-color: #0AADFF;
    color: #ffffff;
}

.spFreqWeekly {
    background-color: Purple;
    color: #ffffff;
}

.spFreqFortnightly {
    background-color: Green;
    color: #ffffff;
}

.spFreqFortnightlySecond {
    background-color: Orange;
}

.spFreq4 {
    background-color: lightgray;
}

.spFreqOn {
    background-color: #FF0037;
    color: #ffffff;
}

.pnlScheduleSelector table, .pnlScheduleSelector table td {
    border-width: 0px;
}

    .pnlScheduleSelector table td {
        border-bottom: 1px solid whitesmoke;
    }

.pnlScheduleSelector {
    max-height: 400px;
    min-height: 200px;
    overflow: auto;
}

.txtLargeInput {
    border: #dbdbdb 1px solid;
    font-size: 15px;
    padding: 4px;
}

.modValues table thead th {
    background-color: #e6e6e6;
    text-transform: uppercase;
    padding: 6px;
}

.imgRecurrence {
    vertical-align: middle;
}

#changeList .versionCol {
    float: left;
    width: 15%;
}

#changeList .dataCol {
    float: right;
    width: 83%;
}

#changeList .versionNo {
    font-weight: bold;
    font-size: 25px;
    margin-top: 5px;
}

#changeList .versionDate {
    font-weight: normal;
    font-size: 12px;
    margin-top: 5px;
}

#changeList .versionItem {
    padding-left: 10px;
}

#changeList ul {
    margin-top: 0px;
    margin-bottom: 30px;
}

#changeList li, .liveStatsHolder #changeList li {
    -background: #F2F7FD;
    -list-style: none;
    padding: 8px;
}

    #changeList li:nth-child(even) {
        background: white;
    }

#changeList .subfeatures {
    padding-top: 20px;
}

    #changeList .subfeatures li {
        background: white;
        border-left: 5px solid #f2f7fd;
        padding-left: 20px;
        list-style: none;
    }

#changeList .subfeatures {
    margin-bottom: 10px;
}

#changeList .dataHeader {
    font-weight: bold;
    font-size: 18px;
    padding-top: 2px;
}

.liveStatsHolder #changeList li.hasArticle, #changeList li.hasArticle {
    list-style: url("/images/misc/Manual.png");
}

    #changeList li.hasArticle img {
        padding-left: 5px;
    }


#pinnedImageContainerAddress {
    width: 500px;
}

    #pinnedImageContainerAddress .images {
        height: 400px;
    }

    #pinnedImageContainerAddress .imageItemDetails {
        width: auto;
    }

    #pinnedImageContainerAddress .imageItem {
        width: auto;
    }

#pnlImageViewer .pnlImageItem {
    display: inline-block;
    width: auto;
    float: left;
    margin: 0px 0px 15px 15px;
    bborder: 2px solid ghostwhite;
    bbackground-color: #F2F2F2;
}

#pnlImageViewer .pnlImageEditDetails {
    margin-left: 20px;
    font-size: 12px;
}

    #pnlImageViewer .pnlImageEditDetails .pnlImageEditLinks {
        padding-top: 5px;
        padding-bottom: 5px;
    }

        #pnlImageViewer .pnlImageEditDetails .pnlImageEditLinks a {
            font-size: 12px;
        }

    #pnlImageViewer .pnlImageEditDetails input {
        width: 85%;
    }

    #pnlImageViewer .pnlImageEditDetails textarea {
        width: 87%;
        height: 60px;
    }

    #pnlImageViewer .pnlImageEditDetails .pnlImageEditTitle {
        font-weight: bold;
    }

    #pnlImageViewer .pnlImageEditDetails .pnlImageEditContainer {
        margin-bottom: 10px;
    }

#pnlImageViewer .pnlImageBtns {
    margin: 5px 0px 15px 18px;
}

#pnlImageViewer .pnlIamgeContainer {
    float: left;
    display: inline-block;
    padding: 3px;
}

#pnlImageViewer .pnlIamgeDataContainer {
    width: 300px;
    float: left;
    display: inline-block;
    padding-left: 10px;
}

#pnlImageViewer .pnlImageContainerName {
    text-align: center;
    padding-top: 3px;
}

#pnlImageViewer .pnlImageContainerBtns {
    text-align: left;
    padding-top: 3px;
}

#pnlImageViewer .pnlIamgeDataContainer th {
    text-align: left;
    color: Gray;
}

#pnlImageViewer {
    font-size: 10px;
    line-height: normal;
}

    #pnlImageViewer .pnlIamgeDataContainer .actionBtns {
        float: right;
    }

        #pnlImageViewer .pnlIamgeDataContainer .actionBtns a:link {
            text-decoration: none;
        }

    #pnlImageViewer .imageSize {
        float: right;
        width: 25%;
        text-align: right;
        margin-right: 5px;
    }

    #pnlImageViewer .imageAddedBy {
        float: left;
        width: 60%;
    }

    #pnlImageViewer .imageName {
        font-size: 20px;
        margin: 10px 5px 15px 0px;
    }

.spnHeaderNotesExtRef {
    color: Red;
}

#pnlTradeCollections {
    height: 160px;
}

    #pnlTradeCollections .column {
        display: inline-table;
        float: left;
        width: 77px;
    }

    #pnlTradeCollections .block {
        display: block;
        width: 77px;
        float: left;
        padding: 3px;
        text-align: center;
        border-bottom: 1px solid #E9E9E9;
    }

    #pnlTradeCollections .dateHeader {
        background-color: #337ab7;
        color: #ffffff;
    }

    #pnlTradeCollections .colHeader .block {
        font-weight: bold;
        text-align: right;
    }

.pnlTradeCollectionTitle {
    font-size: 14px;
    margin: 8px;
    text-transform: uppercase;
}

#mainSkipInputContainer .ui-tabs-selected, #stabs .ui-tabs-selected {
    background-image: none;
    border-width: 0px 0px 3px 0px;
    border-bottom-color: red;
}

    #mainSkipInputContainer #tabs .ui-tabs-selected a, #stabs .ui-tabs-selected a {
        border-bottom: 3px solid #89ADCD;
    }

#pnlExtraChargeRecurrenceUse {
    margin-top: 5px;
}

    #pnlExtraChargeRecurrenceUse label, #pnlGenerate1Collection label, #pnlAccCreditCardSearch label {
        position: relative;
        top: -2px;
    }

.mnuPopHead {
    cursor: pointer;
    position: relative;
    top: -4px;
    border: 1px solid transparent;
    border-bottom-width: 0px;
    background-color: white;
    padding: 3px 5px 3px 5px;
    z-index: 250;
}

.pnlMenu {
    display: block;
    position: absolute;
    border: 1px solid lightgray;
    background-color: white;
    padding: 10px;
    width: 200px;
    z-index: 249;
}

    .pnlMenu ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

        .pnlMenu ul li {
            line-height: 30px;
            width: 100%;
        }

            .pnlMenu ul li a {
                padding-left: 5px;
            }

            .pnlMenu ul li.lineBreak {
                border-bottom: 1px solid #EAEAEA;
                margin: 4px 2px 4px 0px;
            }

.pnlAccAddStats {
    margin-bottom: 25px;
}

    .pnlAccAddStats .title {
        font-size: 14px;
        margin: 8px;
        text-transform: uppercase;
    }

    .pnlAccAddStats .genericTable td {
        border-bottom: 1px solid #E9E9E9;
    }

    .pnlAccAddStats .genericTable th {
        background-color: #337ab7;
        color: #ffffff;
        font-weight: normal;
        text-align: left;
        padding: 5px 3px 3px 3px;
    }

    .pnlAccAddStats .genericTable td {
        padding-right: 0px;
        padding: 3px;
    }

    .pnlAccAddStats .genericTable .subTotal td, .pnlAccAddStats .genericTable .subSubTotal td {
        font-weight: bold;
        padding: 5px 3px 3px 3px;
    }

    .pnlAccAddStats .genericTable .subTotal td {
        background-color: #D8D8D8;
    }

    .pnlAccAddStats .genericTable .subSubTotal td {
        background-color: whitesmoke;
    }

    .pnlAccAddStats .genericTable .total td {
        font-weight: bold;
        font-size: 14px;
        padding: 7px 3px 5px 3px;
        background-color: #7CB8EA;
        color: #ffffff;
    }

    .pnlAccAddStats .genericTable .centered {
        text-align: center;
    }

.filterInput {
    margin-bottom: 3px;
}

.pnlSummaryDetails {
    width: auto;
    height: auto;
    background-image: url(/images/panel/grid5.gif);
    background-repeat: repeat;
    font-size: 11px;
    border: 1px solid #e5e5e5;
    padding: 15px 15px 15px 15px;
}

    .pnlSummaryDetails input, .pnlSummaryDetails textarea, .pnlSummaryDetails select {
        padding: 3px;
        text-transform: uppercase;
        background-color: #fff;
        border: 1px solid #ccc;
    }

        .pnlSummaryDetails input:focus {
            background-color: #FFFF00;
            border: 1px solid #FF0000;
        }

        .pnlSummaryDetails select:focus {
            background-color: #FFFF00;
            border: 1px solid #FF0000;
            text-transform: uppercase;
        }


.pnlAccAddStats .title {
    font-size: 14px;
    margin: 8px;
    text-transform: uppercase;
}

.searchMultiFooter {
    padding: 10px;
    background-color: whitesmoke;
}

.searchMultiLeft {
    width: 70%;
    color: gray;
    float: left;
    font-size: 15px;
    display: block;
    overflow: auto;
}

.searchMultiRight {
    width: 25%;
    float: right;
    display: block;
    text-align: right;
}

.searchMultiFooter a:link {
    text-decoration: none;
    font-size: 15px;
    padding: 0px 15px 0px 15px;
    outline: none;
}

.searchMultiFooter .clear {
    color: gray;
    font-size: 12px;
}



.qtip-wrapper {
    box-shadow: 2px 2px 10px #CECECE;
    border: 1px solid #CECECE;
    width: 600px;
    border-radius: 4px;
}

.qtip-contentWrapper {
    padding: 10px 0px 10px 0px;
    border-radius: 4px;
}

    .qtip-contentWrapper .supplierTitle, .qtip-contentWrapper .quoteTitle {
        font-size: 15px;
        padding: 0px 5px 10px 0px;
        border-bottom: 2px solid #999999;
        margin-bottom: 15px;
        color: #999999;
    }

    .qtip-contentWrapper .supplierFooter {
        margin: 15px 0px 0px 0px;
        text-align: right;
    }

        .qtip-contentWrapper .supplierFooter a {
            text-decoration: none;
        }

            .qtip-contentWrapper .supplierFooter a:hover {
                text-decoration: underline;
            }

    .qtip-contentWrapper .genericTableRow {
        font-size: 11px;
    }

        .qtip-contentWrapper .genericTableRow th {
            border-bottom: 2px solid #EAEAEA;
        }

        .qtip-contentWrapper .genericTableRow th, .qtip-contentWrapper .genericTableRow td {
            padding: 5px 0px 5px 5px;
            vertical-align: middle;
        }

#maincont .fa, #dialog-progress .fa, #pnlCreditCardType .fa {
    color: #0495D8;
    font-size: 17px;
}

    #maincont .fa .fa-3x {
        font-size: 27px;
    }

#maincont .fa-plus-square-o {
    color: #999999;
}

#maincont .fa-image, #maincont .fa-folder, #maincont .fa-map-o, #maincont .fa-line-chart {
    font-size: 14px;
}

#maincont .outlSelectAll .fa {
}


#pnlCreditCardType {
    display: none;
    color: royalblue;
    margin: 5px 0px 5px 0px;
}

#pnlTransactions .block {
    display: inline-block;
    float: left;
    padding: 5px 3px 5px 3px;
    text-align: left;
    padding-right: 8px;
}

#pnlTransactions .row:nth-child(2n) {
    background-color: #f2f7fd;
}

#pnlTransactions .colHeader {
    font-weight: bold;
    text-align: left;
}

.full-width, textarea.full-width {
    width: 100%;
}

#pnlMessengerHolder {
    position: fixed;
    width: 301px;
    top: 0px;
    bottom: 0px;
    background-color: #FFFFFF;
    display: none;
}

#pnlChatIcon {
    position: fixed;
    bottom: 10px;
    left: 10px;
}

    #pnlChatIcon .chatIconCount {
        display: block;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        padding: 25%;
        background: #8ac34a;
        text-align: center;
        color: #ffffff;
        font-size: 22px;
        cursor: pointer;
        position: relative;
        bottom: -20px;
    }

    #pnlChatIcon .chatLabel {
        background-color: ivory;
        border: 1px solid lightgray;
        padding: 5px;
        display: block;
        left: 55px;
        bottom: 10px;
        position: relative;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        color: #666666;
        font-size: 11px;
    }

.linkedAccountBadge {
    float: right;
}

.truncate {
    display: inline-block;
    white-space: white-space;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate {
    display: inline-block;
    white-space: white-space;
    overflow: hidden;
    text-overflow: ellipsis;
}


#tbNominals .genericTableRow .trInsert td, .trInsert td {
    background-color: #edf4ff;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
}

    #tbNominals .genericTableRow .trInsert td, .trInsert td input, .trInsert td select {
        background-color: #FFF;
    }

.truncateNoBlock {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#creditTableContainer {
    margin: 0 auto;
    width: 300px;
    text-align: center;
}

    #creditTableContainer .genericTable {
        width: 100%;
    }

    #creditTableContainer td {
        text-align: left;
    }

    #creditTableContainer .genericTable tr td:nth-child(2) {
        text-align: right;
    }

    #creditTableContainer .totalJobAccValue td, #creditTableContainer .creditLimit td {
        font-weight: bold;
    }

.inputCheckBox label {
    position: relative;
    top: -2px;
    left: 3px;
}

.trTipCharge td {
    padding-bottom: 5px;
}

/* ch 21-10-2016 Notification style */
#notifyPanel {
    display: none;
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 480px;
    height: 480px;
    border: 1px solid lightgray;
    background-color: white;
    position: fixed;
    z-index: 850;
    border-radius: 5px;
}

    #notifyPanel .notifyHeader {
        height: 16px;
        border-bottom: 1px solid lightgray;
        padding: 10px;
        font-size: 17px;
        color: #007acc;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    #notifyPanel .notifyHeaderCount {
        float: right;
        font-size: 13px;
        letter-spacing: 0px;
    }

    #notifyPanel .notifyItems {
        height: 394px;
        overflow-y: auto;
        padding: 5px;
        border-bottom: 1px dotted lightgray;
    }

    #notifyPanel .notifyFooter {
        text-align: right;
        padding: 5px;
    }

    #notifyPanel .pnlSnooze .LargeBtn1 {
        width: 93%;
        text-decoration: none;
        margin: 15px 15px 0px 15px;
    }

    #notifyPanel .notifyFooter .Btn {
        padding: 5px 30px 5px 30px;
        text-decoration: none;
        font-weight: normal;
        border-radius: 5px;
    }

    #notifyPanel .notifyItem {
        border-bottom: 1px solid #ddd;
        padding: 10px;
    }

    #notifyPanel .notifyItemHeader {
        font-weight: bold;
        padding-bottom: 5px;
    }

    #notifyPanel .notifyItemDescription {
        padding: 10px;
        font-size: 11px;
        color: #666666;
        border-left: 4px solid #F2F7FD;
        margin: 5px 0px 5px 10px;
    }

        #notifyPanel .notifyItemDescription .genericTable {
            margin-left: 10px;
            color: #000000;
        }

            #notifyPanel .notifyItemDescription .genericTable td {
                padding-bottom: 3px;
            }

            #notifyPanel .notifyItemDescription .genericTable .highlight {
                color: red;
            }

            #notifyPanel .notifyItemDescription .genericTable .highlightGood {
                color: #008000;
            }

    #notifyPanel .notifyItemFooterLeft {
        float: left;
        font-size: 9px;
        padding-top: 3px;
    }

    #notifyPanel .notifyItemFooter {
        text-align: right;
    }



/* ch 21-10-2016 Date picker size added back in */
.ui-datepicker {
    font-size: 17px;
}

    .ui-datepicker td span, .ui-datepicker td a {
        padding: 5px;
        font-size: 11px;
    }

    .ui-datepicker th span, .ui-datepicker th a {
        font-size: 11px;
    }

.ui-datepicker-month, .ui-datepicker-year {
    font-size: 12px;
    text-transform: uppercase;
}

.ui-datepicker .ui-datepicker-title {
    line-height: 1.5em;
}


table.clean-table, .clean-displaytable {
    padding: 0;
    margin: 0;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
}

    table.clean-table th, .clean-table td {
        padding: 1px 8px 1px 8px;
    }

    table.clean-table th {
        font-weight: bold;
        vertical-align: bottom;
    }

    table.clean-table td {
        vertical-align: middle;
    }

    table.clean-table .text {
        text-align: left;
    }

    table.clean-table .number {
        text-align: right;
    }

    table.clean-table .date, .clean-table .bool, .clean-table .button {
        text-align: center;
    }

.clean-table .button {
    cursor: pointer;
}

table.clean-displaytable th, .clean-displaytable td {
    padding: 8px;
}

.nowrap {
    white-space: nowrap;
}

#pnlProgressBar {
    padding: 10px;
}

    #pnlProgressBar .runBar {
        width: 100%;
        height: 10px;
        background-color: #CCCCCC;
        border-radius: 5px;
    }

    #pnlProgressBar .runBarPercentage {
        width: 100px;
        height: 10px;
        display: block;
        float: left;
        background-color: #0078D7;
        border-radius: 5px;
    }

.formScheduler .dateField1 {
    width: 80px;
    margin-right: 5px;
}

.formScheduler .spanChkBoxText label {
    position: relative;
    top: -2px;
    right: -2px;
}

.formScheduler .genericTable th {
    vertical-align: middle;
}

.formScheduler input {
    padding: 4px;
}

#maincont #pnlDocumentViewer .fa {
    font-size: 14px;
    position: relative;
    top: 3px;
}

.dialog-warnings {
    font-size: 12px;
    display: none;
}

    .dialog-warnings .h7 {
        display: block;
        padding: 1px 0px 1px 5px;
        margin-top: 5px;
        text-transform: uppercase;
        font-size: 12px;
        color: #ffffff;
        border-bottom: 1px solid #5d8aa6;
        margin: 0 20px 15px 20px;
    }

        .dialog-warnings .h7 .insert {
            left: -5px;
            top: 12px;
            padding-right: 10px;
            padding-left: 3px;
            position: relative;
            background-color: white;
            color: #5d8aa6;
        }

    .dialog-warnings ul {
        list-style-type: square;
        margin-top: 5px;
    }

    .dialog-warnings li {
        padding: 5px;
    }

#maincont #pnlDocumentViewer .fa {
    font-size: 14px;
    position: relative;
    top: 3px;
}

.jobCreatedInvoiceSentText {
    font-size: 12px;
    margin-bottom: 20px;
}

    .jobCreatedInvoiceSentText ul {
        list-style: none;
    }

    .jobCreatedInvoiceSentText li {
        text-transform: uppercase;
    }

#pnlMessageBox ul {
    list-style: none;
}

#pnlMessageBox li {
    text-transform: uppercase;
}

.colourBox {
    border-radius: 3px;
    border: 1px solid lightgray;
    padding: 3px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}
/* SG WSFIVE-12255 Start*/

#pnlDetailsPopRight {
    display: flex;
    position: fixed;
    top: 0;
    /*left: 950px;*/
    right: 0;
    padding: 10px;
    height: 100%;
    border-bottom: #8AC34A 7px solid;
    text-align: center;
    z-index: 250;
    background-color: #ffffff;
    line-height: 150%;
    border-left: 1px solid gray;
}

    #pnlDetailsPopRight .content {
        display: flex;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        flex-grow: 1;
        /*flex-shrink: 1;*/
        flex-direction: column;
        text-align: left;
        width: 100%;
    }

    #pnlDetailsPopRight .contentUpper {
        height: 30px;
        padding-top: 0px;
        padding-bottom: 5px;
        flex-grow: 0;
        flex-shrink: 0;
    }

        #pnlDetailsPopRight .contentUpper h1 {
            margin-top: 10px;
            margin-bottom: 15px;
            padding-left: 0px;
            border-bottom-width: 0px;
        }

        #pnlDetailsPopRight .contentUpper h6 {
            margin-top: 0px;
        }

    #pnlDetailsPopRight .contentMiddle {
        flex-grow: 1;
        /*flex-shrink: 1;*/
        flex-direction: column;
        overflow: auto;
        /*height: 80%;*/
        margin-bottom: auto;
    }

        #pnlDetailsPopRight .contentMiddle h5 {
            text-decoration: underline;
            border-bottom-width: 0px;
            font-size: 11px;
            padding: 0px;
        }

        #pnlDetailsPopRight .contentMiddle .rollingCommentItem {
            border-bottom: 1px solid whitesmoke;
            padding-top: 10px;
        }

            #pnlDetailsPopRight .contentMiddle .rollingCommentItem .dateText {
                text-transform: uppercase;
            }

        #pnlDetailsPopRight .contentMiddle a {
            text-decoration: none;
        }

        #pnlDetailsPopRight .contentMiddle .commentBox {
            padding: 15px 10px 15px 10px;
        }

        #pnlDetailsPopRight .contentMiddle .comment {
            padding-left: 20px;
            border-left: 5px solid #f2f7fd;
            margin-left: 10px;
        }

    #pnlDetailsPopRight .contentFooter {
        height: 285px;
        /*text-align: right;*/
        /*padding-top: 10px;*/
        flex-grow: 0;
        flex-shrink: 0;
        vertical-align: bottom;
        margin-top: auto;
    }

        #pnlDetailsPopRight .contentFooter .genericTable {
            border-spacing: 0px;
        }

            #pnlDetailsPopRight .contentFooter .genericTable td {
                padding-right: 0px;
            }

        #pnlDetailsPopRight .contentFooter .textInput {
            width: 100%;
            overflow-y: auto;
            white-space: pre-line;
            white-space: pre-wrap;
            padding: 5px;
        }

        #pnlDetailsPopRight .contentFooter .LargeBtn2 {
            text-decoration: none;
            margin-top: 5px;
            margin-left: 5px;
        }

/* SG WSFIVE-12255 End*/

#pnlDeatailsPop {
    position: fixed;
    display: none;
    top: 0px;
    left: 0px;
    width: 100%;
    border-bottom: #8AC34A 7px solid;
    text-align: center;
    z-index: 250;
    background-color: #ffffff;
    line-height: 150%;
}

    #pnlDeatailsPop .content {
        width: 1160px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: column;
        text-align: left;
        height: 100%;
    }

    #pnlDeatailsPop .contentUpper {
        height: 50px;
        padding-top: 10px;
        padding-bottom: 5px;
        flex-grow: 0;
        flex-shrink: 0;
    }

        #pnlDeatailsPop .contentUpper h1 {
            margin-top: 10px;
            margin-bottom: 15px;
            padding-left: 0px;
            border-bottom-width: 0px;
        }

    #pnlDeatailsPop .contentMiddle {
        flex-grow: 1;
        overflow: auto;
    }

        #pnlDeatailsPop .contentMiddle h5 {
            text-decoration: underline;
            border-bottom-width: 0px;
            font-size: 11px;
            padding: 0px;
        }

        #pnlDeatailsPop .contentMiddle .genericTable tr td:first-child {
            font-weight: bold;
            width: 200px;
        }

        #pnlDeatailsPop .contentMiddle a {
            text-decoration: none;
        }

    #pnlDeatailsPop .contentFooter {
        height: 50px;
        text-align: right;
        padding-top: 10px;
        flex-grow: 0;
        flex-shrink: 0;
    }

        #pnlDeatailsPop .contentFooter .LargeBtn2 {
            text-decoration: none;
        }

.badgeInQuery {
    border: 2px solid pink;
    border-radius: 10px;
    padding: 0 6px;
    display: inline-block;
    margin-left: 5px;
}

#maincont .MicrosoftMap .Infobox {
    border: 2px solid #6180a3;
}

    #maincont .MicrosoftMap .Infobox .infobox-info {
        font-size: 11px;
        margin-right: 4px;
    }



#pnlCRMManagerContainer {
    display: flex;
}

    #pnlCRMManagerContainer .leftPanel {
        flex-grow: 0;
        flex-shrink: 0;
        width: 300px;
        font-size: 11px;
    }

    #pnlCRMManagerContainer .rightPanel {
        flex-grow: 1;
    }

    #pnlCRMManagerContainer .filterTitle {
        margin-top: 5px;
        color: #777777;
        text-decoration: underline;
    }

    #pnlCRMManagerContainer .filterBox {
        width: 250px;
        overflow: auto;
        max-height: 120px;
        display: block;
    }

    #pnlCRMManagerContainer h1 {
        border-bottom-width: 0px;
        padding-left: 0px;
        margin-top: 25px;
        font-size: 18px;
    }


    #pnlCRMManagerContainer .filterBox .filterToggle {
        margin-bottom: 5px;
        text-align: right;
    }

    #pnlCRMManagerContainer .filterToggle {
        margin-bottom: 5px;
        text-align: right;
        float: right;
    }

    #pnlCRMManagerContainer .reportBox {
        border-width: 0px;
        background-color: transparent;
    }

    #pnlCRMManagerContainer .filterBox .filterOptionText {
        position: relative;
        top: -2px;
    }

    #pnlCRMManagerContainer #pnlCases td, #pnlCRMManagerContainer #pnlCases th {
        border-bottom: 1px solid #ebebeb;
        padding: 7px 5px 7px 5px;
    }

    #pnlCRMManagerContainer #pnlCases tr:first-child th {
        color: gray;
        font-weight: normal;
    }

    #pnlCRMManagerContainer #pnlCases tr:nth-child(2) th {
        background-color: whitesmoke;
    }

    #pnlCRMManagerContainer .stats {
        float: right;
        margin: 10px 0px 10px 0px;
    }

    #pnlCRMManagerContainer .statItem {
        display: inline-block;
        padding-right: 15px;
    }

    #pnlCRMManagerContainer .statItemTitle {
        font-size: 12px;
        text-align: right;
        padding-right: 10px;
        color: gray;
        position: relative;
        top: -5px;
    }

    #pnlCRMManagerContainer .statItemValue {
        font-size: 28px;
    }

.caseEventHeader {
    text-align: center;
    font-weight: bold;
}

#pnlCaseSummary .divStatItem {
    width: 150px;
    text-align: center;
    display: inline-block;
    margin-bottom: 25px;
}

    #pnlCaseSummary .divStatItem .divStatText {
        font-weight: normal;
        margin-bottom: 10px;
        margin-left: 8px;
    }

#divCreateUpdateEvent .inputFields {
    padding: 0 10px 10px 10px;
}



#pnlPortalUnconfirmedStats .borderth {
    padding: 15px 20px 0 20px;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    border-top: #dddddd 1px solid;
    border-left: #dddddd 1px solid;
    border-right: #dddddd 1px solid;
}

#pnlPortalUnconfirmedStats .bordertd {
    padding: 20px;
    font-size: 40px;
    font-weight: normal;
    color: #374650;
    text-align: center;
    border-bottom: #dddddd 1px solid;
    border-left: #dddddd 1px solid;
    border-right: #dddddd 1px solid;
}

#pnlPortalUnconfirmedStats .bordertherror {
    background-color: #fffff0;
    background-image: url(/images/panel/grid1.gif);
    background-repeat: repeat;
    color: Gray;
    padding: 15px 20px 0 20px;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    border-top: #B82E00 4px solid;
    border-left: #B82E00 4px solid;
    border-right: #B82E00 4px solid;
}

#pnlPortalUnconfirmedStats .bordertderror {
    background-color: #fffff0;
    background-image: url(/images/panel/grid1.gif);
    background-repeat: repeat;
    color: Gray;
    padding: 20px;
    font-size: 40px;
    font-weight: normal;
    color: #374650;
    text-align: center;
    border-bottom: #B82E00 4px solid;
    border-left: #B82E00 4px solid;
    border-right: #B82E00 4px solid;
}

#pnlPortalUnconfirmedStats .UnActionedRequestsStatsContainer th {
    width: 150px;
    padding-bottom: 15px;
    text-align: center;
}

#pnlPortalUnconfirmedStats .UnActionedRequestsStatsContainer td {
    height: 50px;
    text-align: center;
}

#pnlPortalUnconfirmedStats .requestCountWrapper, #pnlCaseSummary .requestCountWrapper {
    padding: 2px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: block;
    border: 4px solid rgba(42, 91, 195, 0.15);
    margin-left: 35px;
}


.requestCountWrapperATag {
    text-decoration: none !important;
    /*PA 19/11/2019 WSFIVE-8839 Create New Orders/New Address and Link to WS*/
    cursor: pointer;
}

#pnlPortalUnconfirmedStats .UnActionedRequestsStatsContainer .requestCount, #pnlCaseSummary .requestCount {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    background: #F2F7FD;
    text-align: center;
    font-size: 30px;
    display: block;
    vertical-align: middle;
    padding: 0px;
    margin-left: 0px;
    color: #8ac34a;
}

#pnlPortalUnconfirmedStats .requestCountInner, #pnlCaseSummary .requestCountInner {
    position: relative;
    top: 29px;
}

#pnlPortalUnconfirmedStats .UnActionedRequestsStatsContainer .requestCountError, #pnlCaseSummary .requestCountError {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    background: #CE4A29;
    text-align: center;
    font-size: 30px;
    display: block;
    vertical-align: middle;
    padding: 0px;
    margin-left: 0px;
    color: #ffffff;
}

#pnlCaseSummary .divStatGroupTitle {
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}

#pnlCaseSummary .spanStatGroupUnderlin {
    display: block;
    height: 5px;
    width: 85px;
    background-color: #8ac34a;
    margin-top: 5px;
}

#pnlCRMManagerContainer .rightPanel .menu {
    float: right;
    width: 180px;
}

#pnlCRMManagerContainer .rightPanel .menuIcons {
    cursor: pointer;
    display: inline-block;
}

    #pnlCRMManagerContainer .rightPanel .menuIcons .fa {
        margin-right: 10px;
        font-size: 24px;
    }

#pnlCRMManagerContainer .rightPanel #mnuPopHead {
    float: right;
}

/*SL 05-Oct-2017 Added */

#thumbwrap {
    margin: 2px auto;
    width: 400px;
    height: auto;
    display: inline-block;
}

.thumb {
    float: left; /* must be floated for same cross browser position of larger image */
    position: relative;
    display: inline-block;
    margin: 2px;
    border-radius: 5px;
}

    .thumb img {
        border: 1px solid #000;
        vertical-align: bottom;
        border-radius: 4px;
        display: inline-block;
    }

    .thumb:hover {
        border: 0; /* IE6 needs this to show large image */
        z-index: 1;
        position: center;
    }

    .thumb span {
        position: absolute;
        visibility: hidden;
        display: inline-block;
    }

    .thumb:hover span {
        visibility: visible;
        top: 37px;
        left: 37px;
    }

#pnlCRMManagerContainer .rightPanel #mnuPopHead {
    float: right;
}

#pnlCRMManagerContainer .rightPanel #mnuPopHead {
    float: right;
}

div.scheduleReportParam {
    display: inline-block;
    padding-right: 10px;
}

    div.scheduleReportParam span:first-child {
        font-weight: bold;
        width: 100px;
    }

    div.scheduleReportParam span {
        padding-right: 5px;
    }

#menu li span.roundSpanHistoryPanel, .eventTypeBorderBox {
    border-radius: 10px;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    color: #ffffff;
    font-size: 11px;
}

#transKey .eventTypeBorderBox {
    color: #777777;
}

#pnlDeatailsPop .tblBatchPlants td {
    padding: 8px;
}

    #pnlDeatailsPop .tblBatchPlants td.floatRight {
        text-align: right;
    }

#pnlDeatailsPop .tblBatchPlants tr:nth-child(2n) td {
    background-color: #F2F7FD;
}

#maincont .transactionItemDetails .fa-home {
    font-size: 17px;
}

#maincont .addressDetailsBody .fa-home {
    font-size: 16px;
}

#maincont .classComponents th, #maincont .classComponents td {
    padding: 8px;
}

#maincont .classComponents tr:nth-child(2n) td {
    background-color: #F2F7FD;
}

#pnlRunning .progressPercentage, #dialog-progress .progressPercentage {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
}


#pnlDataArchiving .genericTableBackRow tr:nth-child(2n) {
    background-color: #F2F7FD;
}

#pnlDataArchiving .genericTableBackRow td, #pnlDataArchiving .genericTableBackRowWhite td {
    padding: 8px;
}

    #pnlDataArchiving .genericTableBackRow td input, #pnlDataArchiving .genericTableBackRowWhite td input {
        padding: 3px;
        border: 1px solid #CCCCCC;
    }

.qtip {
    cursor: help;
}

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

.align-left {
    text-align: left !important;
}

.align-center {
    text-align: center !important;
}

.bold {
    font-weight: bold;
}

.datefield-style, .reportBox .datefield-style {
    width: 165px;
    margin-right: 5px;
}

/* CM 15/04/2021 WSFIVE-11307 Display Risk at address from onhover QTIP*/
#operationPopDetails {
    padding: 5px 0px 5px 0px;
}

.operationPopDetailsHeader {
    padding: 5px 0px 5px 0px;
    font-weight: bold;
    font-size: 11px;
}

.popName {
    padding: 5px 0px 5px 0px;
    width: 70px;
}

.popImage {
    padding: 5px 0px 5px 0px;
    width: 70px;
}

.popDescription, .popNotes {
    padding: 5px 0px 5px 0px;
    width: 100px;
}
/* CM 15/04/2021 WSFIVE-11307 Display Risk at address from onhover QTIP*/

#orderPopDetails, .orderPopDetailsHeader {
    font-size: 11px;
}

    #orderPopDetails .popQty, #orderPopDetails .popUnit, #orderPopDetails .popOutlet, #orderPopDetails .popUnitPrice {
        width: 70px;
        float: right;
        display: inline-block;
    }

    #orderPopDetails .popWasteType {
        width: 100px;
        float: right;
        display: inline-block;
    }

#orderPopDetails {
    padding: 5px 0px 5px 0px;
}

.orderPopDetailsHeader span {
    font-weight: bold;
}

input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #C1C1C1;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #C1C1C1;
    opacity: 1;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #C1C1C1;
    opacity: 1;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #C1C1C1;
}

.clickable {
    cursor: pointer;
}

.timeEntry_control {
    position: relative;
    top: 5px;
    left: 3px;
}


#maincont .priceIncreaseExport {
    margin-bottom: 10px;
    font-size: 12px;
}

    #maincont .priceIncreaseExport td {
        padding: 10px;
    }

    #maincont .priceIncreaseExport tr:nth-child(2n) td {
        background-color: #F2F7FD;
    }

.jobStatusKeyBox {
    border-radius: 10px;
    width: auto;
    padding: 0 10px;
    display: inline-block;
    border: 1px solid lightgrey;
}

#article {
    margin: 20px;
}

    #article .agedBalance th {
        background-color: whitesmoke;
        color: gray;
    }

    #article .articleTitle, #helpDocument .articleTitle {
        font-size: 18px;
        margin-top: 30px;
        margin-bottom: 10px;
        letter-spacing: 2px;
        text-decoration: underline;
    }

    #article .articleImageContainer {
        text-align: center;
        margin-top: 30px;
        margin-bottom: 50px;
    }

        #article .articleImageContainer img {
            border: 4px solid #f2f7fd;
            max-width: 900px;
        }

    #article .fa {
        position: relative;
        top: 3px;
        margin-right: 5px;
    }

#helpDocument .helpLeftPanel {
    float: left;
    width: 65%;
    margin-top: 25px;
}

#helpDocument .helpRightPanel {
    float: right;
    width: 35%;
    margin-top: 25px;
}

    #helpDocument .helpRightPanel ul {
        list-style: none;
        padding-left: 15px;
    }

    #helpDocument .helpRightPanel li {
        background: url(/Images/misc/pdf4.png) left center no-repeat;
        padding-left: 25px;
        margin-left: 0px;
    }



#helpDocument .helpLatestArticles {
    margin-bottom: 10px;
    font-weight: bold;
}

.BtnDelete {
    background: url(../Images/misc/iconset/delete.png) no-repeat left top;
    width: auto;
}

#pnlAccCreditCardSearch {
    float: right;
    margin-right: 3px;
    display: block;
    width: 550px;
    text-align: right;
}

    #pnlAccCreditCardSearch .rdbCreditCardExpired {
        display: inline-block;
        height: 17px;
    }

.spotIcon {
    display: inline-block;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    position: relative;
    left: -2px;
    top: 4px;
}

.cashSaleMaster {
    background-color: #fff7e5;
    border: 1px solid rgba(83,90,96,0.1);
    border-radius: 5px;
    padding: 2px 5px 2px 5px;
    margin-left: 10px;
    font-size: 11px;
}

.modifyPanel .invarientCaptilized {
    text-transform: none;
}

.fa :hover {
    text-decoration: none;
}

#pnlSummaryInfo {
    padding: 5px;
    border-radius: 4px;
    margin-top: 10px;
}

    #pnlSummaryInfo .genericTable {
        font-size: 10px;
    }

        #pnlSummaryInfo .genericTable td:first-child {
            width: 65px;
        }

#pnlDocumentViewer .pnlDocDataContainer {
    border-bottom: 1px solid lightgray;
    padding-bottom: 5px;
}

    #pnlDocumentViewer .pnlDocDataContainer .leftContainer {
        float: left;
        width: 4%;
        height: 100%;
        text-align: center;
    }

    #pnlDocumentViewer .pnlDocDataContainer .rightContainer {
        float: right;
        width: 94%;
    }

        #pnlDocumentViewer .pnlDocDataContainer .rightContainer .genericTable td:first-child {
            font-size: 11px;
            color: gray;
            width: 70px;
        }

#pnlDocumentsUpload {
    margin-top: 5px;
}

.rwDocumentFileUpload {
    display: none;
}

#pnlDocumentViewer .rwDocumentFileUpload input {
    position: absolute;
    left: -100px;
}

.pnlUploadDocmentControl .documentFilename {
    display: flex;
}

.pnlUploadDocmentControl .fileElement {
    flex-grow: 1;
}

.pnlUploadDocmentControl .fileIcon {
    flex-grow: 0;
    flex-shrink: 0;
    width: 35px;
    text-align: right;
    padding-top: 3px;
}

hr.hr-gradient {
    margin: 20px 0;
    border: 0;
    height: 1px;
    background-color: #e9e9e9;
    /*background-image: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.37), rgba(0, 0, 0, 0));*/
}


.ui-dialog .runButtonClass span, .ui-dialog .scheduleButtonClass span, .ui-dialog .cancelButtonClass span {
    background-color: #F2F7FD;
    border-color: #D1D9FC;
    color: #000000;
}

.ui-dialog .runButtonClass, .ui-dialog .scheduleButtonClass, .ui-dialog .cancelButtonClass {
    border-color: #D1D9FC;
}

    .ui-dialog .runButtonClass:hover, .ui-dialog .scheduleButtonClass:hover, .ui-dialog .cancelButtonClass:hover {
        border-color: #6BA6F9;
    }


#pnlHeaderLetterLookup {
    margin-bottom: 10px;
}

    #pnlHeaderLetterLookup .btnLetter {
        display: inline-block;
        background-color: #89adcd;
        color: #ffffff;
        height: 25px;
        text-align: center;
        padding-top: 3px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 0px;
        margin-right: 5px;
    }

        #pnlHeaderLetterLookup .btnLetter a:link, #pnlHeaderLetterLookup .btnLetter a:hover {
            text-decoration: none;
        }

#pnlModuleFilterInner .btnModule {
    display: inline-block;
    background-color: #89adcd;
    color: #ffffff;
    height: 25px;
    text-align: center;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    margin-right: 5px;
}

    #pnlModuleFilterInner .btnModule a:link, #pnlModuleFilterInner .btnModule a:hover {
        text-decoration: none;
    }

.results-counter {
    font-size: 11px;
    color: gray;
    font-weight: normal;
    text-align: right;
    float: right;
    padding-right: 5px;
}

.loadingSpinner {
    text-align: center !important;
    padding: 20px !important;
}

    .loadingSpinner i {
        margin-right: 10px !important;
        color: #0495D8 !important;
        font-size: 20px !important;
    }

    .loadingSpinner img {
        display: block !important;
        margin: 0 auto !important;
        border: none !important;
    }

.stats-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: space-around;
}

    .stats-container .stats-item {
        margin-bottom: 20px;
        width: 100%;
    }

        .stats-container .stats-item label {
            font-size: 20px;
            color: gray;
            text-align: right;
            margin-right: 50px;
            display: inline-block;
            width: 40%;
        }

        .stats-container .stats-item span {
            font-size: 30px;
            display: inline-block;
        }

.ui-dialog .ui-dialog-buttonpane {
    text-align: right;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    padding-bottom: 2px;
}

.spnCountWithImage {
    margin-left: 22px;
}

.spnCountWithImage10 {
    margin-left: 10px;
}

.spnFolderImage {
    position: absolute;
}

.spnCountWithImage {
    padding: 2px 5px 1px 5px;
}

.ui-tabs .ui-tabs-nav {
    padding: 0px;
}

    .ui-tabs .ui-tabs-nav li {
        margin-bottom: 0px;
    }

#grBinData table td .scheduleTimeSlot {
    position: relative;
    left: 3px;
}

.scheduleTimeSlot {
    cursor: help;
}

.smallPop {
    position: absolute;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #CECECE;
    -moz-box-shadow: 5px 5px 20px lightgray;
    -webkit-box-shadow: 5px 5px 20px lightgray;
    box-shadow: 5px 5px 20px lightgray;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .smallPop div {
        display: inline-block;
        cursor: pointer;
        padding-left: 15px;
        padding-right: 15px;
        line-height: 42px;
        text-align: center;
        flex: auto;
        box-sizing: border-box;
    }

        .smallPop div:hover {
            text-decoration: underline;
        }

        .smallPop div:first-child {
            text-align: left;
            width: 100%;
            flex: none;
            text-transform: uppercase;
            background-color: #2B579A;
            color: #fff;
            cursor: default;
            text-decoration: none;
        }

    .smallPop:after {
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -10px;
        width: 0;
        height: 0;
        border-top: solid 10px #CECECE;
        border-left: solid 10px transparent;
        border-right: solid 10px transparent;
    }

#menu h6 {
    color: #000000;
}

.ui-datepicker-header {
    height: 25px;
    border-bottom-width: 0px;
}

.docTypeRadio input {
    width: 30px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    *overflow: hidden;
}

.spnVersion {
    margin-top: 50px;
    margin-left: 185px;
}

.lowercase {
    text-transform: lowercase !important;
}

.spnOpsScheduledMobileCompleteTime {
    font-size: 9px;
    position: relative;
    top: -6px;
    height: 12px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: gray !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: gray;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: gray;
}


#haztabs li {
    border-radius: 0;
}

#haztabs .ui-state-default {
    background-image: none;
    border-left-color: #EDF5F7;
    border-top-color: #EDF5F7;
    border-right-color: #EDF5F7;
    background-color: #f4f8f9;
}

#haztabs .ui-tabs-selected {
    border-top: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    background-color: #ffffff;
}

#haztabs .ui-tabs-active a {
    color: #000000;
}

#haztabs-1, #haztabs-2 {
    padding: 10px 0px 0px 0px;
}

#pnlTabsRight #tabs .ui-state-default {
    background-image: none;
    border-left-color: #ffffff;
    border-top-color: #ffffff;
    border-right-color: #ffffff;
    background-color: #ffffff;
    color: #62768D;
}

.tableFixHead {
    font-size: 12px;
    border-collapse: collapse;
    border-spacing: 0px;
    overflow-y: auto;
    max-height: 800px;
}

    .tableFixHead thead th {
        position: sticky;
        top: 0;
        background: whitesmoke;
    }

.flex-search-table {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.flex-search-cell {
    width: 50%;
    padding: 5px;
    box-sizing: border-box;
}

    .flex-search-cell label {
        display: inline-block;
        width: 120px;
        padding-right: 10px;
    }

.InactiveCaptionText {
    color: grey;
}

.ActiveCaptionText {
    color: ActiveCaption;
}

#tbImageUploadControl .imageUploadFirstTd {
    width: 20%;
}

.documentUploadFileSelector, .imageUploadFileSelector {
    border-width: 0px;
}

.aButton {
    background: none;
    border: none;
    font-weight: normal !important;
}

    .aButton:hover {
        color: #000;
    }

.pnlMenu .aButton {
    font-size: 14px;
}

.recurrenceWarning {
    border: 1px solid red;
    color: red;
    background-color: whitesmoke;
    padding: 4px;
    width: 265px;
    height: 45px;
    float: right;
}

.basic-flex-container {
    display: flex;
    flex-wrap: wrap;
}

    .basic-flex-container div {
        flex: 1 1 0;
    }

    .basic-flex-container .smallSideText {
        flex: 0 0 100%;
        padding-bottom: 20px;
    }


.invalidPassword {
    color: red;
    margin-bottom: 4px;
}

.text-no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sidedescription {
    position: relative;
    left: -10px;
}

#tbPaymentRefunds {
    width: 100%;
    border-width: 0;
}

    #tbPaymentRefunds tr th, #tbPaymentRefunds tr td {
        border-width: 1px;
    }

    #tbPaymentRefunds .clDate {
        width: 120px;
    }

    #tbPaymentRefunds tr td:nth-child(0) {
        border-right-width: 0px;
    }

    #tbPaymentRefunds tr td:nth-child(4) {
        border-right-width: 1px;
    }

    #tbPaymentRefunds .firstRow th {
        border-top: #e6e6e6 1px solid;
    }

    #tbPaymentRefunds th.lastCol, #tbPaymentRefunds td.lastCol {
        border-right: #e6e6e6 1px solid;
    }

    #tbPaymentRefunds .noRow {
        border-left-width: 0px;
        border-right-width: 0px;
    }

    #tbPaymentRefunds .success {
        color: #7EBC3A;
    }

    #tbPaymentRefunds .failure {
        color: red;
    }

#pnlSupport .pnlSupportLinks a {
    font-size: 14px;
}

#pnlSupport .pnlSupportLinks ul {
    padding-top: 10px;
}

    #pnlSupport .pnlSupportLinks ul li {
        padding-bottom: 10px;
    }

.centeredImage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    position: absolute;
    left: 50%;
}

#btnBypassYesCreateJob {
    margin-left: 5px;
}

.autocompletehover {
    color: #333333;
}

    .autocompletehover:hover {
        color: #333333;
    }

.autocompleteDiv {
    background-color: #ffffff !important;
}

    .autocompleteDiv:hover {
        background-color: #fff7e5 !important;
        border-color: #dddddd !important;
    }

#fltColumns .sortIcon {
    position: relative;
    top: 4px;
    left: 5px;
}

#maincont .pagination a {
    padding: 4px 10px 4px 10px;
    margin-right: 5px;
    border: 0px solid lightgray;
    font-size: 11px;
    border-radius: 4px;
}

#maincont .pagedList .active a {
    color: #ffffff;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    cursor: default;
    background-color: #428bca;
    border-color: #428bca;
}

.sysReportSubUrl {
    text-decoration: underline;
}

.SearchAlternativeProducerIcon {
    cursor: pointer;
    position: relative;
    top: 2px;
}

.helpIcon img {
    cursor: pointer;
    position: relative;
    top: 4px;
}

#chkEnableRecurrence + label {
    position: relative;
    top: -2px;
    left: 5px;
}

#dialog-schedules .dlgScheduleFilters {
    position: fixed;
    width: 1285px;
    background-color: #ffffff;
    z-index: 1;
}

#dialog-schedules #pnlSchedules_searchoverride {
    margin-top: 65px;
}

.selectorBox {
    padding-right: 15px;
}