@import"https://www.yellowgrid.co.uk/public/1.0.36/css/desktop.css";:root{--width: clamp(44vh, 95%, 184vh);--border-radius: 5px;--font-weight-bold: 500;--font-weight-thin: 300;--primary: #3a3a3a;--gradient-down: linear-gradient(to bottom, #000 0%, var(--primary) 150%);--gradient-right: linear-gradient(to right, #111 0%, var(--primary) 75%);--background: #fcfcfc;--background-hover: #f1f1f1;--cta: #fff;--cta-hover: #ebebeb;--dark-grey: #5a5a5a;--light-grey: #d8d8d8;--dynamic-actions-width: 8vh}*{margin:0;padding:0;box-sizing:border-box;font-family:Work Sans,sans-serif}html{overflow-y:scroll;scroll-behavior:smooth}body{min-height:100vh;background:var(--background)}body h1,body h2,body h3,body h4,body h5,body h6{font-weight:unset}body a{text-decoration:none}input[data-picky]{border-color:var(--uc-blue);background:#e1f0ff;cursor:pointer}.iti:has(input[data-picky])>.iti__country-container{pointer-events:none}.iti input.iti__search-input{padding:6px 8px}.btn{border-radius:5px}dialog#notification{display:none}#tb-notify-shell{top:2.1vh}.upload-backup-file{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:10px}.upload-backup-file>#file-upload-area{transition:background-color .15s;flex:1;position:relative;border:2px dashed var(--dark-grey);border-radius:var(--border-radius);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--dark-grey);padding:2vh}.upload-backup-file>#file-upload-area>input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-backup-file>#file-upload-area>input:disabled{cursor:not-allowed}.upload-backup-file>#file-upload-area>i{font-size:50px}.upload-backup-file>#file-upload-area>p{margin-top:15px;font-size:18px}.upload-backup-file>#file-upload-area:hover{background:#e9e9e9}.upload-backup-file>#file-upload-area:active{background:#ddd}.upload-backup-file>.items{max-height:170px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.upload-backup-file>.items .row{list-style:none;border:1px solid var(--light-grey);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:space-between;background:var(--cta);padding:15px 20px}.upload-backup-file>.items .row .details span{font-size:16px}.upload-backup-file>.items .row .details span.size{font-size:14px;color:#5f5f5f}.upload-backup-file>.items .row i{font-size:30px;color:var(--dark-grey)}.upload-backup-file>.items .row i.fa-xmark{color:red}.upload-backup-file>.items .row i.fa-check{color:green}.upload-backup-file>.items.uploading .content{width:100%;margin-left:15px}.upload-backup-file>.items.uploading .details{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.upload-backup-file>.items.uploading .progress-bar{width:100%;height:8px;border:1px solid #d1d1d1;border-radius:30px;box-shadow:0 0 1px #0000001a;background:#fff}.upload-backup-file>.items.uploading .progress-bar .progress{transition:width .5s;width:50%;height:100%;border-radius:inherit;background:#919191}.upload-backup-file>.items.uploaded .content{display:flex;align-items:center}.upload-backup-file>.items.uploaded .details{margin-left:15px;display:flex;flex-direction:column}.upload-backup-file>.items.uploaded .details .size{font-size:14px;color:#404040}.upload-backup-file>.items.uploaded .fa-check{font-size:20px;color:var(--dark-grey)}.upload-backup-file>.items.uploaded .fa-xmark{font-size:20px;color:red}#save-system{pointer-events:none;position:fixed;z-index:1002;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:right;align-items:end}#save-system>button{transition:all .2s;pointer-events:all;translate:0 100%;margin-inline:auto;padding:1vh 2vh;border:1px solid var(--dark-grey);border-radius:var(--border-radius);background:#40ad00;font-weight:var(--font-weight-bold);font-size:25px;color:#fff;cursor:pointer}#save-system>button.active{translate:0 -4vh}#save-system>button.active:hover{transform:translateY(-2px);border-color:#111}#save-system>button.active:active{transform:translateY(0);border-color:var(--dark-grey)}.full-screen-message#error-msg,.full-screen-message#no-wizard-found,.full-screen-message#system-building,.full-screen-message#system-built{position:fixed;top:0;left:0;width:100%;height:98vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4vh;background:var(--background);color:var(--dark-grey)}:is(.full-screen-message#error-msg,.full-screen-message#no-wizard-found,.full-screen-message#system-building,.full-screen-message#system-built)>i{font-size:150px}:is(.full-screen-message#error-msg,.full-screen-message#no-wizard-found,.full-screen-message#system-building,.full-screen-message#system-built)>i.fa-triangle-exclamation{color:red}:is(.full-screen-message#error-msg,.full-screen-message#no-wizard-found,.full-screen-message#system-building,.full-screen-message#system-built)>img{height:120px}:is(.full-screen-message#error-msg,.full-screen-message#no-wizard-found,.full-screen-message#system-building,.full-screen-message#system-built)>p{text-align:center;font-size:30px}:is(.full-screen-message#error-msg,.full-screen-message#no-wizard-found,.full-screen-message#system-building,.full-screen-message#system-built) .copy-error{transition:all .1s;width:6vh;height:6vh;position:relative;border:2px solid var(--light-grey);border-radius:var(--border-radius);box-shadow:0 1px 2px #0003;background:var(--cta);color:var(--primary);cursor:pointer}:is(.full-screen-message#error-msg,.full-screen-message#no-wizard-found,.full-screen-message#system-building,.full-screen-message#system-built) .copy-error>i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:30px;color:var(--primary)}:is(.full-screen-message#error-msg,.full-screen-message#no-wizard-found,.full-screen-message#system-building,.full-screen-message#system-built) .copy-error:hover{transform:scale(1.05);border-color:var(--primary);background:var(--cta-hover)}:is(.full-screen-message#error-msg,.full-screen-message#no-wizard-found,.full-screen-message#system-building,.full-screen-message#system-built) .copy-error:active{transform:scale(1)}.dynamic-table-input input[type=checkbox]{accent-color:var(--uc-blue);width:2.8vh;height:2.8vh;align-self:center;margin:0 auto;cursor:pointer}.dynamic-table-input#dynamic-numbers .row{grid-template-columns:3fr 3fr var(--dynamic-actions-width)}.dynamic-table-input#dynamic-extensions .row{grid-template-columns:8vh 1.8fr 1.8fr 3fr 1.8fr 1.8fr 1.2fr var(--dynamic-actions-width)}.dynamic-table-input#dynamic-sbcs .row{grid-template-columns:1.6fr 1.4fr 1.4fr 1.4fr 1.2fr 1.2fr var(--dynamic-actions-width)}.dynamic-table-input#dynamic-phones .row{grid-template-columns:1fr 16ch 24ch 1fr var(--dynamic-actions-width)}#check-fqdn{position:absolute;right:1.5vh;bottom:1.1vh;color:var(--dark-grey);cursor:pointer}.text-input,.select-input,.telephone-input{width:100%}.table-input{position:relative;justify-content:start}.table-input>input{height:fit-content!important;margin-block:0!important}.table-input>input[type=checkbox]{width:unset!important;height:100%!important}.table-input>.iti{width:100%}.table-input>.inlineError{position:relative;top:unset}.ss-main{margin-block:unset}#office-hours .office-hours-vessel{display:flex;flex-wrap:wrap;gap:20px 80px}#office-hours .office-hours-vessel>.day{display:flex;flex-direction:column;gap:6px}#office-hours .office-hours-vessel>.day>h3{width:110px;font-size:18px}#office-hours .office-hours-vessel>.day>span{width:fit-content;border-bottom:2px dotted var(--uc-blue);color:var(--uc-blue);cursor:pointer}#quick-nav-btns{pointer-events:none;position:fixed;z-index:1001;width:100%;height:100%;margin-top:0;margin-left:0;display:flex;justify-content:flex-end;align-items:start;gap:16px;padding:32px 100px}#quick-nav-btns>button{pointer-events:all;position:relative;min-width:unset;background:var(--gradient-down);padding:8px 20px;font-size:20px}#build-btn{pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100%;margin-top:0;margin-left:0;display:flex;justify-content:center;align-items:end}#build-btn>button{transition:opacity .15s,translate .2s,border-color .2s;pointer-events:none;opacity:0;translate:0 200%;margin-bottom:40px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0003;padding:16px 36px;font-weight:var(--font-weight-bold);font-size:28px;cursor:pointer}section#new-or-restore{animation:fade-section-in .2s;height:85vh;margin-left:8.3vh;display:flex;justify-content:center;align-items:center}section#new-or-restore>.vessel{width:var(--width);height:65vh;display:flex;flex-wrap:wrap;gap:4vh}section#new-or-restore>.vessel>.choice{transition:background .2s;min-width:250px;border:1px solid var(--light-grey);border-radius:var(--border-radius);box-shadow:0 1px 1px #0006;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4vh;padding-block:5vh;background:var(--cta);color:var(--dark-grey);cursor:pointer;-webkit-user-select:none;user-select:none}section#new-or-restore>.vessel>.choice:nth-child(1){border-right:1px solid var(--light-grey)}section#new-or-restore>.vessel>.choice:nth-child(2){border-left:1px solid var(--light-grey)}section#new-or-restore>.vessel>.choice>i{transition:all .3s;font-size:90px}section#new-or-restore>.vessel>.choice>h2{transition:all .3s;text-align:center;font-size:35px}section#new-or-restore>.vessel>.choice:hover{background:var(--background-hover);color:#7e7e7e}section#new-or-restore>.vessel>.choice:hover>i,section#new-or-restore>.vessel>.choice:hover>h2{transform:scale(1.1)}section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary{animation:fade-section-in .2s;display:flex;flex-direction:column;align-items:center;gap:20px;padding-block:4vh 6vh}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>h1{width:var(--width);font:var(--heading-font);color:var(--dark-grey)}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form{display:flex;flex-wrap:wrap;justify-content:center;padding:0!important}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form.portalForm{width:var(--width)}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form .clm-two{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset{flex:1;min-width:35vh;border-image:var(--gradient-right) 1;display:flex;flex-direction:column;align-items:flex-start;gap:16px}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset .part{width:100%;display:flex;flex-direction:column;gap:12px}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset .part h2{grid-column:span 2;font:var(--subheading-font);color:var(--dark-grey)}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset .table-actions{width:100%;display:flex;gap:2vh}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset .table-actions>button{transition:all .2s;position:relative;width:fit-content;border:none;border-radius:var(--border-radius);display:flex;align-items:center;gap:1vh;padding:1vh 2vh;background:var(--blue);font-size:17px;color:#fff;cursor:pointer}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset .table-actions>button>i{font-size:16px}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>.stats-row{width:100%;display:flex;flex-wrap:wrap;gap:20px}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>.stats-row>div{flex:1;border:1px solid var(--light-grey);border-radius:var(--border-radius);padding:10px;background:var(--cta)}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>.stats-row>div>h3{text-wrap:nowrap;font-weight:var(--font-weight-bold);font-size:2vh;color:#868686}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>.stats-row>div>p{text-wrap:nowrap;font-weight:var(--font-weight-thin);font-size:20px}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>#category-dropdowns{width:100%;display:flex;flex-direction:column;gap:20px}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>#category-dropdowns>.accordion{transition:transform .1s,background-color .1s;position:relative;border:1px solid #ccc;border-radius:3px;display:flex;justify-content:space-between;align-items:center;padding:10px 12px 10px 10px;background:var(--cta);font-weight:var(--font-weight-bold);font-size:2.2vh;color:var(--dark-grey)}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>#category-dropdowns>.accordion:hover{background:var(--cta-hover);-webkit-user-select:none;user-select:none;cursor:pointer}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>#category-dropdowns>.accordion:active{transform:scale(.99)}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>#category-dropdowns>.accordion>.fa-arrow-down{transition:transform .2s;color:green}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>#category-dropdowns>.accordion>.tb-hint:after{content:"Click to Show"}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>#category-dropdowns>.accordion.active>.fa-arrow-down{transform:rotate(180deg);color:red}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>#category-dropdowns>.accordion.active>.tb-hint:after{content:"Click to Hide"}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>#category-dropdowns>.grid{transition:max-height .2s;max-height:0;overflow:hidden;display:grid;grid-template-columns:repeat(2,1fr);row-gap:5px;font:var(--text-font)}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>#category-dropdowns>.grid>div{border-top:1px solid var(--light-grey);border-bottom:1px solid var(--light-grey);border-left:1px solid var(--light-grey);border-radius:3px 0 0 3px;padding:10px;font-weight:var(--font-weight-bold);color:#868686}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>#category-dropdowns>.grid>span{border-top:1px solid var(--light-grey);border-right:1px solid var(--light-grey);border-bottom:1px solid var(--light-grey);border-radius:0 3px 3px 0;padding:10px;font-weight:var(--font-weight-thin)}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>#category-dropdowns>.grid>span.missing-field{background:#fff1f1;color:#000}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>#category-dropdowns>.grid>span.missing-field:before{content:"!";display:inline-block;width:20px;height:20px;margin-right:10px;border-radius:50%;background:#ff646433;text-align:center;line-height:20px;font-weight:700;color:#c33}section#summary:not(.hidden)~#build-btn button{pointer-events:all;opacity:1;translate:0 0}@keyframes fade-section-in{0%{opacity:0;transform:translate(-1%)}to{opacity:1;transform:translate(0)}}@media(orientation:portrait){section#new-or-restore{margin-left:0;flex-direction:column}section#new-or-restore>.choice:nth-child(1){border-bottom:1px solid var(--light-grey);border-right:none}section#new-or-restore>.choice:nth-child(2){border-top:1px solid var(--light-grey);border-left:none}section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary{margin-left:0}:is(section#config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form .clm-two{grid-template-columns:repeat(1,1fr)}}