:root{--width:clamp(44vh, 95%, 184vh);--dynamic-actions-width:8vh;--border-radius:5px;--primary:#3a3a3a;--gradient-down:linear-gradient(to bottom, #000 0%, var(--primary) 150%);--gradient-right:linear-gradient(to right, #111 0%, var(--primary) 75%);--cta:#fff;--cta-hover:#ebebeb}html{overflow-y:scroll}input[data-picky]{border-color:var(--uc-blue);cursor:pointer;background:#e1f0ff}.iti:has(input[data-picky])>.iti__country-container{pointer-events:none}dialog#notification{display:none}.upload-backup-file{flex-direction:column;justify-content:space-between;gap:10px;width:100%;height:100%;display:flex}.upload-backup-file>#file-upload-area{border:2px dashed var(--dark-grey);border-radius:var(--border-radius);text-align:center;color:var(--dark-grey);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2vh;transition:background-color .15s;display:flex;position:relative}.upload-backup-file>#file-upload-area>input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.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{flex-direction:column;gap:10px;max-height:170px;display:flex;overflow-y:auto}.upload-backup-file>.items .row{border:1px solid var(--light-grey);border-radius:var(--border-radius);background:var(--cta);justify-content:space-between;align-items:center;padding:15px 20px;list-style:none;display:flex}.upload-backup-file>.items .row .details span{font-size:16px}.upload-backup-file>.items .row .details span.size{color:#5f5f5f;font-size:14px}.upload-backup-file>.items .row i{color:var(--dark-grey);font-size:30px}.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{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.upload-backup-file>.items.uploading .progress-bar{background:#fff;border:1px solid #d1d1d1;border-radius:30px;width:100%;height:8px;box-shadow:0 0 1px #0000001a}.upload-backup-file>.items.uploading .progress-bar .progress{border-radius:inherit;background:#919191;width:50%;height:100%;transition:width .5s}.upload-backup-file>.items.uploaded .content{align-items:center;display:flex}.upload-backup-file>.items.uploaded .details{flex-direction:column;margin-left:15px;display:flex}.upload-backup-file>.items.uploaded .details .size{color:#404040;font-size:14px}.upload-backup-file>.items.uploaded .fa-check{color:var(--dark-grey);font-size:20px}.upload-backup-file>.items.uploaded .fa-xmark{color:red;font-size:20px}#save-system{pointer-events:none;z-index:1002;justify-content:right;align-items:end;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}#save-system>button{pointer-events:all;border:1px solid var(--dark-grey);border-radius:var(--border-radius);font-weight:var(--font-weight-bold);color:#fff;cursor:pointer;background:#40ad00;margin-inline:auto;padding:1vh 2vh;font-size:25px;transition:all .2s;translate:0 100%}#save-system>button.active{translate:0 -4vh}#save-system>button.active:hover{border-color:#111;transform:translateY(-2px)}#save-system>button.active:active{border-color:var(--dark-grey);transform:translateY(0)}#full-screen-msg{z-index:1111;background:var(--background-grey);width:100%;height:100vh;color:var(--dark-grey);flex-direction:column;justify-content:center;align-items:center;gap:40px;display:flex;position:fixed;top:0;left:0}#full-screen-msg>i{font-size:140px}#full-screen-msg>i.fa-triangle-exclamation{color:red}#full-screen-msg>img{height:120px}#full-screen-msg>p{text-align:center;font-size:30px}#full-screen-msg .copy-error{border:2px solid var(--light-grey);border-radius:var(--border-radius);background:var(--cta);width:6vh;height:6vh;color:var(--primary);cursor:pointer;transition:all .1s;position:relative;box-shadow:0 1px 2px #0003}#full-screen-msg .copy-error>i{color:var(--primary);font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#full-screen-msg .copy-error:hover{border-color:var(--primary);background:var(--cta-hover);transform:scale(1.05)}#full-screen-msg .copy-error:active{transform:scale(1)}.dynamic-table-input input[type=checkbox]{accent-color:var(--uc-blue);cursor:pointer;align-self:center;width:2.8vh;height:2.8vh;margin:0 auto}.dynamic-table-input .actions>i.disabled{pointer-events:none;color:var(--light-grey)}.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)}.dynamic-table-input#dynamic-new-trunk-ddis .row{grid-template-columns:2fr .5fr 1fr var(--dynamic-actions-width)}.tb-popup .basic-form{grid-template-columns:1fr 1fr;gap:32px;display:grid}.tb-popup .basic-form .part{flex-direction:column;gap:12px;display:flex}.tb-popup .basic-form .part h4{font-size:24px}.tb-popup .basic-form .part .grouped-inputs{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.tb-popup .basic-form .part .grouped-inputs>:first-child,.tb-popup .basic-form .part .grouped-inputs>:nth-child(8){grid-column:1/-1}i.check-fqdn{color:var(--dark-grey);position:absolute;bottom:12px;right:12px}.text-input,.select-input,.telephone-input{width:100%}.table-input{justify-content:start;position:relative}.table-input>.iti{width:100%}.table-input>.inlineError{top:unset;position:relative}#office-hours .office-hours-vessel{flex-wrap:wrap;gap:20px 80px;display:flex}#office-hours .office-hours-vessel>.day{flex-direction:column;gap:6px;display:flex}#office-hours .office-hours-vessel>.day>h3{width:110px;font-size:18px}#office-hours .office-hours-vessel>.day>span{border-bottom:2px dotted var(--uc-blue);width:fit-content;color:var(--uc-blue);cursor:pointer}#quick-nav-btns{pointer-events:none;z-index:1001;justify-content:flex-end;align-items:start;width:100%;height:100%;margin-top:0;margin-left:0;padding:28px 96px;display:flex;position:fixed}#quick-nav-btns>div{border:1px solid var(--light-grey);border-radius:var(--border-radius);background:#fff;gap:16px;padding:12px;display:flex;box-shadow:0 1px 2px #0003}#quick-nav-btns>div>button{pointer-events:all;min-width:unset;background:var(--gradient-down);padding:8px 20px;font-size:20px;transition:transform .1s;position:relative}#quick-nav-btns>div>button:hover{transform:translateY(-2px)}#quick-nav-btns>div>button:active{transform:translateY(0)}#quick-nav-btns>div>button:disabled{cursor:not-allowed;transform:none}#quick-nav-btns>div>button:disabled .tb-hint{display:none}#share-links{z-index:1001;position:fixed;bottom:18px;right:18px}#share-links>.links{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:60px;padding-bottom:8px;transition:all .2s;display:flex;position:absolute;bottom:100%;left:8px}#share-links>.links.active{opacity:1;pointer-events:all;left:0}#share-links>.links>button{width:48px;height:48px;font-size:16px;position:relative}#share-links button{border:1px solid var(--light-grey);background:var(--gradient-down);color:#fff;cursor:pointer;border-radius:50%;width:60px;height:60px;font-size:24px;transition:all .2s;box-shadow:0 1px 2px #0003}#share-links button:hover{scale:1.05}#share-links button:active{scale:1}#build-btn{pointer-events:none;justify-content:center;align-items:end;width:100%;height:100%;margin-top:0;margin-left:0;display:flex;position:fixed;top:0;left:0}#build-btn>button{pointer-events:none;opacity:0;border-radius:var(--border-radius);font-weight:var(--font-weight-bold);cursor:pointer;margin-bottom:40px;padding:16px 36px;font-size:28px;transition:opacity .15s,translate .2s,border-color .2s;translate:0 200%;box-shadow:0 2px 4px #0003}section#install-types{justify-content:center;align-items:center;height:82vh;animation:.2s fade-section-in;display:flex}section#install-types>.vessel{width:var(--width);flex-wrap:wrap;gap:4vh;height:58vh;display:flex}section#install-types>.vessel>.choice{border:1px solid var(--light-grey);border-radius:var(--border-radius);background:var(--cta);min-width:250px;color:var(--dark-grey);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4vh;padding-block:5vh;transition:background .2s;display:flex;box-shadow:0 1px 1px #0006}section#install-types>.vessel>.choice:first-child{border-right:1px solid var(--light-grey)}section#install-types>.vessel>.choice:nth-child(2){border-left:1px solid var(--light-grey)}section#install-types>.vessel>.choice>i{font-size:90px;transition:all .3s}section#install-types>.vessel>.choice>h2{text-align:center;font-size:35px;transition:all .3s}section#install-types>.vessel>.choice:hover{color:#7e7e7e;background:#f1f1f1}section#install-types>.vessel>.choice:hover>i,section#install-types>.vessel>.choice:hover>h2{transform:scale(1.1)}section#config,section#mt-config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary{flex-direction:column;align-items:center;gap:20px;padding-block:40px 100px;animation:.2s fade-section-in;display:flex}:is(section#config,section#mt-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#mt-config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form{flex-wrap:wrap;justify-content:center;display:flex}:is(section#config,section#mt-config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form.portalForm{width:var(--width)}:is(section#config,section#mt-config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form .clm-two{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;display:grid}:is(section#config,section#mt-config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset{border-image:var(--gradient-right) 1;flex-direction:column;flex:1;align-items:flex-start;gap:16px;min-width:35vh;display:flex}:is(section#config,section#mt-config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset .part{flex-direction:column;gap:12px;width:100%;display:flex}:is(section#config,section#mt-config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset .part h2{font:var(--subheading-font);color:var(--dark-grey);grid-column:span 2}:is(section#config,section#mt-config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset .table-actions{gap:2vh;width:100%;display:flex}:is(section#config,section#mt-config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset .table-actions>button{border-radius:var(--border-radius);background:var(--blue);color:#fff;cursor:pointer;border:none;align-items:center;gap:1vh;width:fit-content;padding:1vh 2vh;font-size:17px;transition:all .2s;display:flex;position:relative}:is(section#config,section#mt-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#mt-config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>.stats-row{flex-wrap:wrap;gap:20px;width:100%;display:flex}:is(section#config,section#mt-config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>.stats-row>div{border:1px solid var(--light-grey);border-radius:var(--border-radius);background:var(--cta);flex:1;padding:10px}:is(section#config,section#mt-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);color:#868686;font-size:2vh}:is(section#config,section#mt-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#mt-config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>#category-dropdowns{flex-direction:column;gap:20px;width:100%;display:flex}:is(section#config,section#mt-config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>#category-dropdowns>.accordion{background:var(--cta);font-weight:var(--font-weight-bold);color:var(--dark-grey);border:1px solid #ccc;border-radius:3px;justify-content:space-between;align-items:center;padding:10px 12px 10px 10px;font-size:2.2vh;transition:transform .1s,background-color .1s;display:flex;position:relative}:is(section#config,section#mt-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#mt-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#mt-config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>#category-dropdowns>.accordion>.fa-arrow-down{color:green;transition:transform .2s}:is(section#config,section#mt-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#mt-config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>#category-dropdowns>.accordion.active>.fa-arrow-down{color:red;transform:rotate(180deg)}:is(section#config,section#mt-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#mt-config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>#category-dropdowns>.grid{max-height:0;font:var(--text-font);grid-template-columns:repeat(2,1fr);row-gap:5px;transition:max-height .2s;display:grid;overflow:hidden}:is(section#config,section#mt-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);font-weight:var(--font-weight-bold);color:#868686;border-radius:3px 0 0 3px;padding:10px}:is(section#config,section#mt-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);font-weight:var(--font-weight-thin);border-radius:0 3px 3px 0;padding:10px}:is(section#config,section#mt-config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>#category-dropdowns>.grid>span.missing-field{color:#000;background:#fff1f1}:is(section#config,section#mt-config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form>fieldset>#category-dropdowns>.grid>span.missing-field:before{content:"!";text-align:center;color:#c33;background:#ff646433;border-radius:50%;width:20px;height:20px;margin-right:10px;font-weight:700;line-height:20px;display:inline-block}section#summary:not(.hidden)~#build-btn button{pointer-events:all;opacity:1;translate:0}@keyframes fade-section-in{0%{opacity:0;transform:translate(-1%)}to{opacity:1;transform:translate(0)}}@media (orientation:portrait){#quick-nav-btns{justify-content:center;align-items:end;padding:0}section#install-types{flex-direction:column}section#install-types>.choice:first-child{border-bottom:1px solid var(--light-grey);border-right:none}section#install-types>.choice:nth-child(2){border-top:1px solid var(--light-grey);border-left:none}section#config,section#mt-config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary{padding-top:0}:is(section#config,section#mt-config,section#system,section#numbers,section#sbcs,section#phones,section#extensions,section#summary)>form .clm-two{grid-template-columns:repeat(1,1fr)}}