:root{--main-padding: 1rem;--grid-padding: 1rem;--card-border: 1px solid silver;--card-border-radius: 0;--card-padding: 1rem;--card-background: white;--svg-icon-size: 24px;--small-padding: 4px;--small-border-radius: 4px;--button-padding: .5rem;--page-background: #E5E5E5;--text-color: #333;--button-text-color: rgba(0,0,0,.8);--gig-header-background: transparent;--gig-full-width-link-background: transparent;--gig-details-background: hsl(180,0%,99%);--gig-private-notes-background: transparent;--gig-date-background: var(--page-background);--gig-date-padding: 1rem;--svg-icon-size:1.33333rem;--line-height: 1.4;--font-family: Arial, sans-serif}:root{--font-size:calc(13px + .25vw);--font-size: 14px}:root{--muted-text: #3336;--default: #E6E6E6;--default-hover: #888888;--default-active: #AAAAAA;--primary: #0078e7;--primary-hover: #4444CC;--primary-active: #6666EE;--button-primary-color: var(--primary);--button-primary-text-color: white;--info: #22AAAA;--success: #B2FFB2;--success-hover: #0A0;--success-fill: #B2FFB2;--warning: #FFFFB2;--warning-hover: #DB0;--warning-fill: #FFFFB2;--danger: #FFB2B2;--danger-hover: #C00;--danger-fill: #FFB2B2}#gig-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));grid-gap:var(--grid-padding);align-items:start}#gig-cards>div{position:relative}.card,.gig-card{overflow:hidden;position:relative;background:var(--card-background);border:var(--card-border);border-radius:var(--card-border-radius)}.general-notes{margin-bottom:var(--main-padding)}.general-notes-notes{margin:var(--card-padding)}.general-notes-edit-link{margin:var(--card-padding);text-align:right}.gig-header{margin:var(--card-padding);display:grid;grid-template-columns:min-content 1fr;grid-column-gap:var(--card-padding);align-items:center;position:relative;background:var(--gig-header-background)}.gig-header h1{margin:0;font-size:1.2rem;font-weight:700;color:#8b0000}.gig-date{font-weight:400;background:var(--gig-date-background);padding:var(--gig-date-padding)}.gig-date .date{font-size:150%;font-weight:700}.gig-header-link{transition:all .3s;opacity:0}.gig-header-link.gig-permalink{position:absolute;top:0;right:0}.gig-header-link svg{display:block}.gig-actions{position:absolute;bottom:0;right:0;display:grid;grid-auto-flow:column;grid-column-gap:var(--card-padding)}.gig-header:hover .gig-header-link{opacity:.999}.gig-card .full-width-link{align-items:center;padding:0 var(--card-padding);margin:var(--card-padding) 0;background:var(--gig-full-width-link-background);display:flex}.gig-card .full-width-link svg{flex-shrink:0;margin-right:var(--card-padding)}.gig-card .full-width-link div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-grow:1}.gig-details{padding:0 var(--card-padding);margin:var(--card-padding) 0;background:var(--gig-details-background);overflow-y:auto;border:1px dashed silver;border-left:0;border-right:0}.private-notes{margin:var(--card-padding) 0;padding:0 var(--card-padding);background:var(--gig-private-notes-background);overflow-y:hidden}.private-notes-heading{color:#8b0000;font-size:.8rem;margin:0}.private-notes-details{font-family:monospace;white-space:pre-wrap;overflow-y:auto}.availabilities{margin:var(--card-padding) 0;padding:0 var(--card-padding)}.gig-card.tentative{background-color:#ffffe0;border-color:#ff0}.gig-card.tentative .gig-status,.gig-status.tentative{background-color:#ff0;border-color:gold}.gig-card.cancelled{background-color:transparent;border-style:dashed;color:gray}.gig-card.cancelled h1{color:inherit}.gig-card.cancelled .gig-status,.gig-status.cancelled{border-color:gray;color:gray;border-style:dashed}.gig-status.deleted{background:#808080;border-color:gray;color:gray;border-style:dashed;color:var(--page-background)}.gig-status{font-size:.8rem;text-transform:uppercase;font-weight:700;display:inline-flex;padding:0 var(--small-padding);align-items:center;border-radius:999px;border:1px solid silver}.gig-status svg{margin-right:var(--small-padding)}.gig-card.draft:before{content:"DRAFT";pointer-events:none;display:block;position:absolute;top:0;bottom:0;left:0px;right:0px;z-index:99;font-size:90px;line-height:100%;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;font-weight:700;text-shadow:0 -200px 0 grey,0 -100px 0 grey,0 100px 0 grey,0 200px 0 grey;opacity:.15}.gig-invoices{padding:0 var(--card-padding);font-weight:700;font-size:.9rem}.gig-invoices-received{font-weight:400;color:#666;font-style:italic}.gig-files{padding:0 var(--card-padding);font-weight:700;font-size:.9rem}.gig-files h4{margin:0;font-weight:700;color:#8b0000}.gig-files ul{list-style:none;padding:0;margin:0}.gig-date{align-content:center;display:flex}.gig-date>div{margin:auto;display:grid;text-align:center}.gig-date>div .day{grid-row-start:1;grid-row-end:2}.gig-date>div .date{grid-row-start:2;grid-row-end:3}.gig-date>div .month{grid-row-start:3;grid-row-end:4}.gig-date>div .month.span-3{grid-column-start:1;grid-column-end:4}.availabilities{--availability-padding: var(--small-padding)}.availabilities .instrument,.availabilities .musicians{border-top:1px solid grey;border-bottom:1px solid grey}.availabilities .instrument~.instrument,.availabilities .musicians~.musicians{border-top:0}.availabilities{display:grid;grid-template-columns:max-content auto;grid-row-gap:var(--row-gap);grid-column-gap:var(--column-gap);align-items:stretch}.availabilities .instrument{grid-column:1;padding-right:var(--availability-padding);display:flex;justify-content:start}.availabilities .instrument span{display:none}.availabilities .instrument:after{content:attr(data-short-name);color:silver;font-variant:small-caps}.availabilities .name{display:flex;align-items:center}.availabilities .musicians{display:grid;grid-template-columns:1fr;grid-row-gap:var(--row-gap)}.availabilities .musician{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:var(--column-gap);grid-row-gap:var(--row-gap);align-items:flex-start}.availabilities .musician.dep .name{color:var(--muted-text)}.availabilities .reason{padding:0 var(--small-padding);align-self:stretch}.availabilities a.availability .reason{display:flex;align-items:flex-end;justify-content:space-between}.availabilities a.availability .reason svg{font-size:calc(var(--line-height) * 100%)}.musician.yes .reason{background:var(--success-fill)}.musician.maybe .reason{background:var(--warning-fill)}.musician.no .reason{background:var(--danger-fill)}.availability{color:inherit;text-decoration:none}.availabilities-edit{display:grid;grid-template-columns:max-content 1fr}.availabilities-edit .instrument{grid-column:1;border-top:1px solid grey;padding:var(--small-padding)}.availabilities-edit .musicians{display:grid;grid-template-columns:max-content 1fr;border-top:1px solid grey;padding:var(--small-padding) 0;grid-gap:var(--small-padding)}.availabilities-edit .musician{display:grid;grid-template-columns:1fr max-content}.availabilities-edit .musician.yes{background:var(--success-fill)}.availabilities-edit .musician.maybe{background:var(--warning-fill)}.availabilities-edit .musician.no{background:var(--danger-fill)}.availabilities-edit .reason{grid-column:1/-1}.availabilities-edit .dep-select{grid-column:2}.availabilities-edit .unticked .availSelect,.availabilities-edit .unticked .reason{display:none}body.has-modal{overflow:hidden}body.modal-closed{overflow:auto}body.modal-closed .modal-backdrop{display:none}.modal-backdrop{position:fixed;background:#000B;top:0;left:0;right:0;bottom:0;z-index:999;display:flex;flex-direction:column;justify-content:center;opacity:1}.modal-screen{display:grid;grid-template-columns:minmax(70%,min-content);align-items:flex-start;justify-content:center;overflow-y:auto;overflow-x:auto}.modal-position{padding:3rem 0;flex-shrink:0;position:relative}.modal-close{position:absolute;right:0rem;top:.5rem;display:flex;align-items:center;color:#fff}.modal-close svg{display:block;height:2rem;width:2rem}.modal-close:hover,.modal-close:active{color:#fff}.modal-window{background:white;border-radius:var(--modal-border-radius);box-shadow:0 2px 2px #000;min-width:min-content}:root{--modal-border-radius: 4px}.modal-window{display:grid}.modal-window header{padding:var(--card-padding);border-radius:var(--modal-border-radius) var(--modal-border-radius) 0 0}.modal-window header h3{margin:0;font-weight:400;font-size:1rem}.modal-window header{background-color:#e5e5e5;border-bottom:1px solid #d5d5d5}.modal-window section{padding:var(--card-padding);overflow-x:none}.modal-window footer{display:flex;justify-content:flex-end;padding:var(--card-padding);border-radius:0 0 var(--modal-border-radius) var(--modal-border-radius);background:#e5e5e5;border-top:1px solid #d5d5d5}.modal-window .spinner{padding:var(--card-padding);text-align:center}nav{padding:0;margin-bottom:var(--main-padding)}.nav{display:flex;flex-flow:row wrap}.nav h1{font-size:18px;color:#ea0000;font-weight:400;flex-grow:1;flex-shrink:1;margin:0;display:flex;align-items:center}.nav h1 .main-logo,.nav h1{margin-right:var(--main-padding)}.nav menu{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-end;flex-grow:0;flex-shrink:1;margin:calc(.5 * var(--main-padding)) 0 calc(.5 * var(--main-padding)) auto}:is(.nav menu) div+div{margin-left:var(--main-padding)}.nav menu div{margin:calc(.5 * var(--main-padding)) 0;flex-shrink:0}.nav{align-items:center}menu{margin:0;padding:0}#toaster{position:fixed;left:0;right:0;bottom:0;z-index:2147483647;pointer-events:none}.toast.removing{animation:toast-pushdown .4s cubic-bezier(.215,.61,.355,1) forwards}.toast{display:block;animation:toast-popup .4s cubic-bezier(.215,.61,.355,1) forwards;padding:8px 20px;pointer-events:auto}.toast{background:white;margin-top:12px;display:flex;justify-content:space-between;align-items:start;color:#fff;background:linear-gradient(15deg,hsl(0,0%,30%),hsl(0,0%,45%));padding:18px 24px}.toast-close{color:#fff}.toast-close:hover{text-decoration:none}@keyframes toast-popup{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-pushdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50px)}}.datepicker-expansion>div{padding:var(--card-padding)}.datepicker-expansion .close-link{display:flex;justify-content:flex-end}.datepicker-expansion{overflow-x:auto;overflow-y:hidden}.date-picker{display:grid;grid-template-columns:min-content auto;align-items:center}.date-picker .date-time{display:flex;flex-wrap:wrap}.date-picker .date-time input{flex-basis:1fr;flex-grow:1}.date-picker,.date-time{grid-gap:var(--small-padding)}.gig-details-preview-toggle,.preview-toggle{display:flex;justify-content:flex-end;margin-bottom:var(--card-padding)}.gig-status-radio{padding:var(--card-padding);background:var(--card-background)}#gig-editor .gig-body footer{padding:var(--card-padding);background:var(--card-background)}.gig-invoice{padding:0 var(--card-padding)}.gig-invoice p,.gig-invoice ul{margin:0;padding:0}.gig-invoice ul{list-style-type:none}.button{appearance:none;border:none;cursor:pointer;text-align:center;background:var(--fill, var(--default));--text-color: var(--button-text-color, white);color:var(--text-color);padding:var(--button-padding) calc(2 * var(--button-padding));font-size:inherit;font-family:inherit;text-decoration:none}.button::-moz-focus-inner{border:0}.button:hover{background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1)),linear-gradient(to top,transparent,rgba(255,255,255,.05) 40%,rgba(255,255,255,.1));text-decoration:none}.button{display:inline-grid;grid-auto-flow:column;grid-template-columns:max-content;grid-auto-columns:auto;grid-column-gap:var(--small-padding);align-items:center}.button svg{display:block;font-size:inherit}.button.primary{--text-color: var(--button-primary-text-color);background-color:var(--button-primary-color);color:var(--button-primary-text-color)}.button:visited,.button:hover,.button:active{color:var(--text-color)}.button:disabled{background-image:linear-gradient(hsla(0,0%,100%,.8),hsla(0,0%,100%,.8));cursor:wait}.button.small{font-size:.8rem;padding:var(--small-padding) calc(2 * var(--small-padding))}.button.google{background-color:#4285f4;color:#fff}.button.facebook{background-color:#4267b2;color:#fff}.button-list{display:flex;justify-content:flex-end;align-items:stretch}.button-list *+*{margin-left:var(--card-padding)}.in-place{display:block;box-sizing:border-box;width:100%;font-family:inherit;font-weight:inherit;line-height:inherit;font-size:inherit;background:inherit;color:inherit;border:0}.dynamic-height{resize:none;min-height:1em;overflow-y:hidden}.loading{opacity:.3}.invisible{visibility:hidden!important}.hidden{display:none!important}.radio-labels{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;grid-column-gap:var(--card-padding)}.radio-labels input{opacity:0;pointer-events:none;position:absolute}.radio-labels label:hover,.radio-labels input:checked+label:hover{background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.radio-labels input:checked+label{box-shadow:0 0 0 1px #00000026 inset,0 0 6px #0003 inset;background:var(--fill-selected)}.toggle{border-radius:var(--small-border-radius)}.toggle.toggle-on{box-shadow:0 0 0 1px #00000026 inset,0 0 6px #0003 inset;background:var(--fill-selected)}.button.yes{--fill-selected: var(--success)}.button.no{--fill-selected: var(--danger)}.button.maybe{--fill-selected: var(--warning)}body.has-modal:not(.modal-closed) main,body.has-modal:not(.modal-closed) nav{filter:blur(2px)}.availability-radios{margin-bottom:var(--card-padding)}.input{width:100%;padding:var(--small-padding)}.table{color:inherit}#all_gigs_table{width:100%;border-collapse:collapse}#all_gigs_table thead th{border-bottom:2px solid grey;text-align:left}#all_gigs_table td{border-bottom:1px solid grey}#personal-status{background:var(--warning);padding:var(--card-padding);border:1px solid var(--warning-hover);margin-bottom:var(--main-padding);display:flex}#personal-status svg{color:var(--warning-hover);margin-right:var(--card-padding)}*,*:before,*:after{box-sizing:border-box}img{display:block}html{font-family:var(--font-family, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif);background:var(--page-background);color:var(--text-color);line-height:var(--line-height);font-size:var(--font-size)}body{margin:var(--main-padding)}a{cursor:pointer;text-decoration:none}a:hover{text-decoration:underline}a{color:#004dd9}a:visited{color:#551a8b}a:hover{color:#ea0000}.button-as-link{all:unset}svg{font-size:var(--svg-icon-size)}svg.character{font-size:inherit}
