@charset "utf-8";
/* CSS Document */

/* main colours */
:root {
  --ab-page-bg: #CCC;
  --ab-main-bg: #FFF;
  --ab-popup-bg: #FFF;
  --ab-text: #333;
  --ab-heading: #712;
  
  --ab-link: #0050BB;
  --ab-link-hover: #FFF;
  --ab-link-hover-bg: #712;
  --ab-nav-link: #712;
  --ab-ddlink-hover-bg: #EDD;
}

/* Main alterations */
body{background-color: var(--ab-page-bg);}
main{min-height:50vh;}
.PopUpBody{background-color: var(--ab-popup-bg);}
a{color: var(--ab-link); background-color:transparent; padding-left:0.3rem; padding-right:0.3rem; display:inline-block; border-radius:4px; text-decoration:none;}
a:hover{color: var(--ab-link-hover); background-color: var(--ab-link-hover-bg);}
h1, h2, h3, h4, th{color: var(--ab-heading);}
.AB-heading{color: var(--ab-heading);}
.display-1{font-size:3rem;}
.display-2{font-size:2.5rem;}
.display-3{font-size:2rem;}
.display-4{font-size:1.8rem;}
.display-5{font-size:1.5rem;}
.display-6{font-size:1.4rem;}

/* Containers */
.AB-container-banner{padding:0;}
.AB-container-main{min-height:50vh; margin-top:0; padding:1rem 1.5rem 1rem; border-radius:0.5rem; box-shadow:0 0.5rem 1rem rgba(0,0,0,.15); background-color: var(--ab-main-bg); border:solid 2px #dee2e6;}
.AB-container-small{margin:1% auto; padding:1rem; max-width:30rem;}
.AB-container{margin:1% auto; padding:1rem; max-width:40rem;}
.AB-container-wide{margin:1% auto; padding:1rem; max-width:60rem;}
.AB-container-notes{margin:2px auto; padding:0.7rem; max-width:40rem; background-color:#EEF; border:solid 1px #0d6efd; border-radius:0.5rem; font-size:80%;}
.AB-container-notes h3{font-size:1.5rem; margin:0; padding:0 1rem 0.5rem; color:#0d6efd;}
.AB-image-container{border:solid 2px #712; border-radius:0.5rem; box-shadow:0 0.5rem 1rem rgba(0,0,0,.15);}

/* cards */
.AB-card-Fixed {min-height: 14rem; height: 100%;}

/* Symbols (e.g. PDF or £) */
.AB_text_icon{display:inline-block; margin:0 0.2rem 0.2rem; padding:0.1rem 0.3rem 0rem; font-size:0.7rem; font-weight:lighter; line-height:1rem; border:solid 1px #999; border-radius:4px; background-color:#EEE;}
.DelIcon{position:absolute; font-size:0.8rem; top:0.1rem; right:0.1rem; color:#A00; background-color:#FFF; padding:0px; border:solid 1px #F00; border-radius:0.5rem; cursor:pointer; width:1.3rem; text-align:center;}
.EditIcon{position:absolute; display:block; font-size:0.8rem; top:0.5rem; right:0.2rem; color:#060; cursor:pointer; width:2rem; padding:1px 0; text-align:center;}
.DelIconInline{position:relative; color:#A00; background-color:#FFF; padding:0px 5px; margin:0px auto; font-size:0.8rem; border:solid 1px #F00; border-radius:0.5rem; cursor:pointer; display:inline-block;}
.EditPageIcon{position:fixed; z-index:1000; display:block; font-size:1.1rem; font-weight:lighter; line-height:1rem; border:solid 1px #03F; border-radius:4px; background-color:#EEF; padding:0.2rem 0.4rem 0.4rem; cursor:pointer; color:#03F; text-align:center; box-shadow:2px 2px 4px #CCF; top:0.5rem; right:0.5rem;}
.EditPageIcon:hover{color:#EEF; background-color:#03F;}
.TopLeftIcon{position:absolute; font-size:0.8rem; top:0.1rem; left:0.1rem; color:#060; background-color:#EEF; padding:0px; border:solid 1px #060; border-radius:0.5rem; cursor:pointer; width:1.3rem; text-align:center;}


/* Modals */
.modal-header{padding:0.25rem 1rem;}
.modal-body{padding:0.25rem 1rem;}
.modal-footer{padding:0.25rem 1rem;}

/* Banner and Nav Bar */
#BannerTitle{font-size:1.8rem; line-height:120%;}
@media screen and (max-width:780px){ #BannerTitle{font-size:1.2rem; padding-top:1rem;} }
#SignedInLine{position:absolute; top:0; right:0;}
.navbar{padding:1px;}
.nav-link{padding:2px 0.5rem; margin:0px auto 2px 0.2rem; font-size:1.3rem; color: var(--ab-nav-link);}
.nav-link:hover, .dropdown-toggle:hover, .navbar-nav .nav-link.show:hover{color: var(--ab-link-hover); background-color: var(--ab-link-hover-bg);}
.nav-link:active, .navbar-nav .nav-link.show, .dropdown-toggle:active{color: var(--ab-nav-link);}
.navbar-toggler-icon{background:url(/images/toggler-icon.png);}
.dropdown-menu{padding:0.2rem 0.1rem;}
.dropdown-item{padding:0.25rem 1rem; font-size:1.1rem;}
.dropdown-item:hover{background-color: var(--ab-ddlink-hover-bg);}

/* Alan's extra styles*/
footer a{color:inherit; padding-left:2px; padding-right:2px; display:inline;}
#ErrorContainer{display:none;}

/* Forms */
.FieldError{border-color:#A33; background-color:#f8d7da;}
.AB-Input-vsm{width:2rem;}
.AB-Input-sm{width:4rem;}
.AB-Input-md{width:6rem;}
.AB-Input-lg{width:9rem;}
.fmEditField{padding:0.2rem 0.5rem; background-color:#FEE; width:100%;}