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

/* main colours */
:root {
  --ab-main-bg: #FAFAFF;
  --ab-popup-bg: #FFF;
  --ab-text: #333;
  --ab-heading: #005fae;
  --ab-link: #0050BB;
  --ab-link-bg: #FFF;
  --ab-link-hover: #0050BB;
  --ab-link-hover-bg: #CCC;
  --ab-highlight-bg: #C90;
  --ab-highlight: #F00;
}

/* Main alterations */
body{background-color: var(--ab-main-bg);}
main{min-height:80vh;}
.main-container{background-color:#FFF; min-height:76vh; padding-top:1rem; border:solid 1px #CCC;}
.small-container{max-width:50rem; margin:1rem auto;}
.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); margin-top:1.5rem; margin-bottom:0.1rem; font-family: 'Albert Sans', sans-serif;}
h1{font-size:1.7rem;}
h2{font-size:1.5rem;}
h3{font-size:1.3rem;}
h4{font-size:1.1rem;}

/* Banner and Nav Bar */
#BannerContainer{position:relative; height:4rem; background-color:#013b6b; margin-top:0.5rem;}
#BannerLogo{position:absolute; top:0.5rem; left:1rem;}
#BannerLogo img{height:3rem; width:auto;}
#BannerTitle{position:absolute; top:0.5rem; right:1rem; font-size:1.8rem; line-height:120%; color:#FFF;}
@media screen and (max-width:780px){ #BannerTitle{font-size:1.2rem; padding-top:1rem;} }
#SignedInLine{position:absolute; bottom:0; right:0; color:#FFF;}
#SignedInLine a{color:#FFF;}


/* Symbols (e.g. PDF or £) */
.AB_text_icon{display:inline-block; margin:0.2rem 0 0; padding:0.1rem 0.2rem; font-size:0.8rem; font-weight:lighter; line-height:1.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;}


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

/* 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-fld-date{width:4.8rem; padding-left:0.1rem; padding-right:0.1rem; padding-top:0; padding-bottom:0; text-align:center; min-height:1rem;}
.AB-fld-num{width:4rem; padding-left:0.1rem; padding-right:0.1rem; padding-top:0; padding-bottom:0; min-height:1rem;}