body {
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    height: 100%;
    width: 100%;
    line-height: 1.35 !important;
}

input, select {
    font-size: inherit !important;
}


.divHomePageFact {
    position: absolute;
    top: 635px;
    left: calc(100% - 315px);
    padding: 4px 0px 6px 8px;
    text-align: left;
    max-width: 300px;
    color: #000000;
    background-color: #cccccc;
    box-shadow: 7px 12px 10px #404040;
}

.divHomePageFactPages {
    display: inline-block;
    float: right;
    margin-right: 5px;
    font-size: 14px;
    font-weight: bold;
}

.divHomePageFactDivTitle {
    font-size: 14px;
    font-weight: bold;
}

.divHomePageFactTitle {
    font-size: 15px;
    font-weight: bold;
    color: #1d70b8;
}

.divHomePageFactSummary {
}

.divHomePageFactUpdated {
}

.divHomePageBurgerPurple {
    cursor: pointer;
    margin-top: 8px;
}

    .divHomePageBurgerPurple span {
        display: block;
        width: 20px;
        height: 3px;
        margin-bottom: 2px;
        position: relative;
        background: #19044A;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
    }
        .divHomePageBurgerPurple span:first-child {
            transform-origin: 0% 0%;
        }

        .divHomePageBurgerPurple span:nth-last-child(2) {
            transform-origin: 0% 100%;
        }

.divHomePageBurgerMenu {
    display: none;
    position: absolute;
    width: 225px;
    margin: 0;
    padding: 6px;
    z-index: 1000;
    background-color: #f0f5f5;
    box-shadow: 7px 12px 10px #404040;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    /* to stop flickering of text in safari */

    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    cursor: default;
}

    .divHomePageBurgerMenu li {
        padding: 0px 0px 3px;
        font-size: 11px;
    }

.divNeedHelp {
    position: absolute;
    font-size: 10px !important;
    left: calc(100% - 145px);
    top: 70px;
    background-color: #19044A;
    color: #ffffff;
    padding: 2px 3px 1px 3px;
    box-shadow: 0 0 1px 1px #bcbcb8, 0 0 1px 1px #bcbcb8, 0 0 14px 1px #bcbcb8;
    border-radius: 5px;
    cursor: pointer;
    max-width: 135px;
}

.divNeedHelpInfo {
    position: absolute;
    padding: 8px 2px 8px 5px !important;
    background-color: #17a2b8 !important;
    left: calc(100% - 345px) !important;
    box-shadow: 7px 10px 10px #888888;
    width: 300px;
    border-radius: 5px;
    cursor: default;
}


.fontSize20 {
    font-size: 20px !important;
}

.fontSize19 {
    font-size: 19px !important;
}

.fontSize18 {
    font-size: 18px !important;
}

.fontSize17 {
    font-size: 17px !important;
}

.fontSize16 {
    font-size: 16px !important;
}

.fontSize15 {
    font-size: 15px !important;
}

.fontSize14 {
    font-size: 14px !important;
}

.fontSize13 {
    font-size: 13px !important;
}

.fontSize12 {
    font-size: 12px !important;
}

.fontSize11 {
    font-size: 11px !important;
}

.fontSize10 {
    font-size: 10px !important;
}

.fontSize9 {
    font-size: 9px !important;
}

.fontSize8 {
    font-size: 8px !important;
}

.fontSize1 {
    font-size: 1px !important;
}

.w-15 {
    width: 15% !important
}

.w-80 {
    width: 80% !important
}

.w-90 {
    width: 90% !important
}

.w-10 {
    width: 10% !important
}

.w-specific-70 {
    width: 70px !important;
}

.minHeight25 {
    min-height: 25px;
}

.minHeight45 {
    min-height: 45px;
}

.minHeight65 {
    min-height: 65px;
}

.minHeight85 {
    min-height: 85px;
}

span.no-show {
    display: none;
}

span.show-ellipsis:after {
    content: "...";
}

#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: not-allowed; /* Add a pointer on hover */
}

#divConfirmationDialog {
    background-color: #cccccc;
    position: fixed;
    top: 34%;
    left: 40%;
    min-width: 290px;
    min-height: 180px;
    padding: 0px;
    box-shadow: 7px 12px 10px #404040;
    z-index: 1999;
}

    #divConfirmationDialog #divConfirmationDialogTitle {
        background-color: #19044A;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
        padding: 4px 0px;
    }

    #divConfirmationDialog #divConfirmationDialogMessage {
        padding: 20px;
        min-height: 110px;
    }

    #divConfirmationDialog #divConfirmationDialogButtons div {
        display: inline-block;
        text-align: center;
        width: 48%;
        padding: 10px 0px;
    }

#divABBAInfo {
    background-color: #cccccc;
    position: fixed;
    top: 100%;
    left: -55%;
    min-width: 420px;
    min-height: 180px;
    padding: 0px;
    box-shadow: 7px 12px 10px #404040;
    z-index: 1999;
}

    #divABBAInfo #divABBAInfoTitle {
        background-color: #19044A;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
        padding: 4px 0px;
    }

    #divABBAInfo #divABBAInfoMessage {
        padding: 10px;
        min-height: 110px;
    }


#divExplainLogonWarning {
    background-color: #cccccc;
    position: fixed;
    top: 75%;
    left: 78%;
    box-shadow: 7px 12px 10px #404040;
    width: 400px;
    height: 180px;
    padding: 10px 10px;
}

#divReportMoreCriteriaDialog {
    background-color: #cccccc;
    position: fixed;
    width: 610px;
    padding: 0px;
    box-shadow: 7px 12px 10px #404040;
    font-size: inherit;
    z-index: 1999;
}

    #divReportMoreCriteriaDialog input {
        border-radius: .2rem;
    }

    #divReportMoreCriteriaDialog #divReportMoreCriteriaDialogTitle {
        background-color: #19044A;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
        padding: 4px 0px;
    }

    #divReportMoreCriteriaDialog #divReportMoreCriteriaDialogContent {
        padding: 10px;
        min-height: 160px;
    }

    #divReportMoreCriteriaDialog #divReportMoreCriteriaDialogButtons {
    }

        #divReportMoreCriteriaDialog #divReportMoreCriteriaDialogButtons div {
            display: inline-block;
            text-align: center;
            width: 48%;
            padding: 8px 0px;
        }

#divDocumentOutputFormatDialog {
    background-color: #cccccc;
    position: fixed;
    width: 255px;
    padding: 0px;
    box-shadow: 7px 12px 10px #404040;
    font-size: 12px;
    z-index: 1999;
    left: 300px;
    top: 300px;
}

    #divDocumentOutputFormatDialog input {
        border-radius: .2rem;
    }

    #divDocumentOutputFormatDialog #divDocumentOutputFormatDialogTitle {
        background-color: #19044A;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
        padding: 4px 0px;
    }

    #divDocumentOutputFormatDialog #divDocumentOutputFormatDialogContent {
        padding: 10px;
        min-height: 80px;
    }

    #divDocumentOutputFormatDialog #divDocumentOutputFormatDialogButtons {
    }

        #divDocumentOutputFormatDialog #divDocumentOutputFormatDialogButtons div {
            display: inline-block;
            text-align: center;
            width: 48%;
            padding: 8px 0px;
        }


#divExportDataSaveSpecDialog {
    background-color: #cccccc;
    position: fixed;
    top: 34%;
    left: 40%;
    width: 350px;
    height: 210px;
    padding: 10px 14px 2px 10px;
    box-shadow: 7px 12px 10px #404040;
    z-index: 999;
}

    #divExportDataSaveSpecDialog input {
        border-radius: .2rem;
    }

    #divExportDataSaveSpecDialog #divExportDataSaveSpecDialogTitle {
        background-color: #19044A;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
        padding: 4px 0px;
    }

    #divExportDataSaveSpecDialog #divExportDataSaveSpecDialogContent {
        padding: 10px;
        min-height: 45px;
    }

#divChooseHeredDialog {
    background-color: #cccccc;
    position: fixed;
    width: 635px;
    padding: 0px;
    box-shadow: 7px 12px 10px #404040;
    font-size: 11px;
    z-index: 1999;
    left: 250px;
    top: 80px;
}

    #divChooseHeredDialog #divChooseHeredDialogTitle {
        background-color: #19044A;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
        padding: 4px 0px;
    }

    #divChooseHeredDialog #divChooseHeredDialogContent {
        padding: 10px;
        min-height: 80px;
    }

#divSurveyPromptDialog {
    background-color: #cccccc;
    position: fixed;
    width: 535px;
    padding: 0px;
    box-shadow: 7px 12px 10px #404040;
    font-size: 11px;
    z-index: 1999;
    left: 250px;
    top: 150px;
}

    #divSurveyPromptDialog #divSurveyPromptDialogTitle {
        background-color: #19044A;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
        padding: 4px 0px;
    }

    #divSurveyPromptDialog #divSurveyPromptDialogContent {
        padding: 10px;
        min-height: 80px;
    }

#divSessionExpired {
    background-color: #cccccc;
    position: fixed;
    width: 535px;
    padding: 0px;
    box-shadow: 7px 12px 10px #404040;
    font-size: 11px;
    z-index: 1999;
    left: 250px;
    top: 150px;
}

    #divSessionExpired #divSessionExpiredTitle {
        background-color: #ff0000;
        color: #ffffff;
        font-weight: bold;
        font-size: 18px;
        text-align: center;
        padding: 4px 0px;
    }

    #divSessionExpired #divSessionExpiredContent {
        padding: 10px;
        min-height: 80px;
    }


#divExcelExportInfo {
    background-color: #cccccc;
    position: fixed;
    width: 235px;
    padding: 0px;
    box-shadow: 7px 12px 10px #404040;
    font-size: 11px;
    z-index: 1999;
    left: 250px;
    top: 150px;
}

    #divExcelExportInfo #divExcelExportInfoTitle {
        background-color: #19044A;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
        padding: 4px 0px;
    }

    #divExcelExportInfo #divExcelExportInfoContent {
        padding: 10px;
        min-height: 40px;
    }

    #divExcelExportInfo #divExcelExportInfoTimeElapsed {
        padding: 0px 0px 5px 10px;
        min-height: 20px;
    }

.divBrowserInfo {
    position: absolute;
    left: calc(100% - 132px);
    padding: 4px 0px 6px 4px;
    text-align: left;
    width: 130px;
    color: #000000;
    background-color: #cccccc;
    box-shadow: 5px 5px 5px #404040;
    
}

#divHeredPreview {
    background-color: #cccccc;
    position: absolute;
    min-width: 650px;
    padding: 0px;
    box-shadow: 7px 12px 10px #404040;
    font-size: 12px;
    z-index: 1999;
    left: 300px;
    top: 300px;
    overflow: auto;
    resize: both;
}

    #divHeredPreview table {
        width: 100%;
    }

        #divHeredPreview table th, #divHeredPreview table td {
            border: 1px solid black;
            border-collapse: collapse;
            padding: 0px 4px 0px 4px;
        }

        #divHeredPreview table thead > :nth-child(1) {
            font-weight: bold;
            position: sticky;
            top: 0;
            z-index: 2000;
            background-color: #cccccc;
        }

        #divHeredPreview table thead > :nth-child(9) {
            width: 65px;
        }

        #divHeredPreview table thead > tr > :nth-child(2),
        #divHeredPreview table tbody > tr > :nth-child(2),
        #divHeredPreview table thead > tr > :nth-child(3),
        #divHeredPreview table tbody > tr > :nth-child(3),
        #divHeredPreview table thead > tr > :nth-child(4),
        #divHeredPreview table tbody > tr > :nth-child(4),
        #divHeredPreview table thead > tr > :nth-child(6),
        #divHeredPreview table tbody > tr > :nth-child(6),
        #divHeredPreview table thead > tr > :nth-child(7),
        #divHeredPreview table tbody > tr > :nth-child(7) {
            text-align: right;
        }

        #divHeredPreview table tbody > tr > :nth-child(9) {
            text-align: center;
        }

#divCloseHeredPreview {
    background: #19044A;
    border-radius: 5px;
    font-size: 9px;
    color: #ffffff;
    font-weight: bold;
    float: right;
    width: 15px;
    cursor: pointer;
    background-color: #19044A;
    display: inline-block;
    text-align: center;
}

#divQuickSeachAbs {
    position: absolute;
    top: 600px;
    left: 5px;
    background-color: #cccccc;
    z-index: 9999;
    min-width: 230px;
    padding: 2px 0px 2px 4px;
}

#divQuickSeach {
    margin-left: 5px;
    z-index: 9999;
    min-width: 230px;
    padding: 1px 0px 0px 5px;
}

    #divQuickSeach input {
        font-size: 10px;
    }

#divQuickSeachAbs .quickSearchTitle {
    background-color: #ffffff;
    color: #19044A;
    font-weight: bold;
    cursor: move;
}

#divQuickSeachAbs .divQuickSeachContent {
    background-color: #cccccc;
    padding-left: 8px;
    cursor: default;
    font-weight: normal;
}

.RDPurpleText {
    color: #09098c;
}

.RDDarkGreyText {
    color: darkgrey !important;
}

.RDBlueText {
    color: #007bff;
}

.RDPurpleBackGround {
    background: #19044A;
    color: #fff;
}

.cursor-alias {
    cursor: alias;
}

.cursor-all-scroll {
    cursor: all-scroll;
}

.cursor-auto {
    cursor: auto;
}

.cursor-cell {
    cursor: cell;
}

.cursor-context-menu {
    cursor: context-menu;
}

.cursor-col-resize {
    cursor: col-resize;
}

.cursor-copy {
    cursor: copy;
}

.cursor-crosshair {
    cursor: crosshair;
}

.cursor-default {
    cursor: default;
}

.cursor-e-resize {
    cursor: e-resize;
}

.cursor-ew-resize {
    cursor: ew-resize;
}

.cursor-grab {
    cursor: -webkit-grab;
    cursor: grab;
}

.cursor-grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.cursor-help {
    cursor: help;
}

.cursor-move {
    cursor: move;
}

.cursor-n-resize {
    cursor: n-resize;
}

.cursor-ne-resize {
    cursor: ne-resize;
}

.cursor-nesw-resize {
    cursor: nesw-resize;
}

.cursor-ns-resize {
    cursor: ns-resize;
}

.cursor-nw-resize {
    cursor: nw-resize;
}

.cursor-nwse-resize {
    cursor: nwse-resize;
}

.cursor-no-drop {
    cursor: no-drop;
}

.cursor-none {
    cursor: none;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-progress {
    cursor: progress;
}

.cursor-row-resize {
    cursor: row-resize;
}

.cursor-s-resize {
    cursor: s-resize;
}

.cursor-se-resize {
    cursor: se-resize;
}

.cursor-sw-resize {
    cursor: sw-resize;
}

.cursor-text {
    cursor: text;
}

.cursor-w-resize {
    cursor: w-resize;
}

.cursor-wait {
    cursor: wait;
}

.cursor-zoom-in {
    cursor: zoom-in;
}

.cursor-zoom-out {
    cursor: zoom-out;
}

.topMenuItem-checked::before {
    position: absolute;
    left: .4rem;
    content: '✓';
    font-weight: 600;
}


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    width: 100%;
}

a {
    text-decoration: none !important;
}

    a.rdLink a.rdLink:visited, a.rdLink:active, a.rdLink:hover {
        color: #19044A;
        font-weight: bold;
        text-decoration: none;
    }

#sidebar {
    width: 240px;
    position: fixed;
    top: 53px;
    left: 0;
    height: calc(100vh - 21px);
    z-index: 999;
    background: #19044A;
    color: #fff;
    transition: all 0.3s;
}

    #sidebar.active {
        margin-left: -250px;
    }

    #sidebar .sidebar-header {
        padding: 0px 0px 0px 20px;
        background: #19044A;
    }

    #sidebar ul.components {
        padding: 20px 0;
        border-bottom: 1px solid #47748b;
    }

    #sidebar ul p {
        color: #fff;
        padding: 10px;
    }

    #sidebar ul li a {
        padding: 4px 6px 4px 12px;
        font-size: 1.1em;
        display: block;
        color: #fff;
    }

        #sidebar ul li a:hover {
            color: #7386D5;
            background: #fff;
        }

    #sidebar ul li.active > a,
    a[aria-expanded="true"] {
        color: #fff;
        background: #6d7fcc;
    }

    #sidebar ul ul a {
        font-size: 0.95em !important;
        padding-left: 30px !important;
        background: #19044A;
    }

.sideBarTopicalImage {
    height: 130px;
    margin: 0px 0px 0px 56px;
    background-image: url('../res/images/WomansEuros25.png');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
}

.sideBarTopicalImage2 {
    height: 130px;
    margin: 0px 0px 0px 46px;
    background-image: url('../res/images/wimbledonlogo.png');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
}

a[data-toggle="collapse"] {
    position: relative;
}

.XXdropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.leftMenuArrowPosition::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

a.highLight:hover {
    color: #fff;
    background: #6d7fcc;
}

.navBgColour {
    /* ---------------------------------------------------
    background-color: #333366 !important; RDPurpleText Old Purple Colour
    ----------------------------------------------------- */
    background-color: #19044A !important;
}

.navOffSetTop {
    margin-top: 80px;
}

.navAdjustLeftAndWidth {
    margin-left: 255px;
    width: calc(100vw - 280px);
}

.navAdjustLeftAndWidthZero {
    margin-left: 0px;
}

.nav-link {
    color: #ffffff !important;
}

.sidebar-header {
    padding-left: 15px !important;
}

#txtQuickSearch {
    font-size: 12px;
    width: 160px;
    background: #FFF url(../res/images/smallmaglass.png) no-repeat 97% 50%;
    margin-right: 10px;
}

#imgQuickSearch {
    width: 20px;
    height: 20px;
    float: right;
    margin-right: 14px;
}

.divRecentHereds {
    margin-top: 20px;
    background-color: #f0f5f5;
    position: absolute;
    z-index: 9999;
    padding-bottom: 5px;
    box-shadow: 7px 10px 10px #888888;
    min-width: 300px;
}

    .divRecentHereds .highLight:hover, .highLight:hover a {
        background-color: #689e32;
        color: #ffffff !important;
    }

    .divRecentHereds .highLight a:hover {
        background-color: #689e32;
        color: #ffffff !important;
    }

/* ---------------------------------------------------
    END SIDEBAR STYLE
    ----------------------------------------------------- */


/* ---------------------------------------------------
    RATES DATA BUTTONS STYLE
    ----------------------------------------------------- */
.RDButton, a.RDButton, a.RDButton:visited, a.RDButton:active, a.RDButton:focus, input.RDButton, button.RDButton, button:focus.RDButton, span.RDButton {
    background-position: 0% 0%;
    background: #19044A;
    background-image: -webkit-linear-gradient(to bottom right, #19044A, #6666cc);
    background-image: -moz-linear-gradient(to bottom right, #19044A, #6666cc);
    background-image: -ms-linear-gradient(to bottom right, #19044A, #6666cc);
    background-image: -o-linear-gradient(to bottom right, #19044A, #6666cc);
    background-image: linear-gradient(to bottom right, #19044A, #6666cc);
    border-radius: 6px !important;
    border-width: 1px !important;
    font-family: Arial;
    color: #ffffff;
    font-weight: bold;
    padding: 1px 5px 1px 5px;
    text-decoration: none;
    min-width: 84px;
    cursor: pointer;
    background-color: #19044A;
    background-repeat: repeat;
    background-attachment: scroll;
    display: inline-block;
    text-align: center;
}

    .RDButton:hover, a:hover.RDButton, input:hover.RDButton, button:hover.RDButton, button:focus.RDButton {
        color: #e1d8d8 !important;
    }

.RDButtonDisabled, .RDButtonDisabled:hover, a:hover.RDButtonDisabled, input:hover.RDButtonDisabled, button:hover.RDButtonDisabled, button:focus.RDButtonDisabled {
    color: #6f7270 !important;
    /*color: #8c8f8d !important;*/
}

.heredTabs {
    min-width: 135px !important;
    /*font-size: 12px !important;*/
}

a.RDButtonMini, a.RDButtonMini:visited, a.RDButtonMini:active, input.RDButtonMini, button.RDButtonMini, span.RDButtonMini {
    background-position: 0% 0%;
    background: #19044A;
    background-image: -webkit-linear-gradient(to bottom right, #19044A, #6666cc);
    background-image: -moz-linear-gradient(to bottom right, #19044A, #6666cc);
    background-image: -ms-linear-gradient(to bottom right, #19044A, #6666cc);
    background-image: -o-linear-gradient(to bottom right, #19044A, #6666cc);
    background-image: linear-gradient(to bottom right, #19044A, #6666cc);
    border-radius: 5px;
    font-family: Arial;
    font-size: 10px !important;
    color: #ffffff;
    font-weight: bold;
    padding: 2px 3px 1px 3px;
    margin-right: 4px;
    text-decoration: none;
    min-width: 40px;
    cursor: pointer;
    background-color: #19044A;
    background-repeat: repeat;
    background-attachment: scroll;
    display: inline-block;
    text-align: center;
}

    a .RDButtonMini.Mini1Char, a.RDButtonMini.Mini1Char:visited, a.RDButtonMini.Mini1Char:active, input.RDButtonMini.Mini1Char, button.RDButtonMini.Mini1Char, span.RDButtonMini.Mini1Char {
        font-size: 9px !important;
        min-width: 14px !important;
        width: 14px !important;
        padding: 1px 1px 1px 1px !important;
        margin-right: 2px !important;
    }

.surround {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 1px 1px #bcbcb8, 0 0 1px 1px #bcbcb8, 0 0 14px 1px #bcbcb8;
    padding-top: 4px !important;
}

a:hover.RDButtonMini, input:hover.RDButtonMini, button:hover.RDButtonMini {
    color: #e1d8d8 !important;
}


a.RDButton.green, a.RDButton.green:visited, a.RDButton.green:active, input.RDButton.green, button.RDButton.green, span.RDButton.green, a.RDButtonMini.green, a.RDButtonMini.green:visited, a.RDButtonMini.green:active, input.RDButtonMini.green, button.RDButtonMini.green, span.RDButtonMini.green {
    background: #689e32;
    background-image: -webkit-linear-gradient(to bottom right, #689e32, #aed884);
    background-image: -moz-linear-gradient(to bottom right, #689e32, #aed884);
    background-image: -ms-linear-gradient(to bottom right, #689e32, #aed884);
    background-image: -o-linear-gradient(to bottom right, #689e32, #aed884);
    background-image: linear-gradient(to bottom right, #689e32, #aed884);
}

    a.RDButton.green:hover, a.RDButton.green:visited:hover, a.RDButton.green:active:hover, input.RDButton.green:hover, button.RDButton.green:hover, span.RDButton.green:hover, a.RDButtonMini.green:hover, a.RDButtonMini.green:visited:hover, a.RDButtonMini.green:active:hover, input.RDButtonMini.green:hover, button.RDButtonMini.green:hover, span.RDButtonMini.green:hover {
        background: #689e32;
        background-image: -webkit-linear-gradient(to bottom right, #689e32, #aed884);
        background-image: -moz-linear-gradient(to bottom right, #689e32, #aed884);
        background-image: -ms-linear-gradient(to bottom right, #689e32, #aed884);
        background-image: -o-linear-gradient(to bottom right, #689e32, #aed884);
        background-image: linear-gradient(to bottom right, #689e32, #aed884);
        color: #e1d8d8 !important;
    }

/* ---------------------------------------------------
    END RATES DATA BUTTONS STYLE
----------------------------------------------------- */


/* ---------------------------------------------------
    START RATES DATA CIRCLE STYLES
----------------------------------------------------- */

.circOutline {
    background: rgb(51, 51, 102);
    background: -webkit-radial-gradient(50% 50%, circle, rgb(51, 51, 102), rgb(100, 100, 204));
    background: -moz-radial-gradient(50% 50%, circle, rgb(51, 51, 102), rgb(100, 100, 204));
    background: -ms-radial-gradient(50% 50%, circle, rgb(51, 51, 102), rgb(100, 100, 204));
    background: -o-radial-gradient(50% 50%, circle, rgb(51, 51, 102), rgb(100, 100, 204));
    background: radial-gradient(circle, rgb(51, 51, 102), rgb(100, 100, 204));
    border: 0px solid #000;
    width: 30px;
    height: 30px;
}

.circCircle {
    border-radius: 50%;
}

    .circCircle div {
        color: #ffffff;
        font: bold 14px/2em "arial";
        text-align: center;
        cursor: pointer;
    }

.svgSurveyCircle {
    height: 28px;
    width: 28px;
    margin-left: 10px;
}

    .svgSurveyCircle circle {
        cx: 14px;
        cy: 14px;
        r: 14px;
        cursor: pointer;
    }

        .svgSurveyCircle circle:hover {
            fill: #19044A;
        }

    .svgSurveyCircle text {
        pointer-events: none;
    }

.surveyScore {
    font-weight: normal !important;
}

/* ---------------------------------------------------
    END RATES DATA CIRCLE STYLES
----------------------------------------------------- */

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #19044A;
    color: white;
    text-align: center;
    z-index: 1000;
}

    .footer.DBAdmin {
        background-color: #ff0000 !important;
        bottom: 25px;
    }

.footerDefault {
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #19044A;
    color: white;
    text-align: center;
    padding-top: 5px;
    min-height: 30px;
}

.timeoutMsg {
    float: right;
    padding-right: 6px;
    padding-left: 6px;
}

.timeoutMsgWarning {
    background-color: #ff0000;
    color: #ffffff;
    font-weight: bold;
}

.logonWarning {
    float: right;
    padding-right: 6px;
    padding-left: 6px;
}

#graphZoom {
    position: absolute;
    top: 80px;
    height: calc(100% - 120px);
    width: calc(100% - 290px);
    background-color: white;
    z-index: 9999;
    color: red;
    display: none;
    padding: 2px 4px 2px 4px;
    border: 1px solid #d9d9d9;
    box-shadow: 7px 10px 10px #888888;
}

#divShowUserPageHistory {
    position: absolute;
    background-color: #cccccc;
    top: 0px;
    left: 0px;
    height: 300px;
    width: 200px;
    z-index: 9999;
    display: none;
    padding: 2px 4px 2px 4px;
    border: 1px solid #d9d9d9;
    box-shadow: 7px 10px 10px #888888;
    overflow: auto;
}
/* ---------------------------------------------------
    SEARCH PAGE STYLES
----------------------------------------------------- */
#searchTips {
    display: inline-block;
    padding: 0px 0px 2px 5px;
    margin-top: 9px;
    font-style: italic;
    font-size: 16px;
    line-height: 0 !important;
}

.searchPagingText {
    color: #6f42c1;
    font-size: 19px;
    font-weight: bold;
    padding-right: 5px;
    cursor: pointer;
}

.searchDivHelper {
    background-color: #cccccc;
    left: 300px;
    top: 300px;
    width: 400px;
    height: 515px;
    padding: 2px 4px 2px 10px;
}

.overRideAlignToRight {
    text-align: right;
}

.searchDivPrevSearches {
    background-color: #cccccc;
    top: 115px;
    left: 270px;
    width: 600px;
    height: 400px;
    padding: 2px 4px 2px 10px;
    box-shadow: 7px 10px 10px #888888;
    border-radius: 4px;
}

    .searchDivPrevSearches div div {
        max-height: 375px;
        overflow: auto;
        font-size: 12px;
        background-color: #ffffff;
        margin-top: 10px;
        width: 580px;
    }

        .searchDivPrevSearches div div th {
            background-color: #f0f5f5;
        }

.searchDivPCustomCols {
    background-color: #cccccc;
    font-size: 12px;
    width: 250px;
    padding: 4px 4px 4px 6px;
    box-shadow: 7px 10px 10px #888888;
}

    .searchDivPCustomCols label {
        margin-bottom: 0px !important;
    }

.searchSearchSaveDialog {
    background-color: #cccccc;
    position: fixed;
    top: 34%;
    left: 40%;
    width: 350px;
    height: 210px;
    padding: 10px 14px 2px 10px;
    box-shadow: 7px 12px 10px #404040;
    z-index: 999;
}

#divBtnSearchResultsSelectedOptions {
    position: absolute;
    background-color: #cccccc;
    top: 0px;
    height: 68px;
    padding: 4px 8px 4px 4px;
    box-shadow: 7px 10px 10px #888888;
    border-radius: 4px;
    color: #19044A;
    cursor: pointer;
}
    #divBtnSearchResultsSelectedOptions span {
        padding-left: 4px;
    }

        #divBtnSearchResultsSelectedOptions span:hover {
            display: inline-block;
            color: #ffffff;
            background-color: #28a745;
            width: 100%;
        }

#divSearchSaveSelectedToWatchListDialog {
    background-color: #cccccc;
    position: fixed;
    top: 34%;
    left: 40%;
    width: 350px;
    height: 210px;
    padding: 10px 14px 2px 10px;
    box-shadow: 7px 12px 10px #404040;
    z-index: 999;
}


.altRowColour tbody tr:nth-child(even) {
    background-color: #f0f5f5;
}

.altRowColour tbody tr:hover {
    background-color: #aed884;
}

.hoverRowGreenGroupMembers {
    background-color: #c5e8a3 !important;
}

.searchWatchListStar {
}

    .searchWatchListStar img {
        width: 26px;
        height: 26px;
    }

.schemeWatchAltRow {
    background-color: #FFE6E6 !important;
}

.schemeWatchPinkText {
    color: #FFE6E6 !important;
}

.searchHighlightRow {
    background-color: #6d7fcc !important;
    color: #ffffff;
}

    .searchHighlightRow a {
        color: #ffffff;
    }


.searchFooter {
    position: fixed;
    bottom: 0px !important;
    height: 160px;
    background-color: #6d7fcc;
    margin-left: -30px;
    z-index: 1000;
    width: calc(100% - 245px);
}

.searchFooterContent {
    padding: 6px 0px 6px 0px;
}

.searchFooterContentDetails {
    height: 124px;
    overflow-y: auto;
}


.maxScreenSearchFooterWidth {
    margin-left: -15px !important;
    width: calc(100% - 5px);
}

.searchFooterResizer {
    background-color: #cbd5e0;
    cursor: ns-resize;
    height: 4px;
    width: 100%;
}

/* ---------------------------------------------------
    END SEARCH PAGE STYLES
----------------------------------------------------- */


/* ---------------------------------------------------
    Rates Liability Calculator PAGE STYLES
----------------------------------------------------- */
.calcSaveScenarioDialog {
    background-color: #cccccc;
    position: fixed;
    top: 34%;
    left: 40%;
    width: 350px;
    height: 210px;
    padding: 10px 14px 2px 10px;
    box-shadow: 7px 12px 10px #404040;
    z-index: 999;
}

.calcLoadScenarioDialog {
    background-color: #cccccc;
    top: 200px;
    left: 515px;
    width: 830px;
    height: 250px;
    padding: 2px 4px 2px 10px;
    box-shadow: 7px 10px 10px #888888;
}

    .calcLoadScenarioDialog div {
        max-height: 225px;
        overflow: auto;
        font-size: 11px;
        background-color: #ffffff;
        margin-top: 10px;
        width: 810px;
    }

        .calcLoadScenarioDialog div th {
            background-color: #f0f5f5;
        }

/* ---------------------------------------------------
    END Rates Liability Calculator PAGE STYLES
----------------------------------------------------- */


/* ---------------------------------------------------
    Hereditament  PAGE STYLES
----------------------------------------------------- */
.heredBAInfo {
    background-color: #cccccc;
    margin-left: 50px;
    z-index: 1000;
    min-width: 20px;
    min-height: 50px;
    padding: 2px 14px 5px 10px;
    box-shadow: 7px 10px 10px #888888;
}

.dottedBorder {
    border-width: 2px;
    border-style: dotted;
    border-color: #689e32;
}

/* From https://css-tricks.com/background-patterns-simplified-by-conic-gradients/ */
.bgPyramid {
    background: linear-gradient(315deg, transparent 75%, #aed884 0) -10px 0, linear-gradient(45deg, transparent 75%, #aed884 0) -10px 0, linear-gradient(135deg, #a7332b 50%, transparent 0) 0 0, linear-gradient(45deg, #6a201b 50%, #561a16 0) 0 0 #561a16;
    background-size: 28px 28px;
}

.bgStriped {
    background-size: 4px 4px !important;
    /*background: linear-gradient(-45deg, transparent 45%, #ed715e 49%, #ed715e 51%, transparent 25%); */
    /* background: linear-gradient(-45deg, transparent 46%, #cccccc 49%, #cccccc 51%, transparent 55%); */
    font-style: italic;
}

.bgStripedSimilarCurrentHered {
    background-size: 4px 4px !important;
    background: linear-gradient(-45deg, transparent 45%, #ed715e 49%, #ed715e 51%, transparent 25%);
    /*background: linear-gradient(-45deg, transparent 46%, #cccccc 49%, #cccccc 51%, transparent 55%);*/
    font-style: italic;
}

.heredShowChange {
    background-color: #ffffb3;
    display: inline-block;
    padding: 0px 3px 0px 3px;
}

.heredHighLightAppealDecision {
    /*border: 2px solid #09098c;
    background-size: 4px 4px !important;
    background: linear-gradient(-45deg, transparent 46%, #19044A 49%, #19044A 51%, transparent 55%);
    */
}

/* ---------------------------------------------------
    END Hereditament  PAGE STYLES
----------------------------------------------------- */


/* ---------------------------------------------------
    IMPORT PAGE STYLES
----------------------------------------------------- */
.tblAvailFiles {
}

    .tblAvailFiles td {
        padding: 2px 4px 2px 4px !important;
    }

.voaDataFileList {
    overflow-y: scroll;
    max-height: 366px;
}
/* ---------------------------------------------------
    END IMPORT PAGE STYLES
----------------------------------------------------- */


/* ---------------------------------------------------
    CASE LAW PAGE STYLES
----------------------------------------------------- */

#caseLawDivDetails {
    background-color: #cccccc;
    position: fixed;
    left: 500px;
    top: 200px;
    width: 800px;
    height: 515px;
    padding: 0px;
    box-shadow: 7px 12px 10px #404040;
    font-size: 14px;
    z-index: 1999;
}

    #caseLawDivDetails #caseLawDivDetailsTitle {
        background-color: #19044A;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
        padding: 4px 0px;
    }

    #caseLawDivDetails #caseLawDivDetailsContent {
        padding: 10px;
        overflow-y: auto;
        overflow-x: hidden;
        min-height: 440px;
        max-height: 440px;
    }

    #caseLawDivDetails #caseLawDivDetailsButtons {
    }

        #caseLawDivDetails #caseLawDivDetailsButtons div {
            display: inline-block;
            width: 48%;
            padding: 8px 8px;
        }

/* ---------------------------------------------------
    END CASE LAW PAGE STYLES
----------------------------------------------------- */


/* ---------------------------------------------------
    WATCH LIST PAGE STYLES
----------------------------------------------------- */

.watchListAnalyseWarning {
    background-color: #cccccc;
    position: absolute;
    top: 30px;
    left: 40px;
    width: 250px;
    height: 110px;
    padding: 10px 14px 2px 10px;
    box-shadow: 7px 12px 10px #404040;
    z-index: 999;
    font-weight: bold;
}

/* ---------------------------------------------------
    END WATCH LIST PAGE STYLES
----------------------------------------------------- */


/* ---------------------------------------------------
    EMAIL TEMPLATES STYLES
----------------------------------------------------- */

.signOffBlue {
    color: #243F88;
}

.signOffName {
    font-weight: bold;
    color: #09098c;
}

.signOffFont1 {
    font-family: 'Times New Roman';
    font-size: 18pt;
    font-weight: bold;
    color: #243F88;
}

.signOffFont2 {
    font-family: 'Times New Roman';
    font-size: 14pt;
    font-weight: bold;
    font-weight: normal;
    color: #243F88;
}


/* ---------------------------------------------------
    END EMAIL TEMPLATES STYLES
----------------------------------------------------- */



#tblLogon a, #tblLogon a:visited, #tblLogon a:hover, #tblLogon a:active {
    color: brown;
}

#tblResults {
    border-color: brown;
}

    #tblResults td {
        padding-left: 4px;
        padding-right: 4px;
    }

        #tblResults td a, #tblResults td a:visited, #tblResults td a:hover, #tblResults td a:active {
            color: inherit;
            text-decoration: none;
        }

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

div.dt-buttons {
    float: right !important;
}

.orderByColumn {
    color: blue;
}

.bgPic1 {
    background-image: url("../res/images/homepage1.jpg?picv=1");
    background-repeat: no-repeat, no-repeat;
    background-size: cover;
    height: 800px;
    width: 100%;
}

.bgPic2 {
    background-image: url("../res/images/homepage2.jpg?picv=1");
    background-repeat: no-repeat, no-repeat;
    background-size: cover;
    height: 800px;
    width: 100%;
}

.bgPic3 {
    background-image: url("../res/images/homepage3.jpg?picv=1");
    background-repeat: no-repeat, no-repeat;
    background-size: cover;
    height: 800px;
    width: 100%;
}

.bgPic4 {
    background-image: url("../res/images/homepage4.jpg?picv=1");
    background-repeat: no-repeat, no-repeat;
    background-size: cover;
    height: 800px;
    width: 100%;
}

.bgPic5 {
    background-image: url("../res/images/homepage5.jpg?picv=1");
    background-repeat: no-repeat, no-repeat;
    background-size: cover;
    height: 800px;
    width: 100%;
}

.bgPic6 {
    background-image: url("../res/images/homepage6.jpg?picv=1");
    background-repeat: no-repeat, no-repeat;
    background-size: cover;
    height: 800px;
    width: 100%;
}

.bgPic7 {
    background-image: url("../res/images/homepage7.jpg?picv=1");
    background-repeat: no-repeat, no-repeat;
    background-size: cover;
    height: 800px;
    width: 100%;
}


.required:after {
    content: " *";
    color: red;
    font-weight: bold;
}

.top5 {
    margin-top: 5px;
}

.top7 {
    margin-top: 7px;
}

.top10 {
    margin-top: 10px;
}

.top15 {
    margin-top: 15px;
}

.top17 {
    margin-top: 17px;
}

.top20 {
    margin-top: 20px;
}

.top30 {
    margin-top: 30px;
}

.dataTable tbody td, .dataTable thead th, .dataTable thead td, .dataTable tfoot th, .dataTable tfoot td {
    padding: 5px 3px !important;
}

    .dataTable tbody td.dtIconColumn, .dataTable thead th.dtIconColumn, .dataTable thead td.dtIconColumn {
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 70px !important;
    }

/* Datatables Sorting icons on left */

table.dataTable thead th {
    background: transparent !important;
    white-space: nowrap;
}

table.dataTable thead span.sort-icon {
    display: inline-block;
    padding-left: 5px;
    margin-left: 3px;
    width: 16px;
    height: 16px;
}

.dataTables_filter input {
    padding: 2px !important;
    margin-right: 10px;
}

.paginate_button {
    padding: 0.25em 0.5em !important;
}

table.dataTable thead .sorting span {
    background: url('../datatables/DataTables-1.10.22/images/sort_both.png') no-repeat center right;
}

table.dataTable thead .sorting_asc span {
    background: url('../datatables/DataTables-1.10.22/images/sort_asc.png') no-repeat center right;
}

table.dataTable thead .sorting_desc span {
    background: url('../datatables/DataTables-1.10.22/images/sort_desc.png') no-repeat center right;
}

table.dataTable thead .sorting_asc_disabled span {
    background: url('../datatables/DataTables-1.10.22/images/sort_asc_disabled.png') no-repeat center right;
}

table.dataTable thead .sorting_desc_disabled span {
    background: url('../datatables/DataTables-1.10.22/images/sort_desc_disabled.png') no-repeat center right;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: darkgrey;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 400px !important;
    background-color: #19044A;
    color: #ffffff;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 2em !important;
}

.w-40 {
    width: 40% !important;
}

.w-48 {
    width: 48% !important;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: calc(100% - 250px);
    padding: 40px;
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
}

    #content.active {
        width: 100%;
    }

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }

        #sidebar.active {
            margin-left: 0;
        }

    #content {
        width: 100%;
    }

        #content.active {
            width: calc(100% - 250px);
        }

    #sidebarCollapse span {
        display: block;
    }

    .navAdjustLeftAndWidth {
        margin-left: 0px;
    }
}