h1 {
    color: var(--primaryBackColour);
    font-size: 1.8em;
    font-weight: bold;
    margin: 0;
}

h2 {
    color: var(--primaryBackColour);
    font-size: 1.6em;
    margin: 0;
}

h3 {
    color: var(--primaryBackColour);
    font-size: 1.2em;
    margin: 0;
}

h4 {
    color: var(--primaryBackColour);
    font-size: 1.1em;
    margin: 0;
}

a {
    color: var(--primaryBackColour);
    text-decoration: none;
}

    a:hover {
        color: var(--primaryBackColour);
        text-decoration: underline;
    }

    a img:hover {
        transform: scale(1.1);
    }
/*banner images*/
.mainImg:hover {
    transform: none;
}
.pageTitle{
    text-align:center;
}
span.hideInlineText {
    line-height: 0;
    font-size: 0;
    color: transparent;
    margin: 0px;
    padding: 0px;
}

span.hideBlockText {
    line-height: 0;
    font-size: 0;
    color: transparent;
    margin: 0px;
    padding: 0px;
    display: block;
}

a.tertiary {
    color: #808080;
    text-decoration: none;
}

    a.tertiary:hover {
        color: #8A1C26;
        text-decoration: underline;
    }

a.lnkBtn {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: .375rem .75rem;
    border: 1px solid var(--primaryBackColour);
    border-radius: 0.375rem;
    text-decoration: none !important;
    background-color: var(--primaryBackColour);
    color: #FFF;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
}

a.lnkBtn-sm {
    font-size: 0.6rem;
    line-height: 0.7rem;
    letter-spacing: 0.1em;
}

a.lnkBtn-lg {
    font-size: 1.25rem;
    line-height: 1.8rem;
}

a.lnkBtn:hover {
    background-color: var(--primaryHoverColour);
    border: 1px solid var(--primaryHoverColour);
}

a.lnkBtn.primary {
    border: 1px solid #7BC637;
    background-color: #7BC637;
}

    a.lnkBtn.primary:hover {
        border: 1px solid #629E2C;
        background-color: #629E2C;
    }

a.lnkBtn.secondary {
    color:white;
    border: 1px solid var(--primaryHoverColour);
    background-color: var(--primaryHoverColour);
}

    a.lnkBtn.secondary:hover {
        background-color: var(--primaryBackColour);
        border: 1px solid var(--primaryBackColour);
    }

a.lnkBtn.tertiary {
    border: 1px solid var(--primaryBackColour);
    background-color: #FFF;
    color: var(--primaryBackColour);
}

    a.lnkBtn.tertiary:hover {
        border: 1px solid var(--primaryHoverColour);
        background-color: var(--primaryHoverColour);
        color: #FFF;
    }

a.lnkBtn.disabled {
    border: 1px solid #CCC;
    background-color: #CCC;
    cursor: not-allowed;
}

a.lnkBtn.selected {
    border: 1px solid var(--primaryBackColour);
    background-color: var(--primaryBackColour);
}

a.img:hover {
}

.notification.info {
    color: #629E2C;
}

.notification.warning {
    color: red;
}

.notification.critical {
    color: red;
    font-weight: bold;
}

.infoIcon::after {
    font-family: var(--primaryFontFace), Arial, Helvetica, sans-serif;
    font-weight: bold;
    content: "\0024D8";
    font-size: 18px;
    color: #333;
    text-decoration: none;
}

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

.infoIcon:hover::after {
   /* color: #fff;*/
}

.tooltip-inner {
    background-color: #FFF !important;
    border: 1px solid #808080;
    color: #000;
    text-align: left;
    max-width: 400px;
}

.tooltip.show {
    opacity: 1;
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #808080 !important;
}

.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: #808080 !important;
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #808080 !important;
}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #808080 !important;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #808080 !important;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: #808080 !important;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
    border-left-color: #808080 !important;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    border-right-color: #808080 !important;
}

.modal-backdrop {
    z-index: 10040;
}

.modal {
    z-index: 10050;
}

.modal-dialog {
    min-width: 600px;
}

.defaultContentBox {
    border: 1px solid #e1e7ec;
    border-radius: .25rem;
    padding: 20px;
}

    /*added because defaultContentBox already has padding 29/01/19*/
    .defaultContentBox .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
    }

.card {
    margin: 5px;
    box-shadow: 2px 2px lightgrey;
}

.floatThead-container {
    z-index: 100 !important;
}

.card-header h3 {
    color: var(--primaryBackColour);
}

.card-header {
    margin-bottom: 5px !important;
}

.tooltip-inner {
    background-color: var(--primaryBackColour) !important;
    border: 1px solid var(--primaryBackColour) !important;
    color: white;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    border-right-color: var(--primaryBackColour) !important;
}

.prefix-align-right {
    display: inline-block;
    width: 1.5em;
    text-align: right;
    margin-right: 0.75em;
}