:root {
    --anglia-red: #A41826;
    --anglia-red-lighter: #eb8f98;
    --anglia-red-darker: #8a0613;
    --anglia-grey: #A39691;
    --anglia-grey-lighter: #ebe6e4;
    --anglia-grey-darker: #8a8684;
}

h1 {
    color:#A41826;
    font-size:1.8em;
    font-weight:bold;
    margin:0;
}
h2 {
    color:#A41826;
    font-size:1.6em;
    margin:0;
}
h3 {
    color:#808080;
    font-size:1.2em;
    margin:0;
}
h4 {
    color:#808080;
    font-size:1.1em;
    margin:0;
}

a{
    color: #A41826;
    text-decoration: none;
}

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

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: 5px 10px;
    border: 1px solid #A41826;
    border-radius: 2px;
    text-decoration:none !important;
    background-color: #A41826;
    color: #FFF;
    font-size:0.8rem;
    line-height:1rem; 
    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: #8A1C26;
    border:1px solid #8A1C26;
}

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

a.lnkBtn.secondary {
    border: 1px solid #A41826;
    background-color: #A41826;
}
a.lnkBtn.secondary:hover {
    background-color: #8A1C26;
    border:1px solid #8A1C26;
}

a.lnkBtn.tertiary {
    border: 1px solid #A41826;
    background-color: #FFF;
    color: #A41826;
}
a.lnkBtn.tertiary:hover {
    border: 1px solid #8A1C26;
    background-color: #8A1C26;
    color: #FFF;
}

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

a.lnkBtn.selected {
    border:1px solid #A41826;
    background-color: #A41826;
}

.notification.info{
    color:#629E2C;
}
.notification.warning{
    color:red;
}
.notification.critical{
    color:red;
    font-weight:bold;
}

.infoIcon::after{
    font-family:Arial;
    font-weight:bold;
    content:"\0024D8";
    font-size:18px;
    color:#333;
    text-decoration:none;
}
.infoIcon:hover{
    text-decoration:none;
}
.infoIcon:hover::after {
    color:#8A1C26;
}

.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:5px;
    padding:20px;
}

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

.btn-primary, .btn-primary:active {
    background-color: var(--anglia-red);
    border-color: var(--anglia-red);
}

    .btn-primary:hover {
        background-color: var(--anglia-red-darker);
        border-color: var(--anglia-red-darker);
    }

    .btn-primary:focus {
        box-shadow: none;
    }