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

/* main colours */
:root {
  --ab-main-bg: #f9f9ff;
  --ab-popup-bg: #FFF;
  --ab-text: #039;
  --ab-heading: #06C;
  --ab-link: #66f;
  --ab-link-bg: #0080ef;
  --ab-link-hover: #fff;
  --ab-link-hover-bg: #0080ef;
  --ab-highlight-bg: #C90;
  --ab-highlight: #F00;
}

/* Main alterations */
body{background-color: var(--ab-main-bg); color: var(--ab-text);}
.body-popup{background-color:#fff;}
main{min-height:80vh;}
a{color: var(--ab-link); 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);}
.plain-link{color:inherit; padding-left:0; padding-right:0;}
h1, h2, h3, h4, th{color: var(--ab-heading);}
.display-1{font-size:5rem;}
.display-2{font-size:4rem;}
.display-3{font-size:3rem;}
.display-4{font-size:2rem;}
.display-5{font-size:1.5rem;}
.display-6{font-size:1.2rem;}

/* Containers */
.AB-container-main{min-height:75vh; margin-top:0.5rem; padding:1rem; border-radius:0.5rem; box-shadow:0 0.5rem 1rem rgba(0,0,0,.15); background-color:#fff; 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-border-and-fill{border-radius:0.5rem; box-shadow:0 0.5rem 1rem rgba(0,0,0,.15); background-color:#fff; border:solid 2px #dee2e6;}
.AB-container-border{border-radius:0.5rem; box-shadow:0 0.5rem 1rem rgba(0,0,0,.15); background-color:#fff; border:solid 2px #dee2e6;}

/* images */
.AB-img-border{border-radius:0.5rem; box-shadow:0 0.5rem 1rem rgba(0,0,0,.15); bborder:solid 2px #dee2e6;}

/* 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;}
.DelIconInline:hover{background-color:#A00; color:#FFF;}
.EditIconInline{position:relative; display:inline-block; font-size:0.8rem; color:#060; cursor:pointer; width:2rem; padding:1px 0; text-align:center;}


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

/* 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.2rem; color: var(--ab-link);}
.nav-link:hover, .dropdown-toggle:hover{color: var(--ab-link-hover); background-color: var(--ab-link-hover-bg);}
.nav-link:active, .dropdown-toggle:active{color: var(--ab-link);}
.navbar-toggler-icon{background:url(/v4/images/toggler-icon.png);}
.dropdown-menu{padding:0.2rem 0.1rem;}
.dropdown-item{padding:0.25rem 1rem;}

.nav-pills .nav-link{padding: 2px 0.5rem; margin: 0px 0.2rem; font-size: 1.2rem; color: var(--ab-heading); border: solid 1px #CCC;}
.nav-pills .nav-link:hover{background-color:#CCC;}

/* Alan's extra styles*/
footer a{color:inherit; padding-left:2px; padding-right:2px; display:inline;}
#ErrorContainer{display:none;}
#LoadMsg{position:fixed; width:100%; height:100%; top:0px; left:0px; text-align:center; padding:200px 0px; font-size:36px; text-shadow:2px 2px 4px #666; background-color:rgba(200,200,250,0.6); z-index:2000;}

/* 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;}
.AB-Input-date{width:7rem;}
.form-filter{color:inherit; padding:0; margin:0}
.big-checkbox {width: 1.5rem; height: 1.5rem; margin-top:0.2rem; margin-bottom:0.2rem;}

/* tables */
.AB-tight-table td{padding:0 0.5rem;}
.AB-tight-table .form-select-sm{padding-top:0.1rem; padding-bottom:0.1rem;}
.AB-loose-table th, .AB-loose-table td{padding-right:1rem; padding-left:1rem;}