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

/* colours */
body{background-color:#FAFAFF;}
.PopUpBody{background-color:#FFF;}
a{color:#0050BB;}
a:hover{color:#339; background-color:#CCC;}
h1, h2, h3, h4, th{color:#060;}
td.PopupLink:hover{color:#66C !important;}
.ChosenRow td{color:#C90 !important;}
.btn-primary, .page-item.active .page-link{background-color:#060; border-color:#060;}
.btn-primary:hover, .btn-primary:focus{background-color:#393; border-color:#282;}
.nav-link{color:#333;}
.nav-link:hover, .dropdown-item:hover{color:#339;background-color:#CCC;}
.DelIcon:hover, .DelIconInline:hover{color:#FFF; background-color:#F00;}
.form-control::placeholder {color:#693; opacity: 0.5;}
.form-control:-ms-input-placeholder, .form-control::-ms-input-placeholder{color:color:#693;}
label{color:color:#363;}
.FxCancelled{color:#ABA;}
.TxtSelected{color:#FC0;}
.TxtConfirmed{color:#060;}
.PlayerConfirmed{color:#060 !important; background-color:#6F9 !important;}
.LeagueTeamPlayer {color: #36F; background-color: #FFC;}
.green{color:#090;}
.AB-light-shade{background-color:#EFE;}


/* Symbols (e.g. PDF or £) */
.AB_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;}
.AB_icon_green{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:#CFC; color:#060;}
.AB_icon_yellow{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:#FF6; color:#060;}


/* Alterations to bootstrap */
main{min-height:80vh;}
a{padding-left:0.3rem; padding-right:0.3rem; display:inline-block; border-radius:4px; text-decoration:none;}
.btn{padding: 0.2rem 0.75rem; border-radius: 0.3rem;}
.card-header{position:relative;}
.card-body .btn{width:100%;}

/* Modals */
.modal-header{padding:0.25rem 1rem;}
.modal-body{padding:0.25rem 1rem;}
.modal-footer{padding:0.25rem 1rem;}
#ModalTable{width:auto; margin:0.5rem auto;}
#ModalTable td{padding:0.2rem 0.5rem;}

/* 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;}
.navbar-toggler-icon{background:url(/images/toggler-icon.png);}
.dropdown-menu{padding:0.2rem 0.1rem;}
.dropdown-item{padding:0.25rem 1rem;}

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

.main-container{background-color:#FFF; min-height:76vh; padding-top:1rem; border:solid 1px #CCC;}
.rink-container{background-color:#FFF; position:relative; width:100%; height:100%; padding:32px 0px 10px; margin:1rem;}
.container{position:relative;}
.container-full{position:relative; max-width:100%;}
.PopupLink{cursor:pointer;}
#PageNotes{font-size:90%; margin:2%; padding:1%; border:solid 1px #060; border-radius:0.5rem; background-color:#EFE;}
.AdminIcon{color:#390 !important;}
.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;}
.Toggle{cursor:pointer;}
.LinkTopLeft{position:absolute; top:1px; left:1px;}
.LinkTopRight{position:absolute; top:1px; right:1px;}
#ErrorContainer{display:none;}


/* Tables */
th a{padding:0; color:inherit;}
th a:hover{background-color:transparent;}
.w-10{width:10%;}

/* Forms */
.form-control-sm{padding:0.1rem 0.3rem;}
label{opacity:0.7; padding-top:6px;}
.AB-form-wrapper{border:solid 1px #255; border-radius:0.5rem; padding:1rem; max-width:600px; margin:1rem auto; position:relative;}
.AB-form-wrapper-slim{border:solid 1px #255; border-radius:0.5rem; padding:1rem; max-width:400px; margin:1rem auto; position:relative;}
.AB-form-wrapper-wide{border:solid 1px #255; border-radius:0.5rem; padding:1rem; max-width:900px; margin:1rem auto; position:relative;}
.AB-form-wrapper-full{border:solid 1px #255; border-radius:0.5rem; padding:0.75rem; width:98%; margin:0.5rem auto 0; position:relative;}
.FieldError{border-color:#A33; background-color:#f8d7da;}
.TickControl{cursor:pointer;}
.AB-Input-vsm{width:2rem;}
.AB-Input-sm{width:4rem;}
.AB-Input-md{width:6rem;}
.AB-Input-lg{width:9rem;}
.tblTitleBar{font-size:1.4rem; color:#FFF !important; background-color:#060 !important; padding-top:0.1rem !important; padding-bottom:0.1rem !important;}

/* Fixtures */
.TxtSelected{cursor:pointer;}
.TeamPlayer {position: relative; display: block; margin: 2px; padding: 1px 3px 1px 1px; border: 1px solid #36F; background-color: #FFC; border-radius: 4px; color: #111; font-weight:bold;}
.TeamContainer .TeamPlayer{cursor: move;}
.StatusToggle{border:solid 1px #060; display:inline-block; font-size:0.9rem; padding:0px 0.3rem; cursor:pointer; border-radius: 4px;}

/* Leagues */
.LeagueTeamPlayer {position: relative; display: block; margin: 2px; padding: 1px 3px 1px 1px; border: 1px solid #36F; background-color: #FFC; border-radius: 4px; color: #36F;}

/* Competitions */
#CompHolder{position:relative; padding:1%;}
#Col1 .Spacer{height:0.2rem;}
#Col2 .Spacer{height:1.4rem;}
#Col3 .Spacer{height:3.8rem;}
#Col4 .Spacer{height:8.6rem;}
#Col5 .Spacer{height:18.2rem;}
#Col6 .Spacer{height:38rem;}
.CompPlayerDiv{position:relative; width:96%; margin:0px auto; padding:2px 0px; font-size:1rem; border:solid 1px #255; background-color:#EFE; color:#255; border-radius:4px; box-shadow:1px 1px 2px #AAA; height:2rem; display:flex; justify-content: center; align-items: center; cursor:pointer;}
.CompScoreBox{position:absolute; top:0.1rem; right:-1.7rem; width:1.7rem; height:1.7rem; border:solid 1px #255; background-color:#EFE; border-radius:4px; display:flex; justify-content: right; align-items: center; text-align:center; font-size:90%;}
.CompModalScoreBox{width:3rem; margin:0 1rem 0 0.2rem;}
.RndTitle h2{font-size:1.2rem; margin:0;}
.CompTeamPlayer {position: relative; display: block; margin: 2px; padding: 1px 3px 1px 1px; border: 1px solid #36F; background-color: #FFC; border-radius: 4px; color: #36F;}

#CompDrawPos0{border:solid 1px #006600; text-align:center; min-height:120px;}
#CompDrawPosNone{border:solid 1px #006600; text-align:center; min-height:120px;}
.CompDrawApplicantHolder{position:relative; padding-bottom:1.5rem;}
.CompDrawHolder{border:dotted 1px #66CC66; text-align:center; height:2.4rem; border-radius:4px; padding:0.2rem;}
.CompDrawTeamDiv{position:relative; width:98%; margin:1px 1%; padding:2px; font-size:0.9rem; border:solid 1px #006600; background-color:#EFE; color:#003300; border-radius:4px; box-shadow:1px 1px 2px #AAA; cursor:pointer; z-index:99;}
.CompDrawVs{text-align:center; margin:0; padding:0; font-size:0.8rem;}
.CompDrawSpacer{margin:0.2rem; padding:0; font-size:1rem;}
#CompDrawByesIndicator{position:absolute; bottom:1px; display:block; text-align:center; left:0px; width:100%; font-size:0.8rem;}


/* jQuery */
.ui-autocomplete { max-height: 30%; overflow-y: auto; overflow-x: hidden; font-size:0.9rem !important; text-align:left;}
.ui-autocomplete li { padding:0px; margin:0px; line-height:0.9rem; }