body{margin:0;font-family:Lato,sans-serif;font-size:16px;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:none}
body.page .headline{position: relative;padding: 3rem;min-height: 300px;text-align: center;background: #fff;color: #4a4b55;}
body.page .headline h1{margin: 1em auto 0 auto;color: #1d2165;font-weight: 700;font-size: 2em;}
body.page .headline p{margin: 1em auto;line-height: 1.6;font-size: 1.1em;}
body.page .main-content {min-height: 20vh;background-color: #fafbff;position: relative;}
body.page .wave{position: absolute;bottom: -1px;left: 0;right: 0;width: 100%;}
body.page-dashboard{background:#fafbff;min-height:100vh}
body.page-dashboard.number{background:#fafbff}
body.page-dashboard section.main-section{margin-bottom:auto}
body.register .step-3 input[type=number]::-webkit-inner-spin-button,body.register .step-3 input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body.register .step-3 input[type=number]{-moz-appearance:textfield}
.card{background:#fff;border-radius:4px;box-shadow:0 5px 5px rgba(0,0,0,.06)}
.card,.card *{box-sizing:border-box}

.card .card-segment{width:100%;padding:30px}
.card .card-segment.border{border-top:1px solid #eeeff5}
.card .card-segment.form{padding:10px 20px 30px}
.card .card-segment.buttons{padding:20px;display:flex;justify-content:center}
.card .card-segment.buttons.language-choices-desktop{padding:20px;padding-bottom:0px;display:flex;justify-content:center;border-top:None;}
.card .card-segment.buttons a,.card .card-segment.buttons button{margin-right:10px}
.card .card-segment.buttons a:last-child,.card .card-segment.buttons button:last-child{margin-right:0}
.form-fields{width:100%;display:flex;flex-wrap:wrap}
.form-fields .field{width:50%;padding:0 10px;margin-top:20px}
.form-fields .field.full{width:100%}
.form-fields .field.full textarea {height:100px}
.form-fields .field.no-margin{margin:0}
.form-fields .field.label-break label{padding-bottom:0;margin-bottom:10px}
.form-fields .field label{display:block;width:100%;padding-bottom:6px}
.form-fields .field input.form-input,.form-fields .field select.form-select,.form-fields .field textarea.form-textarea{width:100%}
.form-fields .field.notes p{font-size:14px;font-style:italic;line-height:22px;margin:0}
.language-choices-mobile {display:none}
label.form-label{font-size:10px;font-weight:700;color:#767898;text-transform:uppercase;line-height:18px}
input.form-input{height:40px;border-radius:4px;border:1px solid #c8c8dd;font-family:Lato,sans-serif;font-size:14px;font-weight:400;text-indent:16px;padding:0 16px 0 0;color:#21223d;box-sizing:border-box;outline:0;box-shadow:none;transition:border-color .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}
input.form-input:hover{border-color:rgba(76,84,223,.5)}
input.form-input:focus{border-color:rgba(76,84,223,1)}
input.form-input::-webkit-input-placeholder{color:#dbdbe4}
input.form-input::-moz-placeholder{color:#dbdbe4}
input.form-input:-ms-input-placeholder{color:#dbdbe4}
input.form-input:-moz-placeholder{color:#dbdbe4}
select.form-select{height:40px;border-radius:4px;border:1px solid #c8c8dd;font-family:Lato,sans-serif;font-size:14px;font-weight:400;text-indent:0;padding:0 40px 0 16px;background-color:transparent;background-image:url(/static/images/icons/select-arrow.svg);background-size:38px;background-position:top right 2px;background-repeat:no-repeat;color:#21223d;box-sizing:border-box;outline:0;box-shadow:none;cursor:pointer;transition:border-color .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}
select.form-select:hover{border-color:rgba(76,84,223,.5)}
select.form-select:focus{border-color:rgba(76,84,223,1)}
input.form-checkbox{width:16px;height:16px;border-radius:4px;border:1px solid #c8c8dd;background:#fff;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
input.form-checkbox:checked{border-color:#4c54df;background:url(/static/images/icons/checkbox.svg) no-repeat center;background-size:cover}
textarea.form-textarea{height:200px;border-radius:4px;border:1px solid #c8c8dd;font-size:14px;font-weight:400;padding:16px;color:#21223d;box-sizing:border-box;font-family:Lato,sans-serif;resize:none;outline:0;box-shadow:none;transition:border-color .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea.form-textarea:hover{border-color:rgba(76,84,223,.5)}
textarea.form-textarea:focus{border-color:rgba(76,84,223,1)}
textarea.form-textarea::-webkit-input-placeholder{color:#dbdbe4}
textarea.form-textarea::-moz-placeholder{color:#dbdbe4}
textarea.form-textarea:-ms-input-placeholder{color:#dbdbe4}
textarea.form-textarea:-moz-placeholder{color:#dbdbe4}
a.form-button-link,a.form-button-link:hover{text-decoration:none}
button.form-button{height:40px;border-radius:20px;background:#eeeff5;font-family:Lato,sans-serif;font-size:13px;font-weight:700;color:#21223d;border:0;box-shadow:none;border:1px solid transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:9px 21px;line-height:20px;cursor:pointer;user-select:none;outline:0;transition:background-color .2s ease;display:flex;flex-wrap:wrap;align-items:center;text-decoration:none}
button.form-button:hover{background:#dbdde7}
button.form-button.disabled,button.form-button:disabled{opacity:.5;pointer-events:none;cursor:default}
button.form-button svg{width:18px;height:18px;margin:0 0 0 10px}
button.form-button.auto-icon-size svg{width:auto;height:auto}
button.form-button svg .fill{fill:#21223d;transition:fill .2s ease}
button.form-button svg .no-fill{fill:none}
button.form-button.small-icon svg{width:14px;height:14px}
button.form-button.large{font-size:15px;padding:11px 27px;height:50px;border-radius:25px}
button.form-button.large svg{width:20px;height:20px;margin:0 0 0 12px}
button.form-button.outline{background:0 0;border-color:#a1a3b8;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
button.form-button.outline:hover{border-color:#808297;background:rgba(128,130,151,.1)}
button.form-button.hollow{background:0 0;color:#4c54df}
button.form-button.hollow:hover{color:#363db5}
button.form-button.primary{background:#4c54df;color:#fff}
button.form-button.primary svg .fill{fill:#fff}
button.form-button.primary:hover{background:#363db5}
button.form-button.primary.outline{background:0 0;border-color:#4c54df;color:#4c54df}
button.form-button.primary.outline svg .fill{fill:#4c54df}
button.form-button.primary.outline:hover{background:rgba(54,61,181,.1);border-color:#363db5;color:#363db5}
button.form-button.primary.outline:hover svg .fill{fill:#363db5}
button.form-button.dark-primary{background:#1d2165;color:#fff}
button.form-button.dark-primary svg .fill{fill:#fff}
button.form-button.dark-primary:hover{background:#363db5}
button.form-button.dark-primary.outline{background:0 0;border-color:#1d2165;color:#1d2165}
button.form-button.dark-primary.outline svg .fill{fill:#1d2165}
button.form-button.dark-primary.outline:hover{background:rgba(54,61,181,.1);color:#363db5;border-color:#363db5}
button.form-button.dark-primary.outline:hover svg .fill{fill:#1d2165}
button.form-button.secondary{background:#16ba97;color:#fff}
button.form-button.secondary svg .fill{fill:#fff}
button.form-button.secondary:hover{background:#188c74}
button.form-button.secondary.outline{background:0 0;border-color:#16ba97;color:#16ba97}
button.form-button.secondary.outline svg .fill{fill:#16ba97}
button.form-button.secondary.outline:hover{background:rgba(24,140,116,.1);border-color:#188c74;color:#188c74}
button.form-button.secondary.outline:hover svg .fill{fill:#188c74}
button.form-button.special{background:#ffe091;color:#1d2165}
button.form-button.special svg .fill{fill:#1d2165}
button.form-button.special:hover{background:#f7c27c}
button.form-button.special.outline{background:0 0;border-color:#ffe091}
button.form-button.special.outline:hover{background:rgba(247,194,124,.1);border-color:#f7c27c}
button.form-button.warning{background:#e94c4c;color:#fff}
button.form-button.warning:hover{background:#be3333}
button.form-button.warning svg .fill{fill:#fff}
button.form-button.warning.outline{background:0 0;border-color:#e94c4c;color:#e94c4c}
button.form-button.warning.outline svg .fill{fill:#e94c4c}
button.form-button.warning.outline:hover{background:rgba(190,51,51,.1);border-color:#be3333;color:#be3333}
button.form-button.warning.outline:hover svg .fill{fill:#be3333}
ul.tab-navigation{width:100%;border-bottom:1px solid #e0e0ec;margin:0;padding:20px 0;display:flex;flex-wrap:wrap;justify-content:center}
ul.tab-navigation li{font-size:15px;font-weight:700;color:#8e90b2;line-height:20px;list-style:none;margin:0 15px;cursor:pointer;position:relative;transition:color .2s ease;-webkit-user-select:none;-ms-user-select:none;user-select:none}
ul.tab-navigation li:hover{color:#21223d}
ul.tab-navigation li.active{color:#21223d}
ul.tab-navigation li.active:before{content:'';width:100%;height:2px;background:#4c54df;position:absolute;bottom:-21px;left:0}
.loading-indicator{width:100%;display:flex;justify-content:center;z-index:1;margin-top:30px}
.loading-indicator .indicator{background:#4c54df;border-radius:4px;box-shadow:0 5px 5px rgba(0,0,0,.06);font-size:14px;font-weight:700;color:#fff;display:flex;flex-wrap:wrap;padding:10px 20px}
.loading-indicator .indicator span{display:block;line-height:20px;height:20px;margin-right:12px}
.loading-indicator .indicator svg{width:14px;height:14px;margin:3px 0;animation:indicatorSpin .6s linear infinite}
.loading-indicator .indicator svg path{fill:#fff}
@keyframes indicatorSpin{
0%{transform:rotateZ(0)}
100%{transform:rotateZ(360deg)}
}
.inline-dark {background: #252834;padding: .2rem .3rem;border-radius: 3px;color: #f8f8f2}
a.link-hover{cursor:pointer}
h3.company-margin{margin-top:60px}
.btn{display:inline-block;padding:.8em 1.8em 1em;text-transform:none;background-color:#4c54df;border-color:#4c54df;color:#fff;}
.btn.arrowed::after{content:"\00a0\00a0→";font-size:1em;padding:0 0 0 .5em}
.hidden{display:none!important}
label.password-blur{color:#4c54df;cursor:pointer}
input.password-blur{display:none}
input.password-blur:checked+span{color:#1d2165!important;text-shadow:none!important}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
div.alertbar{position:fixed;width:100%;text-align:center;background-color:#16ba97;color:#fff;padding-top:26px;padding-bottom:23px;z-index:4;font-family:Lato;font-size:18px;font-weight:700;background-image:url(/static/images/icons/close.svg);background-repeat:no-repeat;background-position:right 31px center}
div.alertbar.error{background-color:#f12e53;background-image:url(/static/images/icons/close-red.svg)}
.sitemap{position:relative;padding:70px;max-width:100%;overflow:hidden;background-color:#1d2165;color:#fff;z-index:11}
.sitemap .moon-and-stars{margin-left:50%;transform:translateX(-50%);height:8em}
.sitemap nav{display:flex;justify-content:center;flex-wrap:wrap}
.sitemap nav a{text-decoration:none;color:#fff;opacity:.7}
.sitemap nav a:hover{text-decoration:underline;opacity:1}
.sitemap nav ul{list-style:none;padding:0;line-height:2}
.sitemap nav .column{flex:0 0 auto;margin:2em}
.sitemap .trees{position:absolute;bottom:0;right:20%;margin-bottom:.7em}
body.page-dashboard .bottom-nav{margin-top:80px}
.bottom-nav{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;padding:2em;background-color:#1a1e5c;color:#fff}
.bottom-nav .copyright{text-align:left;opacity:.7}
.bottom-nav .social{text-align:center}
.bottom-nav .last-links{text-align:right}
.bottom-nav .social img{margin:0 1ex;opacity:.5;vertical-align:middle}
.bottom-nav .social img:hover{opacity:1}
.bottom-nav .last-links a{color:#fff;text-decoration:none;opacity:.7;margin:0 .5em 10px;display:inline-block}
.bottom-nav .last-links a:hover{opacity:1;text-decoration:underline}
.top-nav .logged-in-popup{display:none;position:absolute;top:100%;right:0;transform:translate3d(0,0,0);padding:.5em;z-index:1;text-align:left;background:#fff;border-radius:4px;box-shadow:0 5px 25px 0 rgba(29,33,101,.09);color:#1d2165}
.top-nav .logged-in .displayname:hover .logged-in-popup{display:block}
.top-nav nav:last-of-type{display:none}
.top-nav ul{display:flex;list-style:none;margin:0;padding:0}
.top-nav li{position:relative;display:inline-flex;align-items:center;padding:0}
.top-nav li:first-of-type{margin-left:0}
.top-nav li:last-of-type{margin-right:0}
.top-nav li a{position:relative;text-decoration:none}
.top-nav{padding:10px 40px;font-size:1em;position:relative;z-index:3;min-height:2rem;background:#fff;text-align:center}
.top-nav .logo{text-align:left;margin-right:.5em}
.top-nav .logo svg{color:#1d2165;fill:#1d2165;height:64px;width:64px}
.top-nav .logo .logo-text-hide {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
.top-nav #menu-wider-screens{display:flex;justify-content:space-between;align-items:center}
.top-nav #menu-wider-screens .brand{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}
.top-nav #menu-wider-screens .brand,.top-nav #menu-wider-screens .brand *{box-sizing:border-box}
.top-nav #menu-wider-screens .brand .logo{margin-right:20px}
.brand .languages{position:relative}
.brand .languages .current-language{height:30px;display:flex;flex-wrap:wrap;align-items:center;position:relative;padding:0 10px;margin:5px 0 5px 11px;border-radius:3px}
.brand .languages .current-language svg{width:20px;height:20px;border-radius:10px}
.brand .languages .current-language:before{content:'';width:1px;height:26px;background:#dfe2ed;position:absolute;top:2px;left:-11px}
.brand .languages .current-language:after{content:'';width:10px;height:10px;background:url(/static/images/icons/dropdown-arrow.svg) no-repeat center;background-size:10px;margin-left:10px}
.brand .languages:hover .current-language{background:#f3f3fb}
.brand .languages:hover ul.language-list{display:flex}
.brand .languages .current-language:focus~ul.language-list{display:flex}
.brand .languages ul.language-list{width:150px;background:#fff;border-radius:4px;box-shadow:0 3px 10px rgba(0,0,0,.08);margin:0;padding:0;list-style:none;position:absolute;top:100%;left:6px;z-index:10;display:none;flex-wrap:wrap}
.brand .languages ul.language-list li{width:100%;border-bottom:1px solid #eaecf4;user-select:none;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}
.brand .languages ul.language-list li:before{content:'';width:16px;height:16px;position:absolute;top:17px;right:17px;background:url(/static/images/icons/language-check-icon.svg) no-repeat center;background-size:16px;display:none}
.brand .languages ul.language-list li:after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:#f3f3fb;border-radius:12px;border:5px solid #fff;box-sizing:border-box;display:none}
.brand .languages ul.language-list li:not(.selected):hover:after{display:block}
.brand .languages ul.language-list li:last-of-type{border-bottom:0}
.brand .languages ul.language-list li.selected:before{display:block}
.brand .languages ul.language-list li.selected a{font-weight:700;pointer-events:none;cursor:default}
.brand .languages ul.language-list li a{width:100%;font-size:14px;line-height:20px;color:#1d2165;font-weight:400;padding:15px;display:flex;flex-wrap:wrap;position:relative;z-index:2}
.brand .languages ul.language-list li a svg{width:20px;height:20px;margin-right:8px;border-radius:10px}
.top-nav #menu-wider-screens .pages{flex-grow:3;justify-content:center}
.top-nav #menu-wider-screens .pages li{margin:0 .7em;padding:14px 0}
.top-nav #menu-wider-screens .actions{justify-content:flex-end}
.top-nav .actions{text-align:right;padding-left:.9em}
.top-nav .signup .btn{display:inline-flex;align-items:center;padding:.6em 1.4em .8em;border-radius:1.5em}
.top-nav .menu{display:none}
.top-nav .menu .btn{background:0 0}
.top-nav #menu-wider-screens .login{margin-right:1em}
.top-nav .product:hover .product-popup.product-popup-product {display:flex}
.top-nav .product:hover .product-popup.product-popup-applications {display:block}
.top-nav .active::after{content:'▾';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block}
.top-nav .logged-in{position:relative;padding:0;display:flex;justify-content:flex-end;font-size:16px;line-height:20px}
.top-nav .accountbalance{padding:10px 0;margin-right:20px;font-weight:700;color:#1d2165}
.top-nav .displayname{padding:10px 0;margin-left:21px;white-space:nowrap;position:relative;display:flex;flex-wrap:wrap}
.top-nav .displayname:before{content:'';width:1px;height:26px;background:#dfe2ed;position:absolute;top:7px;left:-21px}
.top-nav .displayname:after{content:'';width:10px;height:10px;margin:5px 0 5px 10px;background:url(/static/images/icons/dropdown-arrow.svg) no-repeat center;background-size:10px;display:block}
.top-nav.default .page-link{color:#1d2165;opacity:1;white-space:nowrap;}
.top-nav.default span.page-link {cursor:default}
.top-nav.default .active .page-link{color:#1c1d32;opacity:1}
.top-nav.default .signup .btn{background-color:#16ba97;color:#fff}
.top-nav.default .signup .btn:hover{background-color:#4c54df;color:#fff}
.top-nav.default .menu .btn{background:0 0;border:1px solid #fff;color:#fff}
.top-nav.default .pages a:hover{color:#4c54df;cursor: pointer;}
.top-nav.default .login a:hover{color:#4c54df}
.top-nav.docs .pages a:hover{color:#4c54df;opacity:1}
.top-nav.docs .login a:hover{color:#4c54df;opacity:1}
body.dashboard .top-nav,body.page-dashboard .top-nav{border-bottom:1px solid #d4d7e9}
#menu-mobile .actions{font-size:.9em;margin:1em auto 0;display:flex;justify-content:space-between;text-align:center;max-width:16em}
html:lang(se) #menu-mobile .actions{max-width:17em}
html:lang(se) #menu-mobile .login .btn{padding-left:.8em!important;padding-right:.8em!important}
.top-nav #menu-mobile .login{margin-right:0}
@media only screen and (min-width:1300px){
.top-nav #menu-wider-screens{display:grid;align-items:center;grid-template-columns:1fr 2fr 1fr;justify-content:center}
.top-nav #menu-wider-screens .pages{justify-content:center}
.top-nav #menu-wider-screens .pages li{margin:0 1em}
.top-nav #menu-wider-screens .login{margin-right:2em}
}
@media only screen and (max-width:1100px){
.top-nav{background-color:#fff;padding:10px 0}
.top-nav #menu-wider-screens{display:none}
.top-nav #menu-mobile-container{background-color:#fff;font-size:1.1em;padding:0;box-sizing:border-box}
.top-nav #menu-mobile-container header{display:flex;justify-content:space-between;padding:0 1em 0 1em}
.top-nav #menu-mobile-container header .brand{display:flex;flex-wrap:wrap;align-items:center}
.top-nav #menu-mobile-container header .brand a.logo{margin-right:14px}
.top-nav #menu-mobile-container header .brand a.logo svg{width:44px;height:44px}
.top-nav #menu-mobile-container header .brand .languages .current-language{padding-left:5px}
.top-nav #menu-mobile-container a{color:#1d2165}
.top-nav #menu-mobile-container #menu-mobile-button{display:flex;align-items:center;cursor:pointer}
.top-nav #menu-mobile-container #menu-mobile-button img{margin-left:.7em;width:1.3em}
.top-nav.default #menu-mobile-container .login .btn{border:solid 1px #1d2165;opacity:1;background:0 0;background-color:none;color:#1d2165;padding:.6em 1.4em .8em;border-radius:1.5em;text-decoration:none}
.top-nav.default #menu-mobile-container .signup .btn{display:inline-flex;align-items:center;padding:.6em 1.4em .8em;border-radius:1.5em;text-decoration:none}
.top-nav.default #menu-mobile-container .signup .btn{background-color:#1d2165;color:#fff;text-align:center}
#menu-mobile-button a:first-of-type{display:none}
#menu-mobile-button img:first-of-type{display:none}
#menu-mobile-button.closed a:last-of-type{display:none}
#menu-mobile-button.closed img:last-of-type{display:none}
#menu-mobile-button.closed a:first-of-type{display:inline-block}
#menu-mobile-button.closed img:first-of-type{display:inline-block}
#menu-mobile{display:none}
#menu-mobile.open{display:block;width:auto;padding:.5em 2em 2em 2em;padding-bottom:3em;border-bottom:1px solid #cecece;color:#1d2165}
#menu-mobile p{opacity:.6;font-size:.9em;line-height:1.5em}
#menu-mobile ul{list-style-type:none;padding:0}
#menu-mobile .actions{margin:2em auto 0;display:flex;justify-content:space-between;text-align:center;max-width:16em}
#menu-mobile .links{margin:0;padding:0;display:flex;justify-content:center}
#menu-mobile .links li{padding:1em;list-style:none;text-align:center}
#menu-mobile .links li a{text-decoration:none;color:#4c54df}
li.signup .btn.arrowed::after{content:"";font-size:1em;padding:0 0 0 .5em}
}

@media only screen and (max-width:350px){
#deactivate-subaccount-wrapper button{padding-left: 10px;padding-right: 10px;}
}

@media only screen and (max-width:450px){
#menu-mobile .links{margin-top:2em;flex-direction:column;justify-content:flex-start;align-items:center}
#menu-mobile .links li{padding:.8em 1em}
}
.logged-in-nav{display:flex;justify-content:center;flex-wrap:wrap;background:#fafbff;padding:30px 0}
.logged-in-nav .nav-link{position:relative;margin:0 25px;color:#8e90b2;font-weight:700;text-decoration:none;font-size:.9em;display:flex;align-items:center}
.logged-in-nav .nav-link.active{color:#4c54df}
.logged-in-nav .nav-link:hover{cursor:pointer}
.logged-in-nav .nav-link span:first-child{width:1.1rem;height:1.1rem;display:inline-block;background-position:center center;background-size:contain;background-repeat:no-repeat;background-position:center center}
.logged-in-nav .nav-link span:last-child{padding-left:.4rem}
.logged-in-nav .getting-started-link  span:first-child{width:1rem;height:1rem}
.logged-in-nav .getting-started-link .active span:first-child{background-image:url(/static/images/logged-in/getting-started-blue.svg)}
.logged-in-nav .getting-started-link  span:first-child{background-image:url(/static/images/logged-in/getting-started-grey.svg)}
.logged-in-nav .dashboard-link span:first-child{width:1rem;height:1rem}
.logged-in-nav .dashboard-link.active span:first-child{background-image:url(/static/images/logged-in/dashboard-blue.svg)}
.logged-in-nav .dashboard-link span:first-child{background-image:url(/static/images/logged-in/dashboard-grey.svg)}
.logged-in-nav .numbers-link span:first-child{width:1.3rem;height:1.3rem}
.logged-in-nav .numbers-link.active span:first-child{background-image:url(/static/images/logged-in/numbers-blue.svg)}
.logged-in-nav .numbers-link span:first-child{background-image:url(/static/images/logged-in/numbers-grey.svg)}
.logged-in-nav .billing-link.active span:first-child{background-image:url(/static/images/logged-in/billing-blue.svg)}
.logged-in-nav .billing-link span:first-child{background-image:url(/static/images/logged-in/billing-grey.svg)}
.logged-in-nav .reports-link.active span:first-child{background-image:url(/static/images/logged-in/reports-blue.svg)}
.logged-in-nav .reports-link span:first-child{background-image:url(/static/images/logged-in/reports-grey.svg)}
.logged-in-nav .logs-link.active span:first-child{background-image:url(/static/images/logged-in/logs-blue.svg)}
.logged-in-nav .logs-link span:first-child{background-image:url(/static/images/logged-in/logs-grey.svg)}
.logged-in-nav .account-link span:first-child{width:1.3rem;height:1.3rem}
.logged-in-nav .account-link.active span:first-child{background-image:url(/static/images/logged-in/account-blue.svg)}
.logged-in-nav .account-link span:first-child{background-image:url(/static/images/logged-in/account-grey.svg)}
.product-popup{display:none;position:absolute;bottom:.2em;left:100%;transform:translateY(100%) translateX(-50%);padding:1.5em;z-index:1;text-align:left;background:#fff;border-radius:4px;box-shadow:0 5px 25px 0 rgba(29,33,101,.09);color:#1d2165}
.product-popup-link{display:flex;padding:.6em 1em;border-radius:.7em;color:#1d2165;cursor: pointer;}
.product-popup-link:hover{background:#f3f3fb}
.product-popup-description-wrapper{padding-left:1em}
.product-popup-icon-wrapper img{width:1.6em;margin:.4em 0 0 0}
.product-popup h3{margin:0 0 .4em;text-transform:uppercase;font-size:.8em;padding-top:.1em}
.product-popup h3:first-child{margin-top:0}
.product-popup p{margin:0;opacity:.7;font-size:.8em;min-width:17em}
.login-popup-link{display:flex;padding:24px 60px 17px 17px;color:#1d2165;text-decoration:none}
.login-popup-link:hover{text-decoration:underline;background:#f3f3fb}
.login-popup-image{width:18px;height:17px;margin-right:13px}
.login-popup-border{width:100%;border-bottom:solid 1px #cecece}
body .dashboard-head{width:100%;padding:30px 0 60px}
body .dashboard-head.getting-started-video{padding-bottom:0px}
body .dashboard-head h1{font-size:30px;font-weight:900;color:#1d2165;line-height:36px;text-align:center;margin:0}
body .dashboard-head p{font-size:14px;font-weight:400;color:#6f7287;line-height:20px;text-align:center;margin:10px 0 0}
body .dashboard-head .video-container{display: block;margin-left: auto;margin-right: auto; margin-top:10px}
body .dashboard-head .button-wrapper{width:100%;margin-top:30px;display:flex;flex-wrap:wrap;justify-content:center}
body .dashboard-head .button-wrapper a,body .dashboard-head .button-wrapper button{margin-right:10px}
body .dashboard-head .button-wrapper a:last-child,body .dashboard-head .button-wrapper button:last-child{margin-right:0}
@media print{
body .dashboard-head{display:none}
}
body .dashboard-sub-head{width:100%;margin:0 0 30px}
body .dashboard-sub-head h5{width:100%;font-size:14px;font-weight:700;line-height:18px;color:#21223d;text-transform:uppercase;margin:0 0 5px}
body .dashboard-sub-head p{font-size:14px;font-weight:400;line-height:20px;color:#6f7287;margin:0}
body.index{background:#fff;max-width:100vw;box-sizing:border-box;overflow-x:hidden}
body.index .wave{position:absolute;bottom:-1px;left:0;right:0;width:100%}
body.index .headline{position:relative;padding:5em 1em 7em 1em;text-align:center;background:#fff;color:#1d2165}
body.index .headline h1{margin:0 auto;text-align:center;color:#4c54df;font-weight:900;font-size:3.4em}
body.index .headline p{max-width:40em;margin:2em auto;text-align:center;line-height:2;font-size:1.1em}
body.index .headline .offset-wrapper{position:relative;width:100%;display:flex;justify-content:center}
body.index .headline ul{display:flex;margin:0;padding:2rem 0;max-width:900px;box-sizing:border-box;list-style:none}
body.index .headline li{margin:1em;text-align:center;max-width:15em}
body.index .headline li:first-of-type{margin-left:0}
body.index .headline li:last-of-type{margin-right:0}
body.index .headline li img{height:4em}
body.index .headline img{display:block;margin:0 auto}
body.index .headline li:last-child img{position:relative;left:13px}
body.index .headline em{display:block;font-style:normal;font-weight:700;padding-top:1em;font-size:20px;color:#1d2165}
body.index .headline .offset-wrapper p{font-size:.9em;margin:.8em auto;opacity:.6}
body.index .headline .btn{background:#ffe091;border-radius:1.5em;margin-bottom:3em;text-decoration:none;color:#1d2165}
body.index .headline .btn:hover{background-color:#4c54df;color:#fff}
body.index .headline .wave{position:absolute;bottom:-1px;left:0;right:0;width:100%}
body.index #startpage-headline span{display:inline-block}
body.index .infrastructure{position:relative;display:flex;flex-wrap:wrap;padding:4em 1em 1em 1em;background-color:#fafbff;flex-direction:column;align-items:center}
body.index .infrastructure .heading{font-size:.8em;text-transform:uppercase;text-align:center;margin:0 0 1em 0;opacity:.6}
body.index .infrastructure .intro{text-align:center;max-width:26em;font-size:1.5em;line-height:2em;font-weight:300;margin:1em auto 2em}
body.index .infrastructure .arrow{display:block;margin:0 auto;width:2em;z-index:1}
body.index .infrastructure .wave{position:absolute;bottom:-1px;left:0;right:0;width:100%;height:auto}
body.index .channels{display:flex;justify-content:center;list-style:none;padding:0;margin:0;max-width:1000px}
body.index .channel{text-align:center;margin:2em}
body.index .channel h3{color:#1d2165;font-size:1em;margin-bottom:0;text-transform:uppercase;font-weight:lighter}
body.index .channel-icon{display:block;margin:0 auto;height:3em;max-width:100%}
body.index .products{position:relative;background:#fff;padding:1em}
body.index .products h2{text-align:center;color:#1d2165;font-weight:900}
body.index .products .sub-title{margin:0 0 1em 0;color:#55586d;text-align:center}
body.index .product-list{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;padding:0 2rem;max-width:900px;box-sizing:border-box;list-style:none}
body.index .product-wrapper{display:flex;margin:3em 1em;width:20em}
body.index .product-wrapper h3{margin:0}
body.index .product-wrapper p{margin-top:.5em;line-height:1.8em;opacity:.5}
body.index .product-description-wrapper{padding-left:1em}
body.index .product-link{color:#4c54df;text-decoration:none}
body.index .product-link:after{content:' →';padding:0 0 0 .5em}
body.index .product-link:hover{color:#1c2461}
body.index .pricing-info{position:relative;background:#fafbff;padding:5em 2em;z-index:10;height:auto}
body.index .pricing-info .wrapper{margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
body.index .pricing-info .board table{border-spacing:.6em;border-collapse:separate;font-size:.9em}
body.index .pricing-info .board tr:nth-child(odd) td{background-color:#f5f5f9}
body.index .pricing-info .board td{padding:1em;width:12em;border:none;vertical-align:top;color:#1d2165}
body.index .pricing-info .board .subtext{font-size:.7em}
body.index .pricing-info .board .unit{float:right;color:#656da9}
body.index .pricing-info .board .price{float:right}
body.index .pricing-info .disclaimer{font-size:.7em;text-align:right;margin-right:1em;font-size:11px;color:#1c2461}
body.index .pricing-info .pricing-bg{position:absolute;bottom:0;right:0;width:75%;height:auto;z-index:-1}
body.index .customer-teasers {position:relative;background:#fafbff;padding:3em 0em;z-index:10;height:auto}
body.index .customer-teasers .heading{font-size:.8em;text-transform:uppercase;text-align:center;margin:0 0 2em 0;opacity:.6}
body.index .customer-teasers .customer{display:flex;text-align:center;width:100vw;max-width:740px;margin:1em auto 2em}
body.index .customer-teasers .customer .image{padding:40px;padding-left:0px}
body.index .customer-teasers .customer .right{order:2;padding-right:0px;padding-left:40px}
body.index .customer-teasers .customer img{width:300px;height:250px;border-radius:10px}
body.index .customer-teasers .customer h2{font-size: 2em;font-weight:900;margin:0}
body.index .customer-teasers .customer .story{padding-top:65px;text-align:left;width:100%}
body.index .customer-teasers .customer .story p{margin-top:10px;font-size:1.1em;line-height:2em;vertical-align:middle;color:#303450}
body.index .customer-teasers a {font-size:1.1em;color:#4c54df;text-decoration:none;display:block;padding-top: 0px}
body.index .customer-teasers a:after{content:' →';padding:0 0 0 .5em}
body.index .customer-teasers a:hover{color:#1c2461}

body.solutions .outer-wrapper {max-width: 850px;margin: 0 auto;}
body.solutions .inner-wrapper {padding: 1rem;}
body.solutions .customer-teasers {position:relative;}
body.solutions .customer-teasers a:not(.btn) {font-size:1.1em;color:#4c54df;text-decoration:none;padding-top: 0px;}
body.solutions .customer-teasers a:not(.btn):after{content:'\2192';margin-left: 3px;}
body.solutions .customer-teasers a:not(.btn):hover{color:#1c2461}
body.solutions .customer-teasers .btn{margin-right: 0.5rem;border-radius: 99999px;text-decoration: none;padding:0.3rem 1rem; border:2px solid #4c54df;color:#4c54df;font-weight: bold;line-height: 1;background-color: #4c54df; color: #fff;}
body.solutions .customer-teasers .btn:hover{background-color: #2736D8;}
body.solutions .customer-teasers .btn-outline{background-color:transparent;color:#4c54df;}
body.solutions .customer-teasers .btn-outline:hover{background-color:#EFF0FD;}
body.solutions .customer-teasers .heading{text-align:center;margin-bottom: 2rem;}
body.solutions .customer-teasers .heading .preamble{line-height: 1.5;font-size: 1.3rem;}
body.solutions .customer-teasers .heading h1{font-size: 2.5rem;}
body.solutions .customer-teasers .customer{text-align:center;padding:2rem 0;}
body.solutions .customer-teasers .customer:nth-child(even){background:#fafbff;}
body.solutions .customer-teasers .customer img{width:200px;max-width: 100%;}
body.solutions .customer-teasers .customer h2{font-size: 2em;font-weight:900;margin:0;}
body.solutions .customer-teasers .customer .story{padding-top:65px;width:100%;text-align: center;}
body.solutions .customer-teasers .customer .story .extended-content{text-align: left;}
body.solutions .customer-teasers .customer .story p{margin-top:10px;font-size:1.1em;line-height:2em;vertical-align:middle;color:#303450;}
body.solutions .customer-teasers .customer .story .extended-content {color: #303450;}
body.solutions .customer-teasers .customer .story .extended-content ul {padding: 0;}
body.solutions .customer-teasers .customer .story .extended-content li {font-size: 1.1rem; margin-bottom: 0.5rem; list-style: circle;}
body.solutions .customer-teasers .customer .story details{}
body.solutions .customer-teasers .customer .story details summary{font-size: 1.2rem;cursor: pointer;}

body.solutions .row{display:flex;flex-wrap: wrap;}
body.solutions .row .col {width: 100%;}
body.solutions .hidden {display: none;}

@media only screen and (min-width:687px){
  body.solutions .customer-teasers .heading h2{text-align: left;}
  body.solutions .customer-teasers .customer{padding:5rem 0;}
  body.solutions .customer-teasers .customer img{width:300px;}
  body.solutions .row .col {width: 50%;}
  body.solutions .row .right-on-medium{order:2; }
  body.solutions .customer-teasers .customer .story{text-align: left;}
  body.solutions .customer-teasers .customer .image{padding:40px;padding-left:0px}
  body.solutions .customer-teasers .customer .row .right-on-medium .image{padding-right:0px;padding-left:40px;}
}

body.support{background:#f4f6fe}
body.support .wave{position:absolute;bottom:-1px;left:0;right:0;width:100%}
body.support .main-contact-details{position:relative;padding:1em 1em 4em 1em;text-align:center;background:#f4f6fe;color:#4a4b55}
body.support .main-contact-details h1{margin:1em auto 0 auto;text-align:center;color:#1d2165;font-weight:700;font-size:2em;justify-content:center}
body.support .main-contact-details .subtitle{max-width:50em;margin:2em auto 2em;text-align:center;line-height:2;font-size:1.1em}
body.support .main-contact-details a{color:#4c54df;text-decoration:none;cursor: pointer;}
body.support .main-contact-details a:hover{text-decoration:underline;}
body.support .main-contact-details .wave{transform:scaleY(-1);}
body.support .main-contact-details::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;background:#4c54df;height:40px;width:40px;border-radius:50%}
body.support .main-contact-details .form-button{margin-left:auto;margin-right:auto}
body.support .main-contact-details .form-button#contactSubmit{background-color:#363db5}
body.support .boxes { display: flex; flex-wrap: wrap; justify-content: center; max-width: 80em; margin: 0 auto;/*  background:pink;*/ }
body.support .box { position: relative; padding: 0; box-sizing: border-box; margin: 1em; width: 15em; background-color: rgba(255, 255, 255, 0.5); border-radius: 7px; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .06); }
body.support .box p { margin: 0.5rem 0 0; }
body.support .box.box-6 { min-width: 200px; width: 50%; flex: 1; }
body.support .box.box-12 { width: 100%; }
body.support .main-contact-details .box h3{ margin: 0 0 0.5rem; padding:0; }
body.support .main-contact-details .box .form-select{width: 100%;}
body.support .box a:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
body.support .box a.show-form-button:after {max-height:67px;}
body.support .row { display: flex; flex-wrap: wrap; }
body.support .col.flex-center { display: flex;align-items: center;justify-content: center; }
body.support .col.flex-center > *{ align-self: center;display: flex;}
body.support .col-6 { flex: 0 0 100%; }
body.support .col-12 { flex: 0 0 100%; }

body.support .support-request-container input.error{border-color: #c50c15;color:#c50c15;}
body.support .support-request-container .error:not(input){display:block;color:#c50c15;font-size:.7em;margin-top:.5rem;}

@media only screen and (min-width:688px) {
  body.support .col-6 { flex: 0 0 50%; }
  body.support .main-contact-details .box h3{ margin-bottom: 0;}
}
body.support .outer-wrapper { max-width: 1024px; width: 100%; margin: 0 auto; }
body.support .outer-wrapper--lg { max-width: 1280px; }
body.support .outer-wrapper--sm { max-width: 687px; }
body.support .inner-wrapper { padding: 1.5rem; }
body.support .txt--center { text-align: center; }
body.support .hidden { display: none; }
body.support .form-input {display:block;width:100%;}
body.support label {text-align: left;display: block;margin: 1rem 0 0.5rem;}

#contactRequestButton{margin-top:24}
.support-request{max-width:40em;margin:1em auto;margin-bottom:2em;padding:5px}
.support-request-container{display:flex;flex-direction:column;width:100%;padding-left:3em;padding-right:3em}
.support-request form{display:flex;flex-direction:column;margin:1em auto 3em;width:80%}
.support-request-container .large-input label{display:flex;font-size:15px;font-family:Lato,sans-serif;font-weight:400;color:#1d2165;text-align:left;margin-left:3px}
.support-request-container div .large-input,textarea{padding-left:3em;padding-right:3em;width:100%;color:#1d2165;text-align:left;padding:5px;padding-left:10px;font-size:15px;font-family:Lato,sans-serif;font-weight:400}
.support-request-container .input-extra{display:none}
label#send_copy_label{vertical-align:middle;display:inline-block}
label#send_copy_label{display:inline-block;vertical-align:middle;margin:3px;}
label#send_copy_label{padding-top:5px;padding-bottom:5px;margin-bottom:10px;vertical-align:middle;font-size:15px;font-family:Lato,sans-serif;font-weight:400;margin:3px;}
input#send_copy_checkbox{vertical-align:middle;margin:3px;margin-left:5px;width:15px;height:15px;padding-left:0}
#contactSubmit{margin-left:0}
/*body.support .main-contact-details h3{margin:1em auto .5em;text-align:center;color:#1d2165;font-weight:600;font-size:1.5em}*/
body.support .main-contact-details h3 { margin: .5em auto; color: #1d2165; font-weight: 600; font-size: 1.2em }
#yourDetails{font-family:Lato,sans-serif;font-weight:900;color:#1d2165}
body.support .emergency-contacts{font-size:.8em;max-width:40em;margin:0 auto 1em;line-height:1.6}
body.support .sla-details{font-size:.8em;max-width:30em;margin:1em auto 0;line-height:2}
body.support .team{position:relative;min-height:10em;background:#fff;text-align:center;padding:2em 0 10em 0}
body.support .team h3{color:#1d2165;font-weight:400}
body.support .elks{display:flex;flex-wrap:wrap;justify-content:center;max-width:56em;margin:0 auto;padding:0 0 2em 0}
body.support .elk{margin:1em;width:9em}
body.support .elk .pic{min-height:4em;height:4em;width:4em;border-radius:50%;object-fit:cover;transition: all 0.2s linear;padding: 5px;}
body.support .elk a .pic{border:2px solid #aaade7;padding: 3px;}
body.support .elk a .pic:hover{transform:scale(1.1);}
body.support .elk h4{margin:1em auto 0;color:#1d2165}
body.support .elk p{margin:0;color:#303450}
body.support .elk-role{display:flex;min-height:3em;justify-content:center;align-items:center}
body.support .elk-links img{height:1em;margin:.3em}
body.support .offices{display:flex;flex-wrap:wrap;justify-content:center;max-width:80em;margin:0 auto}
body.support .office{margin:0 1em}
.office h4,body.support .office p{max-width:10em;margin:.5em}
body.support .office h4{color:#4c54df}
body.legal .policy h1{color:#303450}
body.legal .policy h2{color:#303450}
body.legal .policy h3{color:#303450}
body.legal .policy h4{color:#303450}
body.legal .policy strong{color:#303450}
body.legal .policy{max-width:40em;margin:0 auto;line-height:2;font-size:1.1em;color:#55586d}
body.legal .policy a{color:#4c54df;text-decoration:none}
body.legal .policy a:hover{text-decoration:underline}
body.docs{background:#fff}
body.docs .wave{position:absolute;bottom:-1px;left:0;right:0;width:100%}
body.docs .content-wrapper{display:flex;padding:0 .5em}
body.docs .sidebar{line-height:1.5;font-size:.9em;padding:2em 3em;background:#fff}
body.docs .sidebar a{position:relative;display:block;text-decoration:none;color:#6f72a5}
body.docs .sidebar a:hover{text-decoration:underline;color:#494b70}
body.docs .sidebar a.active{text-decoration:none;font-weight:700;color:#4a4b55}
body.docs .sidebar a.active:before{content:'→';position:absolute;left:-2em;color:#4a4b55;padding:0 0 0 .5em}
body.docs .sidebar h2{color:#4c54df;text-transform:uppercase;font-size:1em;margin:2em 0 .5em 0}
body.docs .api-reference{padding:0;background:#fff}
body.docs .api-reference #whendelivered:target{border:4px solid pink}
body.docs .api-reference-wrapper{display:grid;grid-template-columns:50% 50%;background-color:#eaeef3}
body.docs .api-reference{max-width:40em;padding:1em;background:#fff}
body.docs .api-reference:first-of-type{padding-top:2em;padding-bottom:3em}
body.docs .example:first-of-type{padding-top:2em}
body.docs .sidebar{padding-top:2em}
body.docs .api-reference h1{margin:0 0 .5em 0}
body.docs .api-reference h2{margin:1.2em 0 .5em 0;padding:0 0 .4em 0;border-bottom:2px solid rgba(74,75,85,.07)}
body.docs .api-reference h2+p{line-height:140%}
body.docs .api-reference p{margin:.5em 0 1em 0}
body.docs .api-reference a{color:#656da9;text-decoration-style:underline;-webkit-text-decoration-style:underline}
body.docs .api-reference a:hover{text-decoration-style:unset;-webkit-text-decoration-style:unset;color:#4c54df}
body.docs .api-reference h2 a{color:#4c54df;text-decoration:none}
body.docs .content h3 a{color:#4c54df;text-decoration:none}
body.docs .api-reference a:hover{text-decoration:underline}
body.docs .api-reference p{line-height:2;font-size:1em}
body.docs .api-reference pre code{padding:1em;overflow-x:auto;line-height:22px}
body.docs .api-reference code.nohighlight{background:#eaeef3;display:block;overflow-x:auto;padding:1em;border-radius:4px}
body.docs .api-reference .sample-code{margin-bottom:0}
body.docs .api-reference .sample-code a{margin-right:2px;text-decoration:none}
body.docs .api-reference .sample-code a:hover{text-decoration:underline}
body.docs .api-reference .codecontainer pre{display:none}
body.docs .api-reference .codecontainer pre:target{display:block}
body.docs .api-reference .codecontainer pre.showme{display:block;margin-top:2px}
body.docs .api-reference table{border-collapse:collapse;margin-bottom:2.5rem}
body.docs .api-reference th{padding-left:14px;text-align:left;font-weight:600;text-transform:uppercase;font-size:90%}
body.docs .api-reference td{vertical-align:top;padding:14px;font-size:90%}
body.docs .api-reference tr:nth-child(even){background-color:#f5f5f9}
body.docs .api-reference li{line-height:2}
body.docs .api-reference .example{font-size:1.1em}
body.docs .api-reference table hr{border:none;border-bottom:1px solid #bfbfbf}
body.docs .api-reference .response{margin-top:4rem}
body.docs .api-reference .additional-info{padding-top:1em}
body.docs .api-reference .additional-info h5{margin-bottom:1px;font-size:1em}
body.docs .api-reference .additional-info p{line-height:150%}
body.docs .api-reference .additional-info div:target{border-left:1px solid #ccc;padding-left:1em}
body.docs .api-reference .additional-info div:target h5{font-size:1.4em}
body.docs .api-reference#docs-page-call-actions h3{padding-top:4px}
body.docs .api-reference#docs-page-call-actions h3.only-ascent{margin-bottom:2px}
body.docs .api-reference#docs-page-call-actions h3.only-ascent+p{margin-top:0}
body.docs .api-reference#docs-page-call-actions pre+h3{margin-top:3rem}
body.docs .api-reference#docs-page-call-actions h3.new-section{padding-top:1.8rem}
body.docs .code-example-head{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}
body.docs .code-example-head a.github:after{content:" →"}
body.docs .code-links{padding:0 0 20px}
body.docs .code-links a{padding:0 0 14px}
body.docs .code-links a.selected{color:#1c1d32;position:relative}
body.docs .code-links a.selected:after{content:'▾';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block}
body.docs .api-specification{width:100%}
body.docs .api-specification .main{display:none}
body.docs .api-specification .description{display:none}
body.docs .api-specification .topbar{display:none}
body.docs .api-specification span.url{display:none}
body.docs .api-specification button.try-out__btn{display:none}
body.docs .api-specification .wrapper{width:96%;padding:0!important}
body.docs .api-specification .swagger-ui table{width:unset}
body.docs #status span{min-width:7rem;text-align:right;display:inline-block;padding-right:3px;font-family:courier}
body.docs .mobile-selector{display:none;position:relative}
body.docs .mobile-selector select{padding:.7em 1em .7em 1em;width:100%;font-size:1em;background:#fff;appearance:none;-webkit-appearance:none;border:solid 1px #e2e3f8;margin:auto 0;color:#1d2165;font-weight:700;cursor:pointer}
body.docs .mobile-selector::after{content:'▾';position:absolute;display:block;top:50%;transform:translateY(-50%);right:1.5em;pointer-events:none}
body.docs .mobile-selector select:focus{outline:0}
body.docs h4{margin-top:2.1em;margin-bottom:.9em}
body.docs h4+pre{margin-top:-.3em!important}
body.docs h4+p{margin-top:-.7em!important}
body.article{background:#fafbff}
body.article .wave{position:absolute;bottom:-1px;left:0;right:0;width:100%}
body.article .wave .image_header{position:absolute;bottom:-1px;left:0;right:0;width:100%;height:fit-content}
body.article .customer-story-header{width:100%}
body.article .headline{position:relative;padding:1em 1em 3em 1em;background:#fafbff!important;color:#303450}
body.article .headline .wave{position:absolute;bottom:-1px;left:0;right:0;width:100%}
body.article .headline h1{font-weight:900;font-size:2em}
body.article .headline p{font-size:1.1em}
body.article .headline pre:not(.code-example){background:#f3f3f3;padding:2em;overflow:hidden;font-size:.9em}
body.article .headline code.hljs{background:#f3f3f3}
body.article .headline .article-type{position:relative;color:#303450}
body.article .headline .article-type:before{content:url(/static/images/tutorials/lightbulb.svg);position:absolute;left:-2em;top:.2em}
body.article .content-wrapper{max-width:40em;margin:0 auto 3em;line-height:2;font-size:1.1em}
body.article .content-wrapper a{color:#656da9;text-decoration-style:underline;-webkit-text-decoration-style:underline}
body.article .content-wrapper a:hover{color:#4c54df}
body.article .content-wrapper .infobox{line-height:1.09em}
body.article .headline .content-wrapper img{margin-left:auto;margin-right:auto;display:block;width:100%}
body.docs .api-reference .sample-code{margin-bottom:0}
body.docs .api-reference .sample-code a{margin-right:2px;text-decoration:none}
body.docs .api-reference .sample-code a:hover{text-decoration:underline}
.guide-examples{background: #f3f3f3; padding: .2rem .3rem; border-radius: 3px;}
body.article .codecontainer pre{display:none}
body.article .codecontainer pre:target{display:block}
body.article .codecontainer pre.showme{display:block;margin-top:2px}
body.article .main-content{position:relative;padding:2em 2em 8em 2em;color:#55586d}
body.article.customer-story .main-content{padding-bottom:2em}
body.article .main-content h2{position:relative;margin-top:2em;font-size:1.2em;color:#303450}
body.article .main-content h2:before{content:'';position:absolute;left:-1em;height:100%;border-left:1px solid #4c54df;opacity:.2}
body.article .main-content a{color:#656da9}
body.article .main-content a:hover{color:#4c54df}
body.article .main-content pre:not(.code-example){background:#f3f3f3;padding:2em;overflow:hidden}
.main-content{background:#fff}
body.article .main-content code.hljs{background:#f3f3f3}
body.article .full-width{width:100%}
body.article .main-content table{width:100%}
body.article .main-content th{text-align:left;white-space:nowrap}
body.article .main-content tr:nth-child(even){background:#fafbff}
body.article .alphabet{list-style:none;display:flex;flex-wrap:wrap;padding-left:0}
body.article .alphabet li{height:2em;width:2em;text-align:center}
body.article .read-more{position:relative;background:#f1f1fa;text-align:center;padding:0em 2em 6em 2em}
body.article .read-more h2{color:#1d2165}
body.article .read-more .tutorials{display:flex;flex-wrap:wrap;list-style:none;justify-content:center;margin:2em 0;padding:0}
body.article .read-more .tutorial{display:block;width:15em;padding:2em 3em;margin:.5em;background:#fff;box-shadow:0 5px 5px 0 rgba(0,0,0,.06);box-sizing:border-box;color:#4c54df;text-decoration:none;line-height:1.5}
body.article .read-more .tutorial:hover{text-decoration:underline}
.top-nav.default .signup .btn{background-color:#16ba97;color:#fff}
.top-nav.default .signup .btn:hover{background-color:#4c54df;color:#fff}
body.article .read-more .view-all{background-color:#16ba97;color:#fff;border-radius:1.5em;display:inline-block;padding:.8em 1.8em 1em;}
body.article .read-more .view-all:hover{background-color:#4c54df;color:#fff}
body.article .get-in-touch{position:relative;padding-bottom:10em;background:#fff}
body.article .get-in-touch h2{padding:1em;max-width:20em;text-align:center;margin:0 auto;font-weight:400;line-height:2;color:#21223d;font-size:1.3em}
body.article .contacts-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:25em}
body.article .contact-link{border-radius:26px;text-decoration:none;border:1px solid #4c54df}
body.article .contact-number{background-color:#4c54df;color:#fff}
body.article .contact-email{background-color:#fff;color:#4c54df;border:1px solid #4c54df}
body.article .section-title{margin:0;text-align:center;color:#21223d;opacity:.5;text-transform:uppercase;font-size:.9em}
body.article .hr{margin-left:auto;margin-right:auto;display:block;margin-bottom:6rem;margin-top:0}

body.article.customer-story .main-content{overflow: hidden;}
body.article.customer-story .hr{max-width: 100%;}
body.article.customer-story .article-type a{text-decoration: none;}
body.article .headline {padding-top: 1.5rem;}

@media screen and (max-width: 700px) {
  body.article.customer-story .headline h1{font-size: 1.8rem; line-height: 1.5;}
  body.article.customer-story .get-in-touch h2 {line-height: 1.5;}
  body.article.customer-story .main-content{padding: 1em;}
  body.article.customer-story .headline {padding-top: 2rem;}
  body.article.customer-story .content-wrapper {line-height: 1.7;font-size: 1.1em;}
  body.article.customer-story .contacts-wrapper {padding: 1rem;}
  body.article.customer-story .contacts-wrapper a{width: 100%;margin-bottom: 1rem;text-align: center;}
}

body.tutorials{background:#fff}
body.tutorials:after{content:'';position:fixed;z-index:-1;bottom:0;left:0;right:0;height:20em;width:100%;background:#1a1e5c}
body.tutorials .wave{position:absolute;bottom:-1px;left:0;right:0;width:100%}
body.tutorials .headline{position:relative;padding:1em 1em 7em 1em;text-align:center;background:#fff;color:#4a4b55}
body.tutorials .headline h1{margin:1em auto 0 auto;text-align:center;color:#1d2165;font-weight:700;font-size:2em}
body.tutorials .headline p{max-width:30em;margin:2em auto;text-align:center;line-height:2;font-size:1.1em}
body.tutorials .top-features{position:relative;display:flex;flex-wrap:wrap;background-color:#fafbff;flex-direction:column;align-items:center}
body.tutorials .top-features h2{font-size:26px;font-weight:300;color:#1d2165}
body.tutorials .top-features .wrapper{margin-top:2em;display:flex;padding-bottom:2em}
body.tutorials .top-features .left{max-width:30em;display:flex;align-items:center}
body.tutorials .top-features .right{max-width:30em}
body.tutorials .top-features .phone{display:block;margin:0 auto;max-width:70%}
body.tutorials .top-features .feature{padding:3em 4em;margin:1em 0}
body.tutorials .top-features h4{margin:0 0 .5em 0;font-size:1.2em;font-weight:400;color:#1d2165}
body.tutorials .top-features p{max-width:18em;margin:0;line-height:2em;font-size:1em;color:#303450;opacity:.8}
body.tutorials .top-features .highlighted{background:#fff;border-radius:.5em;box-shadow:0 5px 5px 0 rgba(0,0,0,.06)}
body.tutorials .top-features .highlighted h4::before{content:'# '}
body.tutorials .delivery-reports{position:relative;display:flex;flex-wrap:wrap;justify-content:center;background-color:#fafbff}
body.tutorials .delivery-reports .left{max-width:30em;padding:5em 0}
body.tutorials .delivery-reports .right{max-width:30em;padding:5em 0}
body.tutorials .delivery-reports h4{margin:0 0 .5em 0;font-size:1.2em;font-weight:400;color:#1d2165}
body.tutorials .delivery-reports p{max-width:18em;margin:0;text-align:justify;line-height:2em;font-size:1em;color:#303450;opacity:.8}
body.tutorials .delivery-reports .right{position:relative;z-index:1}
body.tutorials .delivery-reports code{position:relative;display:block;padding:2em;border-radius:.5em;margin-left:5em;background:#4c54df;color:#fff}
body.tutorials .delivery-reports code:before{content:"";position:absolute;top:2em;left:-2em;height:100%;width:100%;border-radius:.5em;background:#b8ced5;opacity:.17;z-index:-1}
body.tutorials .additional-features{position:relative;display:flex;flex-direction:column;align-items:center;padding-bottom:10em;background:#fff}
body.tutorials .additional-features h2{font-size:26px;font-weight:300;color:#1d2165}
body.tutorials .additional-features h4{margin:0 0 .5em 0;font-size:1.2em;font-weight:400;color:#1d2165}
body.tutorials .additional-features p{max-width:16em;margin:0;line-height:2em;font-size:1em;color:#303450;opacity:.8}
body.tutorials .additional-features .wrapper{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:2em;max-width:70em}
body.tutorials .additional-features .feature{margin:2em}
body.tutorials .additional-features .docs-link{color:#4c54df;text-decoration:none;font-size:1.2em}
body.tutorials .bottom-nav{display:grid;grid-template-columns:1fr 1fr 1fr;padding:2em;background-color:#1a1e5c;color:#fff}
body.tutorials .bottom-nav .copyright{text-align:left}
body.tutorials .bottom-nav .social{text-align:center}
body.tutorials .bottom-nav .last-links{text-align:right}
body.tutorials .bottom-nav .social img{margin:0 1ex}
body.tutorials .bottom-nav .social img:hover{opacity:1}
body.tutorials .bottom-nav .last-links a{color:#fff;text-decoration:none;opacity:.7;margin:0 2ex}
body.tutorials .bottom-nav .last-links a:hover{opacity:1;text-decoration:underline}
body.tutorials .tutorial{position:relative;background:#f1f1fa;text-align:center;padding:1em 2em 8em 2em}
body.tutorials .tutorial h2{color:#1d2165}
body.tutorials .tutorial .tutorials{display:flex;flex-wrap:wrap;list-style:none;justify-content:center;margin:0;padding:0}
body.tutorials .tutorial .tutorial-article{display:block;width:15em;padding:2em 3em;margin:.5em;background:#fff;box-shadow:0 5px 5px 0 rgba(0,0,0,.06);box-sizing:border-box;color:#4c54df;text-decoration:none;line-height:1.5;border-radius:5px}
body.tutorials .tutorial .tutorial-article:hover{text-decoration:none;background:#4c54df;color:#fff}
body.tutorials .tutorial .tutorial-article-type{text-transform:uppercase;color:#1a1e5c;font-size:.8em;margin:0 0 1em 0;display:block;text-decoration:none}
body.tutorials .tips-tricks{position:relative;background:#fafbff;text-align:center;padding:3em 2em 8em 2em}
body.tutorials .tips-tricks h2{color:#1d2165}
body.tutorials .tips-tricks .tips{display:flex;flex-wrap:wrap;list-style:none;justify-content:center;margin:0;padding:0}
body.tutorials .tips-tricks .tip{display:block;width:15em;padding:2em 3em;margin:.5em;background:#fff;border:1px solid #e7e7f7;box-sizing:border-box;color:#4c54df;text-decoration:none;line-height:1.5;border-radius:5px}
body.tutorials .tips-tricks .tip:hover{text-decoration:none;background:#4c54df;color:#fff;box-shadow:0 5px 5px 0 rgba(0,0,0,.06)}
body.tutorials .tips-tricks .tip-article-type{text-transform:uppercase;color:#1a1e5c;font-size:.8em;margin:0 0 1em 0;display:block;text-decoration:none}
body.tutorial{background:#1d2165}
body.tutorial .top-nav .logo svg{fill:#fff;color:#fff}
body.tutorial .top-nav.default .page-link{color:#1d2165}
body.tutorial .top-nav.default .page-link:hover{color:#4c54df}
body.tutorial .wave{position:absolute;bottom:-1px;left:0;right:0;width:100%}
body.tutorial .headline{position:relative;padding:1em 1em 2em 1em;background:#fafbff;color:#303450}
body.tutorial .headline .wave{position:absolute;bottom:-1px;left:0;right:0;width:100%}
body.tutorial .headline h1{font-weight:900;font-size:2em;}
body.tutorial .headline p{font-size:1.1em}
body.tutorial .headline .article-type{position:relative;color:#303450}
body.tutorial .headline .article-type:before{content:url(/static/images/tutorials/lightbulb.svg)}
body.tutorial .content-wrapper{max-width:40em;margin:0 auto;font-size:1.1em}
body.tutorial .content-wrapper img{margin-left:auto;margin-right:auto;display:block;width:100%}
body.tutorial .content-wrapper a{color:#656da9;text-decoration:none}
body.tutorial .content-wrapper a:hover{color:#4c54df}
body.tutorial .main-content{position:relative;padding:2em 2em 5em;color:#55586d}
body.tutorial .main-content h2{position:relative;margin-top:2em;font-size:1.2em;color:#303450}
body.tutorial .main-content h2:before{content:'';position:absolute;left:-1em;height:100%;border-left:1px solid #4c54df;opacity:.2}
body.tutorial .main-content a{color:#656da9;text-decoration:underline}
body.tutorial .main-content a:hover{color:#4c54df}
body.tutorial .main-content pre:not(.code-example){background:#f3f3f3;padding:1.5em;overflow-x:auto;overflow-y:hidden}
body.tutorial .main-content .inline{background:#eaeef3;padding-top:0;padding-bottom:0}
.main-content{background:#fff}
body.tutorial .read-more{position:relative;background:#f1f1fa;text-align:center;padding:3em 2em 6em 2em}
body.tutorial .read-more h2{color:#1d2165}
body.tutorial .read-more .tutorials{display:flex;flex-wrap:wrap;list-style:none;justify-content:center;margin:2em 0;padding:0}
body.tutorial .read-more .tutorial{display:block;width:15em;padding:2em 3em;margin:.5em;background:#fff;box-shadow:0 5px 5px 0 rgba(0,0,0,.06);box-sizing:border-box;color:#4c54df;text-decoration:none;line-height:1.5}
body.tutorial .read-more .tutorial:hover{text-decoration:underline}
body.tutorial .read-more .view-all{color:#4c54df;text-decoration:none}
body.tutorial .read-more .view-all::after{content:' →';padding:0 0 0 .5em;text-decoration:none}
body.tutorial .read-more .view-all:hover{color:#1a1e5c}

body.tutorial-article {}
body.tutorial-article .headline{padding-bottom:2rem;position: relative;}
body.tutorial-article .headline::after{content:"";background-image:url(/static/images/tutorials/wave-top.svg);position:absolute;bottom:0;left:0;right:0;width:100%;background-size:cover;background-position:center;height:64px;background-repeat:no-repeat;}
body.tutorial-article .headline h1{margin:0}
body.tutorial-article .headline p {margin:0.5rem 0 2rem 0;}
body.tutorial-article .headline .article-type{margin-top: 2rem;}
body.tutorial-article .main-content h2:first-of-type {margin-top: 0;}
body.tutorial-article .main-content code:not(pre code) {background: #dbdbff;color: #656da9;padding: .2rem .3rem; border-radius: 3px;font-size: 1rem;}
body.tutorial-article .main-content figure{margin:0;padding:0;}
body.tutorial-article .main-content figure:not(.callout figure){margin:0;padding:0;background-color: #eee;padding: 10px;}
body.tutorial-article .main-content img{max-width: 100%;}
body.tutorial-article .main-content .callout{position: relative;background-color: #F4F4FF;padding: 1.5em;margin: 1em 0;}
body.tutorial-article .main-content .callout p {font-size: 18px;line-height: 30px;}
body.tutorial-article .main-content .callout p:first-child {margin-top:0;}
body.tutorial-article .main-content .callout p:last-child {margin-bottom:0;}
body.tutorial-article .main-content .callout code:not(pre code);{background: #dbdbff;color: #656da9;}
/*body.tutorial-article .read-more .tutorials{display:flex;flex-wrap:wrap;list-style:none;justify-content:center;margin:2em 0;padding:0;}
body.tutorial-article .read-more .tutorial{display:flex;width:16em;padding:0;margin:0;background:transparent;box-shadow:none;box-sizing: border-box;color:#4c54df;text-decoration:none;line-height:1.5;}
body.tutorial-article .read-more .tutorial a{display:flex;align-items:center; text-align:center; width:100%; padding:2rem 3rem; border-radius:5px; margin:.5em; background:#fff; box-shadow:0 5px 5px 0 rgba(0,0,0,.06); box-sizing:border-box;color: #4c54df;text-decoration: none;line-height: 1.5;}
body.tutorial-article .read-more .view-all {background-color:#16ba97; font-weight:bold; color: #fff; border-radius:1.5em; display:inline-block; padding:.8em 1.8em 1em; text-decoration: none;}*/*/
body.tutorial-article .main-content details summary {cursor: pointer;}
body.tutorial-article .main-content details summary > *{cursor: pointer;display: inline-block;}
body.tutorial-article .main-content ul li p,
body.tutorial-article .main-content ol li p{line-height: 150%;margin: 1rem 0 0.5rem 0;}

#tutorial-flask-app .hljs-selector-tag, .tutorial .hljs-keyword {font-weight: normal;}
#tutorial-flask-app .hljs-selector-class, .tutorial .hljs-attribute, .tutorial .hljs-built_in {color: #00193a;}
#tutorial-flask-app p{margin-bottom: 0.5em; line-height: 1.8;}
#tutorial-flask-app .inline{margin-top: 0; margin-bottom: 1.9em;}
#tutorial-flask-app .inline-black{background: #000; padding: 0 1em; margin-top: 0; margin-bottom: 1.9em; font-size: 0.9em;}
#tutorial-flask-app .inline-black code{background: #000; color: #fff;}
#tutorial-flask-app .inline-black code .hljs-string{color: #fff;}
#tutorial-flask-app .inline-large{background:#eaeef3;padding-top: 1em; padding-bottom: 1em; margin-top: 0; margin-bottom: 1.9em; line-height: 150%;}
#tutorial-flask-app .inline-large-black{background: #000; padding: 1em; margin-top: 0; margin-bottom: 1.9em; line-height: 150%; font-size: 0.9em;}
#tutorial-flask-app .inline-large-black code{background: #000; color: #fff; padding: 0;}
#tutorial-flask-app .inline-large-black code .hljs-literal,
#tutorial-flask-app .inline-large-black code .hljs-regexp,
#tutorial-flask-app .inline-large-black code .hljs-string,
#tutorial-flask-app .inline-large-black code .hljs-comment,
#tutorial-flask-app .inline-large-black code .hljs-built_in{color: #fff;}
#tutorial-flask-app .inline-large-black .padded-code{padding-bottom: 10px;}
#tutorial-flask-app h1{ margin-bottom: 0; margin-top: 3rem; }
#tutorial-flask-app h1 + p { margin-top: 0; }
#tutorial-flask-app h2{line-height: 1em;margin-top: 1.5em;margin-bottom: 0;}
#tutorial-flask-app .main h3{line-height: 1em;margin-top: 2.7em;margin-bottom: 0;}
#tutorial-flask-app #dashboard-voice-start {margin-bottom: 1.9em;}
#tutorial-flask-app .wave{margin-bottom: 0;}
body.getting-started{background:#f4f6fe}
body.getting-started .wave{position:absolute;bottom:-1px;left:0;right:0;width:100%}
body.getting-started .intro{position:relative;padding:1em 1em 7em 1em;text-align:center;background:#f4f6fe;color:#4a4b55}
body.getting-started .intro h1{margin:1em auto 0 auto;text-align:center;color:#1d2165;font-weight:700;font-size:2em}
body.getting-started .intro .subtitle{max-width:44em;margin:1em auto 2em;text-align:center;vertical-align:middle;line-height:2;font-size:1.1em}
body.getting-started .intro a{color:#4c54df}
body.getting-started .guides{display:flex;flex-wrap:wrap;justify-content:center;max-width:70em;margin:0 auto}
body.getting-started .guide{position:relative;padding:2em 3em;margin:1em;width:13em;min-height:16em;background-color:#fff;box-shadow:0 5px 5px 0 rgba(0,0,0,.06)}
body.getting-started .guide{position:relative;padding:2em 3em;margin:1em;width:13em;min-height:16em;background-color:#fff;box-shadow:0 5px 5px 0 rgba(0,0,0,.06)}
body.getting-started.customer-story .guide{position:relative;padding:2em 3em;margin:1em;width:13em;min-height:10em;background-color:#fff;box-shadow:0 5px 5px 0 rgba(0,0,0,.06)}
body.getting-started .guide p{line-height:1.5em;font-size:1em;opacity:.7}
body.getting-started .guide .links{position:absolute;bottom:0;width:100%;padding:2em;left:0;display:flex;justify-content:center;box-sizing:border-box}
body.getting-started .guide-icon{width:2em}
body.getting-started .guide-icon-plus{width:100%}
body.getting-started.customer-story .icon-container{height:3em}
body.getting-started.customer-story .icon-container-plus{margin-top:-2rem;margin-left:-3rem;margin-right:-3rem;box-sizing:border-box;height:5em}
body.getting-started.customer-story .icon-container .guide-icon{height:100%;width:100%;object-fit:contain;border-radius:7px}
body.getting-started .guide .links a{color:#4c54df;text-decoration:none}
body.getting-started .guide .links:after{content:' →';color:#4c54df;padding:0 0 0 .5em;text-decoration:none}
body.getting-started .guide .links a:hover{color:#1c2461}
body.getting-started .bottom-nav{display:grid;grid-template-columns:1fr 1fr 1fr;padding:2em;background-color:#1a1e5c;color:#fff}
body.getting-started .bottom-nav .copyright{text-align:left}
body.getting-started .bottom-nav .social{text-align:center}
body.getting-started .bottom-nav .last-links{text-align:right}
body.getting-started .bottom-nav .social img{margin:0 1ex;opacity:.5}
body.getting-started .bottom-nav .social img:hover{opacity:1}
body.getting-started .bottom-nav .last-links a{color:#fff;text-decoration:none;opacity:.7;margin:0 2ex}
body.getting-started .bottom-nav .last-links a:hover{opacity:1;text-decoration:underline}
body.pricing{background:#fff}
body.pricing .sla-details{padding-top:4vh}
body.pricing .wave{position:absolute;bottom:-1px;left:0;right:0;width:100%}
body.pricing .headline{position:relative;padding:1em 1em 5em 1em;text-align:center;background:#fff;color:#4a4b55}
body.pricing .headline h1{margin:1em auto 0 auto;text-align:center;color:#1d2165;font-weight:700;font-size:2em}
body.pricing .headline p{max-width:30em;margin:1em auto;text-align:center;line-height:2;font-size:1.1em}
body.pricing .prices{position:relative;display:flex;flex-wrap:wrap;padding:3em 1em 7em 1em;background-color:#fafbff;flex-direction:column;align-items:center}
body.pricing .prices .wrapper{margin:0 auto;max-width:110em}
body.pricing .country-currency-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between}
body.pricing .country-wrapper{display:flex;align-items:center}
body.pricing #country-selector-label{display:inline-block}
body.pricing .country-selector{position:relative;display:inline-block}
body.pricing .country-selector select{padding:.7em 1em .7em 1em;min-width:20em;font-size:1em;background:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:solid 1px #e2e3f8;margin:auto 0;color:#1d2165;font-weight:700;cursor:pointer;max-width:287px;text-indent:.01px;text-overflow:"";margin-right:1rem;font-family:Lato,sans-serif}
body.pricing .country-selector::after{content:'▾';position:absolute;display:block;top:50%;transform:translateY(-50%);right:2em;pointer-events:none}
body.pricing .country-selector select:focus{outline:0}
body.pricing .currency-selector{position:relative;display:inline-block;font-size:.9em}
body.pricing .currency-selector select{appearance:none;-webkit-appearance:none;border:none;color:#4c54df;cursor:pointer;font-size:1em;padding:.9em 2em .8em 0;background:0 0;margin-left:1em;text-overflow:"";-moz-appearance:none}
body.pricing .currency-selector select:focus{outline:0}
body.pricing .currency-selector::after{content:'▾';position:absolute;display:block;top:47%;transform:translateY(-50%);right:1em;pointer-events:none;color:#4c54df}
body.jobs{background:#fff}
body.jobs .wave{position:absolute;bottom:-1px;left:0;right:0;width:100%}
body.jobs .headline{position:relative;padding:1em 1em 5em 1em;background:#fff;color:#4a4b55}
body.jobs .headline h1{margin:1em auto 0 auto;color:#1d2165;font-weight:700;font-size:2em}
body.jobs .headline p{line-height:1.5;font-size:1.1em}
body.jobs .positions{position:relative;display:flex;flex-wrap:wrap;padding:3em 1em 7em 1em;background-color:#fafbff;flex-direction:column;align-items:center}
body.jobs .positions{position:relative;padding:1em 1em 7em 1em;text-align:center;background:#fafbff;color:#4a4b55}
body.jobs .positions h1{margin:1em auto 0 auto;text-align:center;color:#1d2165;font-weight:700;font-size:2em}
body.jobs .positions .subtitle{max-width:44em;margin:1em auto 2em;text-align:center;line-height:2;font-size:1.1em}
body.jobs .positions a{color:#4c54df}
body.jobs .position-boxes{display:flex;flex-wrap:wrap;justify-content:center;max-width:70em;margin:0 auto}
body.jobs .position{position:relative;padding:2em 3em 2em;margin:1em;width:13em;min-height:16em;background-color:#fff;box-shadow:0 5px 5px 0 rgba(0,0,0,.06)}
body.jobs .position p{line-height:1.5em;font-size:1em;opacity:.7}
body.jobs .position .links{position:absolute;bottom:0;width:100%;padding:2em 2em 1.5em;left:0;display:flex;justify-content:center;box-sizing:border-box}
body.jobs .position-icon{width:2em}
body.jobs .position-icon-rotated{transform:rotate(-13deg)}
body.jobs .position .links a{color:#4c54df;text-decoration:none;padding:.5em .5em .5em}
body.jobs .position .links:after{content:' →';color:#4c54df;padding:.5em .5em .5em 0;text-decoration:none}
body.jobs .position .links a:hover{color:#1c2461}
body.open-position .languages{display:none}
body.open-position h1{margin-bottom:0}
body.open-position h1+p{margin-top:0!important}
body.open-position .breadcrumbs a{color:#303450;text-decoration:none}
body.product{background:#fff}
body.product .wave{position:absolute;bottom:-1px;left:0;right:0;width:100%}
body.product .top-sub-nav{position:relative;padding-bottom:15em}
body.product .top-sub-nav nav{display:flex;flex-wrap:wrap;justify-content:center}
body.product .top-sub-nav a{margin:0 1em;text-decoration:none;color:#4c54df;font-size:.9em;font-weight:400;padding-bottom:7px}
body.product .top-sub-nav a:hover{color:#4a4b55}
body.product .top-sub-nav .active{color:#1d2165;border-bottom:1px solid #1d2165}
body.product .hero{height:27em;position:absolute;left:50%;top:10em;transform:translateX(-50%)}
body.product .headline{padding:14em 1em 1em 1em;text-align:center;background-color:#fafbff;color:#4a4b55}
body.product .headline h1{max-width:25em;margin:1em auto 0 auto;text-align:center;color:#1d2165;font-weight:700;font-size:2.4em}
body.product .headline p{max-width:35em;margin:2em auto;text-align:center;line-height:2;font-size:1.1em}
body.product .headline-cta{display:inline-flex;align-items:center;padding:.6em 1.4em .8em;border-radius:1.5em;background:#ffe091;text-decoration:none;color:#1d2165}
body.product .top-three{position:relative;width:100%;background-color:#fafbff}
body.product .top-three-wrapper{max-width:70em;padding:3em 1em 1em 1em;display:flex;margin:0 auto;justify-content:space-between;flex-wrap:wrap}
body.product .top-box{margin:0 auto;padding:2em;max-width:18em;text-align:center;line-height:2}
body.product .top-box h3{margin:0;color:#1d2165}
body.product .top-box p{margin:0;color:#303450;opacity:.8}
body.product .p2pa2p{position:relative;width:100%;background-color:#fafbff}
body.product .p2pa2p-wrapper{max-width:45em;padding:1em 1em 8em 1em;display:flex;margin:0 auto;justify-content:space-between;flex-wrap:wrap}
body.product .p2pa2p-box{padding:2em;max-width:18em;line-height:2}
body.product .p2pa2p-box h3{margin:0;color:#1d2165}
body.product .p2pa2p-box p{margin:0;color:#303450;opacity:.8}
body.product .top-features{position:relative;display:flex;flex-wrap:wrap;background-color:#fafbff;flex-direction:column;align-items:center}
body.product .top-features h2{font-size:26px;font-weight:300;color:#1d2165}
body.product .top-features .wrapper{margin:2em 0 6em 0;display:flex}
body.product .top-features .left{max-width:30em}
body.product .top-features .right{max-width:30em}
body.product .top-features .left{display:flex;align-items:center}
body.product .top-features .phone{display:block;margin:0 auto;max-width:70%}
body.product .top-features .feature{padding:3em 4em;margin:1em 0}
body.product .top-features h4{margin:0 0 .5em 0;font-size:1.2em;font-weight:400;color:#1d2165}
body.product .top-features p{max-width:18em;margin:0;line-height:2em;font-size:1em;color:#303450;opacity:.8}
body.product .top-features .highlighted{background:#fff;border-radius:.5em;box-shadow:0 5px 5px 0 rgba(0,0,0,.06)}
body.product .top-features .highlighted h4::before{content:'# '}
body.product .delivery-reports{position:relative;display:flex;flex-wrap:wrap;justify-content:center;background-color:#fafbff;padding-bottom:4em}
body.product .delivery-reports .left{max-width:30em;padding:5em 0}
body.product .delivery-reports .right{padding:5em 0;position:relative;z-index:1}
body.product .delivery-reports h4{margin:0 0 .5em 0;font-size:1.2em;font-weight:400;color:#1d2165}
body.product .delivery-reports p{max-width:18em;margin:0;text-align:left;line-height:2em;font-size:1em;color:#303450;opacity:.8}
body.product .delivery-reports code{position:relative;display:block;padding:2em;border-radius:.5em;margin-left:5em;background:#4c54df;color:#fff}
body.product .delivery-reports code:before{content:"";position:absolute;top:2em;left:-2em;height:100%;width:100%;border-radius:.5em;background:#b8ced5;opacity:.17;z-index:-1}
body.product .additional-features{position:relative;display:flex;flex-direction:column;align-items:center;background:#fff}
body.product .additional-features .wrapper{display:flex;justify-content:center;flex-wrap:wrap;margin:3em 0 2em 0;max-width:70em}
body.product .additional-features .feature{margin:2em;display:flex}
body.product .checkmark-container{margin-right:1em}
body.product .additional-features h2{font-size:26px;font-weight:300;color:#1d2165}
body.product .additional-features h4{margin:0 0 .5em 0;font-size:1.2em;font-weight:400;color:#1d2165}
body.product .additional-features p{max-width:16em;margin:0;line-height:2em;font-size:1em;color:#303450;opacity:.8}
body.product .additional-features .docs-link{color:#4c54df;text-decoration:none;font-size:1.2em}
body.product .hr{position:relative;left:15%;width:70%;padding:4em 0 6em 0}
body.product .section-title{margin:0;text-align:center;color:#21223d;opacity:.5;text-transform:uppercase;font-size:.9em}
body.product .customer-case{position:relative;background:#fff}
body.product .customer-case h2{padding:1em;max-width:40em;text-align:center;margin:0 auto;font-weight:400;line-height:2;color:#21223d;font-size:1.3em}
body.product .customer-case h2.wide{max-width:70%}
body.product .customer-case-wrapper{display:flex;flex-wrap:wrap;justify-content:center}
body.product .customer-image-wrapper{padding:2em}
body.product .customer-text-wrapper{padding:2em;max-width:28em;line-height:2;font-size:1em}
body.product .get-in-touch{position:relative;padding-bottom:10em;background:#fff}
body.product .get-in-touch h2{padding:1em;max-width:20em;text-align:center;margin:0 auto;font-weight:400;line-height:2;color:#21223d;font-size:1.3em}
body.product .contacts-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:25em}
body.product .contact-link{border-radius:26px;text-decoration:none;border:1px solid #4c54df}
body.product .contact-number{background-color:#4c54df;color:#fff}
body.product .contact-email{background-color:#fff;color:#4c54df;border:1px solid #4c54df}
body.product .bottom-nav{display:grid;grid-template-columns:1fr 1fr 1fr;padding:2em;background-color:#1a1e5c;color:#fff}
body.product .bottom-nav .copyright{text-align:left}
body.product .bottom-nav .social{text-align:center}
body.product .bottom-nav .last-links{text-align:right}
body.product .bottom-nav .social img{margin:0 1ex;opacity:.5}
body.product .bottom-nav .social img:hover{opacity:1}
body.product .bottom-nav .last-links a{color:#fff;text-decoration:none;opacity:.7;margin:0 2ex}
body.product .bottom-nav .last-links a:hover{opacity:1;text-decoration:underline}
body.login{background:#fff}
body.login .wave{position:absolute;bottom:-1px;left:0;right:0;width:100%}
body.login .headline{position:relative;padding:1em 1em 4em 1em;text-align:center;background:#fff;color:#4a4b55}
body.login .headline h1{margin:1em auto 0 auto;text-align:center;color:#1d2165;font-weight:700;font-size:2em}
body.login .headline p{max-width:30em;margin:1em auto;text-align:center;line-height:2;font-size:1.1em}
body.login .login-section{position:relative;padding:1em 1em 7em 1em;background-color:#fafbff}
body.login .login-section a{color:#4c54df;text-decoration:none}
body.login .login-section a:hover{color:#1d2165;text-decoration:underline}
body.login .wrapper{margin:0 auto;max-width:20em}
body.login .login-form{margin-bottom:2em}
body.login .input-wrapper{display:flex;flex-direction:column;margin-top:1em}
body.login .login-input{padding:1em .5em;width:100%;border-radius:4px;border:solid 1px #d7d7d7;font-size:.8em}
body.login .login-label{color:#1d2165;margin-bottom:.5em}
body.login .login-submit{margin-top:1em;background:#16ba97;border:none;color:#fff;padding:.8em 3em;border-radius:21px;font-size:1em;cursor:pointer}
body.login .error-msg,
body.login #unable-to-login{background:#eb6161;color:#fff;border-radius:10px;font-weight:300;padding:.5em 1.5em;box-sizing:border-box}
body.register{background:#fff}
body.register .wave{position:absolute;bottom:-1px;left:0;right:0;width:100%}
body.register .headline{position:relative;padding:1em 1em 7em 1em;text-align:center;background:#fff;color:#4a4b55}
body.register .headline h1{margin:1em auto 0 auto;text-align:center;color:#1d2165;font-weight:700;font-size:2em}
body.register .headline p{max-width:30em;margin:1em auto;text-align:center;line-height:2;font-size:1.1em}
body.register .register-section{min-height:20em;position:relative;padding:1em 1em 7em 1em;background-color:#fafbff}
body.register .register-section a{color:#4c54df;text-decoration:none}
body.register .register-section a:hover{text-decoration:underline}
body.register .wrapper{margin:0 auto;max-width:20em}
body.register .input-wrapper{display:flex;flex-direction:column;margin-top:1em}
body.register .step{margin-top:2em}
body.register .step-number{color:#4c54df;font-size:.7em}
body.register .step .hideifnotactive{opacity:.2}
body.register .step.active .hideifnotactive{opacity:1;line-height: 1.5;}
body.register button{margin-top:1em;background:#16ba97;border:none;color:#fff;padding:.8em 1.5em;border-radius:21px;font-size:1em;cursor:pointer}
body.register button:disabled{margin-top:1em;background:rgba(1,9,8,.15)}
body.register .register-sectino h3{margin-top:0;color:#1d2165;font-size:1em}
body.register .register-input{padding:1em .5em;width:100%;border-radius:4px;border:solid 1px #d7d7d7;font-size:.8em}
body.register .register-label{color:#1d2165;margin-bottom:.5em;font-size:.9em}
body.register .register-submit{margin-top:1em;background:#16ba97;border:none;color:#fff;padding:.8em 1.5em;border-radius:21px;font-size:1em;cursor:pointer}
body.register .register-submit:disabled{margin-top:1em;background:rgba(1,9,8,.15)}
body.register .register-submit::before{display:inline-block;content:url(/static/images/register/phone.svg);margin-right:1ex;transform:rotate(-135deg)}
body.register textarea{line-height:1.5em}
body.register .error{display:none;color:#c50c15;font-size:.7em}
body.register .error.active{display:block}
body.register .digit{display:inline-block;box-sizing:border-box;width:2em;height:3em;font-size:1em;text-align:center}
body.reset-password{background:#fff}
body.reset-password .wave{position:absolute;bottom:-1px;left:0;right:0;width:100%}
body.reset-password .headline{position:relative;padding:1em 1em 4em 1em;text-align:center;background:#fff;color:#4a4b55}
body.reset-password .headline h1{margin:1em auto 0 auto;text-align:center;color:#1d2165;font-weight:700;font-size:2em}
body.reset-password .headline p{max-width:30em;margin:1em auto;text-align:center;line-height:2;font-size:1.1em}
body.reset-password .reset-section{position:relative;padding:1em 1em 7em 1em;background-color:#fafbff}
body.reset-password .wrapper{margin:0 auto;max-width:20em}
body.reset-password .input-wrapper{display:flex;flex-direction:column;margin-top:1em}
body.reset-password .reset-input{padding:1em .5em;width:100%;border-radius:4px;border:solid 1px #d7d7d7;font-size:.8em}
body.reset-password .reset-label{color:#1d2165;margin-bottom:.5em}
body.reset-password .reset-submit{margin-top:1em;background:#16ba97;border:none;color:#fff;padding:.8em 3em;border-radius:21px;font-size:1em;cursor:pointer}
body.reset-password .reset-contact-support{display:inline-block;padding:1rem;border:10px solid #fff}
body.dashboard{background:#fafbff;max-width:100vw;overflow-x:hidden;scroll-behavior:smooth}
body.dashboard .main-section{min-height:100%;background:#fafbff}
body.dashboard .main-section a:not(.form-button-link){color:#4c54df;text-decoration:none}
body.dashboard .main-section a:not(.form-button-link):hover{text-decoration:underline}
body.dashboard .wrapper{margin:0 auto;padding:2em 0 5em 0;max-width:45em}
body.dashboard .api-credentials{margin-top:3em;margin-bottom:4rem}
body.dashboard .api-credentials.initial-dashboard{padding: 0 10px;}
body.dashboard .api-credentials .container{box-shadow:0 5px 25px 0 rgba(29,33,101,.05);border-radius:4px;margin-bottom:0}
body.dashboard .api-credentials h3{font-size:1em;opacity:.6;text-transform:uppercase;font-weight:700;color:#1d2165;padding-bottom:.2rem;margin-bottom:3px;padding-left:1em}
body.dashboard .api-credentials h3+p{margin:0 0 1.8em;padding-left:1em;font-size:.9em}
body.dashboard .api-credentials h4{margin:0;text-transform:uppercase;color:#1d2165;opacity:.6;font-weight:400;display:inline-block;width:160px;font-size:.76em}
body.dashboard .api-credentials a{text-decoration:none;color:#4c54df}
body.dashboard .api-credentials .container div{background-color:#fff;padding:1.5rem 2rem 1.3rem;overflow:hidden}
body.dashboard .api-credentials .container div:not(:last-child){border-bottom:1px solid #d7d7d7}
body.dashboard .api-credentials .container span:first-of-type{width:20em;display:inline-block}
body.dashboard .api-credentials .container span:first-of-type:not(.password){color:#1d2165}
body.dashboard .api-credentials span:nth-of-type(2){float:right;font-size:.9em}
body.dashboard .api-credentials .password{color:transparent;text-shadow:0 0 15px rgba(0,0,0,1)}
code .password {color:transparent;text-shadow:0 0 15px #4c54df}
body.dashboard .traffic-logs .info-name{opacity:.6;text-transform:uppercase;font-weight:700;color:#1d2165;padding-left:1em}
body.dashboard .traffic-logs .table-explanation{padding-left:1em;margin-top:4px}
body.dashboard #link-all-logs{margin:1em 0 0 1em;font-size:1.1rem}
body.dashboard .dev-numbers{margin-top:3em}
body.dashboard .logs-fragment{margin-top:3em}
body.dashboard .number-description{opacity:.6}
body.dashboard .info-square{box-sizing:border-box;padding:31px;display:inline-block;width:205px;height:176px;border-radius:4px;background:#fff;margin:3px;box-shadow:0 20px 50px 0 rgba(0,0,0,.03)}
body.dashboard .box-row{display:flex;justify-content:space-between}
body.dashboard .box-row div{display:flex;flex-direction:column;justify-content:space-between;align-items:center}
body.dashboard .box-row .info-square div:nth-child(2){white-space:nowrap;font-family:Lato;font-size:30px;color:#1d2165}
body.dashboard .box-row .info-square div:nth-child(1){opacity:.6;font-family:Lato;font-size:13px;font-weight:700;color:#1d2165;text-transform:uppercase}
body.dashboard .box-row .info-square div.button{width:143px;height:44px;border-radius:6px;border:solid 1px #d1d3e5}
body.dashboard .box-row .info-square div.button a{margin-top:auto;margin-bottom:auto;font-family:Lato;font-size:16px;color:#1d2165}
body.dashboard input.daysinput{border:0;font-size:.9em;width:35px}
body.dashboard #logrows{margin-right:-2rem}
body.dashboard .send-form{padding-top:calc(2rem + 2vh)}
body.dashboard .send-form .container{box-shadow:0 5px 25px 0 rgba(29,33,101,.05);border-radius:4px;margin-bottom:4rem}
body.dashboard .send-form h3{font-size:1em;opacity:.6;text-transform:uppercase;font-weight:700;color:#1d2165;padding-bottom:.2rem;margin-bottom:3px;padding-left:1em}
body.dashboard .send-form h3+p{margin:0 0 1.8em;padding-left:1em;font-size:.9em}
body.dashboard .send-form h4{vertical-align:top;margin:0;text-transform:uppercase;color:#1d2165;opacity:.6;font-weight:400;display:inline-block;width:160px;font-size:.76em}
body.dashboard .send-form a{text-decoration:none;color:#4c54df}
body.dashboard .send-form .container div{background-color:#fff;padding:1.5rem 2rem 1.3rem;overflow:hidden}
body.dashboard .send-form .container div:not(:last-child){border-bottom:1px solid #d7d7d7}
body.dashboard .send-form .container span:first-of-type{width:20em;display:inline-block}
body.dashboard .send-form span:nth-of-type(2){float:right;font-size:.9em}
body.dashboard .send-form textarea.message{width:255px;height:128px}
body.dashboard .send-form input:not([type=file]){flex-grow:2;margin-right:1em;position:relative;top:-1px;padding:.5em;font-family:monospace;font-size:1em;border:1px solid #eaeaea;border-radius:4px}
body.dashboard .send-form input:not([type=checkbox]){width:100%}
body.dashboard .send-form button{padding-left:20px;padding-right:20px;border:none;font-weight:300;height:50px;border-radius:25px;background-color:#16ba97;font-family:Lato;font-size:16px;color:#fff}
body.dashboard #smsMessageFieldSatus{padding-top:8px;padding-left:8px;padding-bottom:0}
body.dashboard #smsMessageFieldSatus span{float:none;width:initial}
body.dashboard #dryrunsmsresult{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center}
body.dashboard #dryrunsmsresult div{max-width:80vw;width:36em;position:relative}
body.dashboard #dryrunsmsresult img{cursor:pointer}
body.dashboard #dryrunsmsresult pre{border-radius:4px;background-color:#fff;padding:28px;margin-left:auto;margin-right:auto}
body.dashboard.new-account .wrapper{display:flex;flex-direction:column}
body.dashboard.new-account .wrapper>*{order:2}
body.dashboard.new-account .wrapper .api-credentials{order:1}
body.dashboard #welcome{text-align:center}
body.dashboard #welcome>:last-child{margin-bottom:0}
body.dashboard #welcome+*{padding-top:0}
body.dashboard .send-messages-as{text-align:center;padding-bottom:1em}
body.dashboard #select-account{border:1px solid #e2e3f8;border-radius:4px;padding:10px 10px 10px 20px;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;min-width:20em}
body.dashboard #select-account-wrapper{display:inline-block;position:relative}
body.dashboard #select-account-wrapper form{margin-bottom:0}
body.dashboard #select-account-wrapper:before{content:'';position:absolute;display:block;bottom:11px;left:3px;pointer-events:none;width:16px;background-image:url(/static/images/icons/profile-blue-neckless.svg);background-repeat:no-repeat;height:18px;background-size:cover}
body.dashboard #select-account-wrapper:after{content:'▾';position:absolute;display:block;top:50%;transform:translateY(-50%);right:1em;pointer-events:none}
body.dashboard #select-account option:last-child{display:none}
body.dashboard section.main-section.send-tool .wrapper{padding:0 0 60px}
body.dashboard section.main-section.send-tool .message-stats{width:100%;display:flex;flex-direction:column}
body.dashboard section.main-section.send-tool .message-stats ul.stats{width:100%;display:flex;flex-wrap:wrap;margin:15px 0 6px;padding:0}
body.dashboard section.main-section.send-tool .message-stats ul.stats li{font-size:13px;font-weight:400;color:#767898;line-height:20px;margin-right:20px;list-style:none;margin:0 20px 0 0;padding:0}
body.dashboard section.main-section.send-tool .message-stats ul.stats li:last-child{margin:0}
body.dashboard section.main-section.send-tool .message-stats ul.stats li span{font-weight:700;color:#21223d}
body.dashboard section.main-section.send-tool .message-stats p{font-size:13px;font-weight:400;font-style:italic;color:#21223d;margin:0;padding:0}
body.dashboard section.main-section.send-tool .message-stats p a{color:#4c54df;text-decoration:underline}
body.dashboard section.main-section.send-tool .wrapper-label{width:100%;display:flex;flex-wrap:wrap;position:relative;padding:20px}
body.dashboard section.main-section.send-tool .wrapper-label p{width:0;flex-grow:1;font-size:12px;font-weight:400;font-style:italic;color:#767898;line-height:16px;margin:0}
body.dashboard section.main-section.send-tool .wrapper-label p b{font-size:13px;font-weight:700;color:#21223d;line-height:20px;font-style:normal}
body.dashboard section.main-section.send-tool .wrapper-label input{margin-right:10px}
body.dashboard section.main-section.send-tool .wrapper-label input:checked~label{border:1px solid #4c54df}
body.dashboard section.main-section.send-tool .wrapper-label label{width:100%;height:100%;display:block;position:absolute;top:0;left:0;border:1px solid #e0e0ec;border-radius:4px;cursor:pointer;transition:border-color .2s ease}
body.dashboard section.main-section.send-tool .wrapper-label label:hover{border-color:rgba(76,84,223,.5)}
body.dashboard section.main-section.send-tool .mms-image-tool{position:relative}
body.dashboard section.main-section.send-tool .mms-image-tool #mms-image-file{display:none}
body.dashboard section.main-section.send-tool .mms-image-tool button{position:absolute;top:0;right:0;padding:10px 14px}
body.dashboard section.main-section.send-tool .mms-image-tool button:before{content:'';width:1px;height:20px;position:absolute;background:#e0e0ec;left:-1px;top:10px}
body.dashboard section.main-section.send-tool .mms-image-tool input{padding-right:120px}
body.dashboard section.main-section.send-tool .mms-image-tool input{padding-right:120px}
body.dashboard .send-tool-dryrun-log{text-align:left;width:100%;background:#f8f8fc;border:1px solid #dcdded;border-radius:4px;padding:20px;overflow:scroll;-webkit-overflow-scrolling:touch}
body.dashboard .send-tool-dryrun-log pre{margin:0;font-family:'Roboto Mono',monospace;font-size:12px;line-height:18px}
body.dashboard.page-dashboard,body.dashboard.page-dashboard *{box-sizing:border-box}
body.dashboard.page-dashboard section.main-section .wrapper{max-width:730px}
body.dashboard.page-dashboard section.main-section .wrapper.padding{max-width:750px}
body.dashboard.page-dashboard section.main-section .wrapper.wide{max-width:1200px}
body.dashboard.page-dashboard section.main-section .wrapper ul.overview-cards{width:100%;padding:0;margin:0;display:flex;flex-wrap:wrap}
body.dashboard.page-dashboard section.main-section .wrapper ul.overview-cards li{width:33.333%;padding:0 10px;margin:0 0 20px;list-style:none}
#code-select-box:hover {background:rgba(54,61,181,.1);}
body.dashboard.page-dashboard section.main-section .wrapper ul.overview-cards li .info-card{padding:30px;display:flex;flex-direction:column;align-items:center}
body.dashboard.page-dashboard section.main-section .wrapper ul.overview-cards li .info-card p{font-size:13px;font-weight:700;color:#666a92;line-height:20px;margin:0}
body.dashboard.page-dashboard section.main-section .wrapper ul.overview-cards li .info-card>svg{width:auto;height:44px;margin:0 0 10px}
body.dashboard.page-dashboard section.main-section .wrapper ul.overview-cards li .info-card h3{font-size:24px;font-weight:700;color:#21223d;line-height:34px;margin:5px 0 20px}
body.dashboard.page-dashboard section.main-section .wrapper ul.overview-cards li .info-card.icon h3{margin:0 0 20px}
body.dashboard.page-dashboard section.main-section .wrapper ul.overview-cards li .info-card.icon h3.getting-started-tip {font-size: 24px;font-weight: 700;color: #666a92;line-height: 36px;text-align: center;margin: 5px 0 20px;}
body.dashboard.page-dashboard section.main-section .wrapper ul.overview-cards li{width:33.333%;padding:0 10px;margin:0 0 20px;list-style:none}
body.dashboard.page-dashboard section.main-section .wrapper ul.overview-cards li .info-card.icon.getting-started-code {padding:10px;}
body.dashboard.page-dashboard section.main-section .wrapper ul.overview-cards li .info-card.icon.getting-started-code img {width:100px; height:90px; margin-bottom:20px}
body.dashboard.page-dashboard section.main-section .wrapper ul.overview-cards li .info-card h3 a{color:#21223d;transition:color .2s ease}
body.dashboard.page-dashboard section.main-section .wrapper ul.overview-cards li .info-card h3 a:hover{color:#4c54df;text-decoration:none}
body.dashboard.page-dashboard section.main-section .wrapper ul.overview-cards li .info-card h5{font-size:17px;font-weight:700;line-height:20px;color:#21223d;margin:11px 0 27px}
body.dashboard.page-dashboard section.main-section .wrapper ul.overview-cards li .info-card h5 a{color:#21223d;display:flex;flex-wrap:wrap;transition:color .2s ease}
body.dashboard.page-dashboard section.main-section .wrapper ul.overview-cards li .info-card h5 a:hover{text-decoration:none;color:#4c54df}
body.dashboard.page-dashboard section.main-section .wrapper ul.overview-cards li .info-card h5 a svg{width:14px;height:20px;margin-right:11px}
body.dashboard.page-dashboard section.main-section .wrapper ul.overview-cards li .info-card h5 a svg path{fill:#4c54df}
body.add-credits{background:#fafbff}
body.add-credits .main-section{background-color:#fafbff;display:flex;flex-direction:column;align-items:center}
body.add-credits .main-header{margin-top:50px;font-family:Lato;font-size:36px;font-weight:900;text-align:center;color:#1d2165;color:#1d2165}
body.add-credits .header{max-width:598px;margin-right:auto;margin-left:auto;opacity:.6;font-family:Lato;text-transform:uppercase;font-size:13px;font-weight:700;text-align:left;color:#1d2165;margin-top:40px}
body.add-credits .paymentbox{background-color:#fff;display:block;border:none;margin-right:auto;margin-left:auto;margin-top:20px;max-width:630px;border-radius:4px;box-shadow:0 5px 5px 0 rgba(0,0,0,.06)}
body.add-credits .cardopts{display:inline-block;position:relative;left:50%;transform:translate(-50%,0);margin-top:41px;margin-bottom:38px;width:278px;border:none;margin-right:auto;margin-left:auto}
body.add-credits .cardopts img{margin-right:31px;vertical-align:middle}
body.add-credits img.mc{height:35px}
body.add-credits img.amex{height:37px}
body.add-credits img.visa{height:27px}
body.add-credits .input-row{width:287px;margin-right:auto;margin-left:auto;margin-top:16px}
body.add-credits .input-row input{padding:15px;font-family:Lato;font-size:13px;width:100%;height:53px;border-radius:4px;background-color:#fff;border:solid 1px #d7d7d7}
body.add-credits .input-row div.label{margin-left:5px;margin-bottom:5px;font-family:Lato;font-size:13px;color:#1d2165}
body.add-credits .input-row .expiry{display:inline-block;width:114px}
body.add-credits .input-row .cvv{display:inline-block;margin-left:46px;width:90px}
body.add-credits .paymentbox button{margin-top:38px;margin-bottom:35px;display:block;margin-left:auto;margin-right:auto;border:none;font-weight:300;width:251px;height:50px;border-radius:25px;background-color:#16ba97;background-color:#16ba97;font-family:Lato;font-size:16px;color:#fff;cursor:pointer}
body.add-credits .paymentbox #pay-wait{margin-top:38px;margin-bottom:35px;display:block;margin-left:auto;margin-right:auto;border:none;font-weight:300;width:251px;height:50px;border-radius:25px;background-color:#16ba97;background-color:#16ba97;font-family:Lato;font-size:16px;color:#fff}
body.add-credits .paymentbox button.notcomplete{background-color:#eaeaeb;color:#9798a3;cursor:pointer}
body.add-credits .info-row{width:286px;padding-bottom:73px;margin-right:auto;margin-left:auto;margin-top:16px;font-family:Lato;font-size:13px;font-style:italic;line-height:1.69;color:#1d2165}
body.add-credits .checkbox-row{width:287px;margin-right:auto;margin-left:auto;margin-top:16px}
body.add-credits .checkbox-row input{font-family:Lato;font-size:13px;color:#1d2165}
body.add-credits .mondido{margin-top:18px;text-align:center;opacity:.4;font-family:Lato;font-size:13px;color:#1d2165}
body.add-credits img.mondido{width:88px;display:block;margin-left:auto;margin-right:auto;opacity:1;margin-top:8px;margin-bottom:84px}
body.add-credits #pay-button[data-currency=SEK] #chosen-amount:after{content:"kr"}
body.add-credits #pay-button[data-currency=EUR] #chosen-amount:before{content:"€"}
body.add-credits .selectbox{display:flex;border:none;margin-right:auto;margin-left:auto;margin-top:20px;max-width:630px;min-height:116px;border-radius:4px;padding:1em 2vw 0;text-align:center;box-sizing:border-box;flex-wrap:wrap;justify-content:center}
body.add-credits .selectbox label{margin:0 7px 1em;border:solid 1px #4c54df;color:#4c54df;font-family:Lato;font-size:20px;height:50px;border-radius:25px;padding:0 13px 0 35px;cursor:pointer;display:flex;justify-content:center;align-items:center;background-color:#fff;background-repeat:no-repeat;background-size:18px 18px;background-position:center left 12px;background-image:url(/static/images/payment/circle-blue.svg);cursor:pointer}
body.add-credits .selectbox [for=amount-other]{background:#fff;padding:0 26px;text-transform:capitalize}
body.add-credits .selectbox input:checked+label{background:url(/static/images/payment/check-white.svg) no-repeat 18px 18px;background-position:center left 12px;background-color:#4c54df;padding-left:35px;color:#fff;background-color:#4c54df}
body.add-credits .selectbox input:checked+label[for=amount-other]{padding:0 15px 0 37px}
body.add-credits .selectbox input[type=radio]{display:none}
body.add-credits .selectbox input{border:solid 1px #4c54df;font-family:Lato;font-size:20px;border-radius:3px;padding:.5em;background:#fff}
body.add-credits .selectbox #amount-other:checked~div{opacity:1}
body.add-credits .selectbox .custom-amount-container{opacity:0;width:100%}
body.add-credits .selectbox #amount-other-value{margin-left:1px;margin-right:1px;width:5em}
body.add-credits .selectbox[data-currency=SEK] #amount-other-value{text-align:right}
body.add-credits .selectbox .currency-SEK span:first-child{display:none}
body.add-credits .selectbox .currency-EUR span:last-child{display:none}
body.add-credits .selectbox .custom-amount-container span{font-size:1.2em}
body.add-credits .selectbox[data-currency=SEK] .custom-amount-container:after,body.add-credits .selectbox[data-currency=SEK] label:not(:last-of-type):after{content:"kr"}
body.add-credits .selectbox[data-currency=EUR] .custom-amount-container:before,body.add-credits .selectbox[data-currency=EUR] label:not(:last-of-type):before{content:"€"}
body.add-credits div.mondido-mpi-iframe{border-radius:4px!important;box-shadow:0 5px 5px 0 rgba(0,0,0,.06)!important;height:692px!important;top:500px!important;left:50%!important;transform:translate(-50%,0)!important}
body.add-credits .spinner{margin:auto;padding:15px;width:70px;text-align:center}
body.add-credits .spinner>div{width:18px;height:18px;background-color:#fff;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}
body.add-credits .spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}
body.add-credits .spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}
@-webkit-keyframes sk-bouncedelay{
0%,100%,80%{-webkit-transform:scale(0)}
40%{-webkit-transform:scale(1)}
}
@keyframes sk-bouncedelay{
0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}
40%{-webkit-transform:scale(1);transform:scale(1)}
}
body.add-credits .hidden{display:none!important}
body.add-credits input.okcheck{background:url(/static/images/payment/check.svg) no-repeat scroll 16px 16px;background-position:center right 14px}
body.add-credits .alert-box{font-family:Lato;font-size:13px;color:#fff;width:278px;margin-left:auto;margin-right:auto;border-radius:4px;background-color:#f86363}
body.add-credits .alert-box .alert-text{padding:12px 12px 12px 12px;line-height:2}
body.add-credits .alert-box .alert-header{padding:12px 12px 0 12px;font-weight:700}
body.add-credits .arrow-line{width:278px;margin-left:auto;margin-right:auto;background:url(/static/images/payment/error-down.svg);background-repeat:no-repeat;background-position:left 60px top;height:14px}
body.add-credits .credit-card{padding-left:15px;font-family:Lato;font-size:13px;color:#1d2165;width:287px;padding-top:20px;padding-bottom:20px;border-radius:4px;background-color:#fff;border:solid 1px #d7d7d7}
body.add-credits div.credit-card img{height:10px;margin-right:12px}
body.add-credits div.credit-card img.card-check{height:16px;float:right;margin-right:14px}
body.add-credits a.other-card{font-family:Lato;padding-left:16px;padding-top:16px;display:block;font-size:13px;text-decoration:none;color:#4c54df}
body.add-credits a.other-card img{margin-right:13px;position:relative;bottom:-3px}
body.add-credits .multicards{padding-top:61px}
body.add-credits .cardnumber-string{display:inline-block}
body.numbers .main-section{background:#fafbff;margin-bottom:auto}
body.numbers .info-table a{color:#4c54df;text-decoration:none}
body.numbers .info-table a:hover{text-decoration:underline}
body.numbers .wrapper{margin:0 auto;padding:2em 0 5em 0;max-width:45em}
body.numbers .table-head{text-align:center}
body.numbers .info-action{color:#4c54df;text-decoration:none}
body.numbers .info-action:hover{text-decoration:underline}
body.numbers .info-name{opacity:.6;text-transform:uppercase;font-weight:700;color:#1d2165}
body.numbers .info-table{margin-top:1em;border-collapse:collapse;background:#fff;width:100%;font-size:.9em}
body.numbers .info-table-key{text-transform:uppercase;color:#1d2165;opacity:.6}
body.numbers .info-table-action{text-align:right}
body.numbers .info-table-row:not(:last-child){border-bottom:solid 1px #d7d7d7}
body.numbers .info-table-row .text-right{text-align:right}
body.numbers .info-table-header{margin-left:35px;border-bottom:solid 1px #d7d7d7;text-transform:uppercase;color:#1d2165;opacity:.6;font-weight:400;font-size:.9em}
body.numbers .info-table th{text-align:left}
body.numbers .info-table td:last-child{padding-right:3em;width:100%}
body.numbers .table-explanation{font-size:.9em;padding:0 1em 2em;text-align:center}
body.numbers .dev-numbers{margin-top:3em}
body.numbers .number-description{opacity:.6}
body.numbers .virtual-numbers .btn{display:inline-flex;align-items:center;padding:.6em 1.4em .8em;border-radius:1.5em;font-size:.9em;border-style:solid;cursor:pointer}
body.numbers .actions{display:flex;justify-content:space-between;align-items:center}

@media only screen and (max-width:600px){
  body.numbers .actions,
  body.numbers .actions #select-account-wrapper,
  body.numbers .actions a{margin-bottom: 1rem;display: block;}
  body.numbers .actions a .button,
  body.numbers .actions a button{width: 100%;}
}

body.numbers #add-number{font-size:1.1em}
body.numbers #select-account{border:1px solid #e2e3f8;border-radius:4px;padding:10px 10px 10px 20px;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;min-width:20em}
body.numbers #select-account-wrapper{display:inline-block;position:relative}
body.numbers #select-account-wrapper form{margin-bottom:0}
body.numbers #select-account-wrapper:before{content:'';position:absolute;display:block;bottom:11px;left:3px;pointer-events:none;width:16px;background-image:url(/static/images/icons/profile-blue-neckless.svg);background-repeat:no-repeat;height:18px;background-size:cover}
body.numbers #select-account-wrapper:after{content:'▾';position:absolute;display:block;top:50%;transform:translateY(-50%);right:1em;pointer-events:none}
body.number{background:#fff}
body.number .main-section{min-height:100%;background:#fafbff}
body.number .main-section a{color:#4c54df;text-decoration:none}
body.number .main-section a.btn{color:#fff;border-radius:1.5em}
body.number .main-section a:hover{text-decoration:underline}
body.number .wrapper{margin:0 auto;padding:2em 0 5em 0;max-width:45em}
body.number .table-head{display:flex;justify-content:space-between}
body.number .info-action{color:#4c54df;text-decoration:none}
body.number .info-action:hover{text-decoration:underline}
body.number .info-name{opacity:.6;text-transform:uppercase;font-weight:700;color:#1d2165}
body.number .info-table{margin-top:1em;border-collapse:collapse;background:#fff;width:100%;font-size:.9em}
body.number .info-table-key{text-transform:uppercase;color:#1d2165;opacity:.6}
body.number .info-table-action{text-align:right}
body.number .info-table-row:not(:last-child){border-bottom:solid 1px #d7d7d7}
body.number .info-table-header{border-bottom:solid 1px #d7d7d7}
body.number .info-table th{text-align:left}
body.number .info-table th{padding:1em}
body.number .info-table td{vertical-align:middle;padding:1em;white-space:nowrap}
body.number .info-table td:last-child{padding-right:3em;width:100%}
body.number .callback-url{width:100%}
body.number .callback-input{width:100%;padding:.5em;font-family:monospace;font-size:1em;border:1px solid #fff}
body.number label{cursor:pointer;color:#4c54df}
body.number .indicate-edit{display:none}
body.number .callback-input:active,body.number .callback-input:hover,body.number .indicate-edit:checked+.callback-input{border:1px solid #eaeaea;border-radius:4px}
body.number .table-explanation{font-size:.9em;padding:0 0 1em 0}
body.number .callback-urls{margin-top:3em}
body.number .number-description{opacity:.6}
body.number .submit-callbacks{margin-top:2em;font-size:1em;display:inline-block;padding:.8em 1.8em 1em;border:none;text-transform:none;background-color:#16ba97;color:#f5f5f9;border-radius:1.5em;text-decoration:none}
body.number .submit-callbacks:hover{background-color:#4c54df;cursor:pointer}
body.number .deallocatenumberperm{border-radius:1.5em;border:none;cursor:pointer;font-size:.96em}
body.number .url-error{color:red;font-size:.8em}
body.number .callback-urls .table-explanation{margin-bottom:0}
body.number .callback-urls-settings .capability{display:flex;align-items:center;background:#fff;padding:.9em}
body.number .callback-urls-settings label:first-child{display:inline-flex;padding:3px;margin-bottom:4px;color:#1d2165;width:8em}
body.number .callback-urls-settings label:last-of-type{margin-right:.3em}
body.number .callback-urls-settings label:last-of-type:after{content:" |"}
body.number .callback-urls-settings label img{margin-right:.8em}
body.number .callback-urls-settings input{border-radius:2px;flex-grow:2;margin-right:1em;position:relative;top:-1px}
body.number .callback-urls-settings input:focus{border:1px solid #eee}
body.number .callback-urls-settings .callback-input{width:auto}
body.number .callback-urls-settings button:last-child{margin-top:1em}

body.subaccount .wrapper{margin:0 auto;padding:2em 0 5em 0;max-width:45em}

#deactivate-subaccount-heading{width:100%;padding:30px 0;font-size:30px;font-weight:900;color:#1d2165;line-height:36px;text-align:center;margin:0;}
#deactivate-subaccount-info{font-size:1.1em;text-align: center;line-height: 1.5;margin: 1em auto 3em;max-width: 32em;}
#deactivate-subaccount-account{display: inline-block;margin-top: 20px;margin-bottom: 20px;}
#deactivate-subaccount-wrapper button{margin: 0 auto; font-size: 1em;}
#deactivate-subaccount-info-numbers{font-size:1.1em;text-align: center;line-height: 1.5;margin: 0 auto 1.5em;max-width: 32em;}
#deactivate-subaccount-wrapper #info-table{margin: 1em auto 3em auto;border-collapse: collapse;background: #fff;font-size: .95em;}
#deactivate-subaccount-wrapper #info-table a{color: #4c54df;text-decoration: none;}
#deactivate-subaccount-wrapper #info-table-header{border-bottom: solid 1px #d7d7d7;text-transform: uppercase;color: #1d2165;opacity: .6;font-weight: 400;font-size: .9em;}
#deactivate-subaccount-wrapper th, #deactivate-subaccount-wrapper td{padding: 1em; text-align: left;}
#deactivate-subaccount-wrapper th:first-child, #deactivate-subaccount-wrapper td:first-child{padding-left: 2.5em; padding-right: 2.5em;}
#deactivate-subaccount-wrapper td:last-child{padding-left: 3em;padding-right: 2.5em;}
#deactivate-subaccount-wrapper .info-table-row:not(:last-child){border-bottom: solid 1px #d7d7d7;}

.virtual-numbers .info-table th{padding:1em}
.virtual-numbers .info-table th:first-child{padding-left:3em}
.virtual-numbers .info-table td{padding:1em;white-space:nowrap}
.virtual-numbers .info-table td:first-child{padding-left:3em}
.virtual-numbers .number-name{padding-bottom:0.2em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 150px;}
body.billing{background:#fafbff}
body.billing .main-section{min-height:100%;background:#fafbff}
body.billing .main-section a{color:#4c54df;text-decoration:none}
body.billing .main-section a:hover{text-decoration:underline}
body.billing .wrapper{margin:0 auto;padding:2em 0 5em 0;max-width:630px}
body.billing .table-head{margin-top:40px;display:flex;justify-content:space-between;padding-left:1em}
body.billing .info-action{color:#4c54df;text-decoration:none}
body.billing .info-action:hover{text-decoration:underline}
body.billing .info-name{margin-bottom:20px;opacity:.6;text-transform:uppercase;font-weight:700;color:#1d2165}
body.billing .single-year .select-year-container{display:none}
body.billing .single-year .info-name{margin-bottom:0}
body.billing .single-year .select-year-container+div{padding:0;position:relative;top:-10px}
body.billing .select-year-container{position:relative;margin-right:1rem;display:inline-block}
body.billing .select-year-container:after{content:'▾';position:absolute;display:block;top:50%;transform:translateY(-50%);right:1em;pointer-events:none}
body.billing .select-year-container select{padding:.7em 1em .7em 1em;font-size:1em;background:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:solid 1px #e2e3f8;margin:auto 0;color:#1d2165;font-weight:700;cursor:pointer;max-width:287px;text-indent:.01px;text-overflow:"";min-width:7em}
body.billing .select-year-container select:focus{outline:0}
body.billing .info-table-format{display:inline-block;float:right;padding:1rem 0 1.5rem;font-size:.9em}
body.billing .info-table-format span{color:#1d2165;opacity:.6;font-size:.7em}
body.billing .info-table-format a{border-radius:40px;margin-left:10px;display:inline-block}
body.billing .info-table-format a.active{padding:.2rem 1.4rem .2rem .9rem;background-color:#4c54df;color:#fff;font-weight:100}
body.billing .info-table-format a.active:before{display:inline-block;border-bottom:1px solid #fff;border-left:1px solid #fff;height:6px;width:8px;content:"";opacity:.5;transform:rotate(-45deg);position:relative;top:-3px;left:-4px}
body.billing .info-table{border-collapse:collapse;background:#fff;width:100%;font-size:.9em}
body.billing .info-table-key{text-transform:uppercase;color:#1d2165;opacity:.6}
body.billing .info-table-action{text-align:right}
body.billing .info-table-row{font-family:Lato;font-size:13px;color:#1d2165;border-top:solid 2px #d7d7d7}
body.billing .info-table th{vertical-align:middle;height:52px;text-transform:uppercase;opacity:.6;font-family:Lato;font-size:11px;color:#1d2165;text-align:left}
body.billing .info-table th:first-child{padding-left:35px}
body.billing .info-table th:last-child{padding-right:35px}
body.billing .info-table td{vertical-align:middle;padding-top:16px;padding-bottom:16px;font-family:Lato;font-size:13px;color:#1d2165}
body.billing .info-table td img{vertical-align:middle}
body.billing .info-table td:first-child{padding-left:35px}
body.billing .info-table td:last-child{padding-right:35px}
body.billing .info-table tr:last-child td{padding-bottom:40px}
body.billing .info-table.costcsv th{width:98px}
body.billing .info-table.costcsv th:first-child{width:140px}
body.billing .table-explanation{font-size:.9em;padding:0 1em 1em}
body.billing .tooltip{position:relative;display:inline-block}
body.billing .tooltip .tooltiptext:after{content:"";position:absolute;top:100%;left:7%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#4c54df transparent transparent transparent}
body.billing .tooltip .tooltiptext{bottom:180%;left:50%;margin-left:-10px;font-size:11px;visibility:hidden;width:120px;background-color:#4c54df;color:#fff;text-align:center;padding:8px;border-radius:4px;position:absolute}
body.billing .tooltip:hover .tooltiptext{visibility:visible}
body.billing .tooltip .tooltiptext.fixed{visibility:visible}
body.billing .scroll{overflow:auto;max-height:430px;box-shadow:0 20px 50px 0 rgba(0,0,0,.03)}
body.billing .main-heading{font-family:Lato;font-size:30px;font-weight:900;text-align:center;color:#1d2165}
body.billing .settings{width:100%;border-radius:4px;background-color:#fff;box-shadow:0 20px 50px 0 rgba(0,0,0,.03)}
body.billing .settings hr{width:calc(100%-1px);border:solid 1px #e6eaed}
body.billing .settings h3.info-text{margin-bottom:0;margin-left:50px;margin-right:50px;margin-top:32px;font-family:Lato;font-size:13px;font-weight:700;line-height:2;color:#1d2165}
body.billing .settings p.info-text{margin-top:0;margin-left:50px;margin-right:50px;padding-bottom:32px;opacity:.7;font-family:Lato;font-size:13px;line-height:2;color:#1d2165}
body.billing .settings .inputstyle{width:287px}
body.billing .settings .box .button{margin-top:25px;width:auto;margin-bottom:35px;padding-left:35px;padding-right:35px;border:none;font-weight:400;height:50px;border-radius:25px;background-color:#16ba97;background-color:#16ba97;font-family:Lato;font-size:16px;color:#fff;cursor: pointer;}
body.billing .settings .box .inactive{margin-top:25px;width:auto;margin-bottom:10px;padding-left:35px;padding-right:35px;border:none;font-weight:400;height:50px;border-radius:25px;background-color:#16ba97;background-color:#16ba97;font-family:Lato;font-size:16px;color:#fff;cursor:not-allowed;opacity: 0.5;}
body.billing .settings .box p.info-text{margin-top:0;margin-left:0px;margin-right:0px;padding-bottom:32px;opacity:.7;font-family:Lato;font-size:13px;line-height:2;color:#1d2165}
body.billing .settings .currency{position:relative}
body.billing .settings .small-input{box-sizing:border-box;width:114px}
body.billing .settings .small-input label{overflow:visible;white-space:nowrap;width:121px;font-family:Lato;font-size:13px;font-weight:700;color:#1d2165;padding-bottom:5px;display:block}
body.billing .settings .small-input input{height:53px;border-radius:4px;border:solid 1px #d7d7d7;font-family:Lato;font-size:18px;font-weight:700;color:#1d2165}
body.billing .settings .currency span{position:absolute;left:10px;height:53px;display:flex;align-items:center}
body.billing .settings .currency input{padding-left:40px;box-sizing:border-box;width:114px}
body.billing .settings .spreadout{width:100%;display:flex;justify-content:space-between}
body.billing .settings .spreadout{width:100%;display:flex;justify-content:space-between}
body.billing .settings .complete-form button{display:inline-block;margin-right:25px}
body.billing .settings .complete-form a{display:inline-block}
body.billing .settings .selectbox{margin-left:50px;margin-right:50px}
body.billing .selectbox button:not(.selected){background:url(/static/images/payment/circle-blue.svg) no-repeat scroll 11px 11px;background-position:center left .6em}
body.billing .selectbox button{margin-top:25px;margin-bottom:25px;margin-left:7px;margin-right:7px;color:#4c54df;appearance:button;font-family:Lato;font-size:16px;height:auto;padding:.8em 1.5em .8em 2.2em;border-radius:25px;background-color:#fff;cursor:pointer}
body.billing .selectbox button.selected{background:no-repeat 11px 11px;background-position:center left .6em}
body.billing .settings .current{margin-left:50px;margin-right:50px}
body.billing .settings .current div{display:inline-block}
body.billing .settings .current div:nth-child(1){text-transform:uppercase;margin-top:23px;margin-bottom:15px;opacity:.6;font-family:Lato;font-size:11px;color:#1d2165}
body.billing .settings .current div:nth-child(2){margin-left:50px;font-family:Lato;font-size:13px;font-weight:700;color:#2f3266}
body.billing .cards th:last-child{text-align:right}
body.billing .cards th:nth-child(2){width:160px}
body.billing .cost-specification{position:relative}
body.billing .year-and-subaccount-selector-container{display:flex;align-items:flex-start}
body.billing #select-account-wrapper{position:relative}
body.billing #select-account-wrapper form{margin-bottom:0}
body.billing #select-account-wrapper:before{content:'';position:absolute;display:block;bottom:14px;left:3px;pointer-events:none;width:16px;background-image:url(/static/images/icons/profile-blue-neckless.svg);background-repeat:no-repeat;height:18px;background-size:cover}
body.billing #select-account-wrapper:after{content:'▾';position:absolute;display:block;top:50%;transform:translateY(-50%);right:1em;pointer-events:none}
body.billing #select-account{border:1px solid #e2e3f8;padding:15px 10px 15px 20px;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;min-width:20em}
.large-input label{overflow:visible;white-space:nowrap;width:300px;font-family:Lato;font-size:13px;font-weight:700;color:#1d2165;padding-bottom:5px;display:block;width:100%}
.large-input input{margin-bottom:25px;padding-left:20px;padding-right:20px;width:400px;height:53px;border-radius:4px;border:solid 1px #d7d7d7;font-family:Lato;font-size:18px;font-weight:700;color:#1d2165}
.large-input input.active{border-color: #c50c15;}
.large-input select{margin-bottom:25px;padding-left:20px;padding-right:20px;width:400px;height:53px;border-radius:4px;border:solid 1px #d7d7d7;font-family:Lato;font-size:18px;font-weight:700;color:#1d2165}
.large-input textarea{margin-bottom:25px;padding-left:20px;padding-right:20px;width:400px;height:120px;border-radius:4px;border:solid 1px #d7d7d7;font-family:Lato;font-size:14px;font-weight:700;color:#1d2165}
.large-input input[type=checkbox]{margin-bottom:25px;height:20px}
.large-input button{margin-bottom:30px;margin-top:30px;border-radius:20px;height:40px;padding-left:30px;padding-right:30px;background-color:#4c54df;color:#fff;font-size:130%;border-width:0}
.large-input #support{width:25em;height:7.5em}
.large-input .error{display:none;color:#c50c15;font-size:.7em}
.large-input .error.active{display:block;margin-top: -1.4em;}
body.payment-receipt .header{margin-left:auto;margin-right:auto;margin-top:40px;margin-bottom:25px;width:600px;text-transform:uppercase;font-family:Lato;font-size:13px;font-weight:700;color:#1d2165}
body.payment-receipt .receipt-id{opacity:.6}
body.payment-receipt .header a{float:right;color:#4c54df;text-transform:none;text-decoration:none;font-weight:700}
body.payment-receipt .header a img{margin-right:15px;margin-bottom:-4px}
body.payment-receipt .main-section{color:silver;background-color:#fafbff}
body.payment-receipt .receipt-box{box-shadow:0 20px 50px 0 rgba(0,0,0,.03);margin-left:auto;margin-right:auto;margin-top:25px;margin-bottom:250px;width:630px;font-family:Lato;font-size:13px;color:#1d2165}
body.payment-receipt .receipt-box table{padding:50px 60px 114px}
.card.receipt{display:flex;flex-wrap:wrap}
@media print{
.card.receipt{box-shadow:none}
}
body.reports .report-options{width:100%;display:flex;flex-wrap:wrap;justify-content:center}
body.reports .report-options .option{width:33.333%;padding:0 10px}
body.reports .report-options .option select{width:100%;background-color:#fff;border-color:#e8e9f3;box-shadow:0 2px 5px rgba(0,0,0,.06)}
body.reports .button-wrapper{width:100%;margin-top:30px;display:flex;flex-wrap:wrap;justify-content:center}
body.reports .button-wrapper a,body.reports .button-wrapper button{margin-right:10px}
body.reports .button-wrapper a:last-child,body.reports .button-wrapper button:last-child{margin-right:0}
body.reports .loading-indicator{margin-top:60px;display:none}
body.reports.init .loading-indicator,body.reports.init article.report{display:none}
body.reports.loading .loading-indicator{display:flex}
body.reports.loading article.report{display:none}
body.reports article.report{margin-top:60px}
body.reports article.report .report-content.no-report p.no-report{display:block}
body.reports article.report .report-content.no-report .report-table-wrapper{display:none}
body.reports article.report .report-content.no-report .button-wrapper{display:none}
body.reports article.report .report-content p.no-report{width:100%;font-size:16px;text-align:center;color:#767898;display:none;margin:0;padding:30px}
body.reports article.report .report-content .button-wrapper{padding:0 30px 30px;margin-top:0}
body.reports article.report .report-content .report-table-wrapper{width:100%;overflow-x:auto;margin:20px 0}
body.reports article.report .report-content .report-table-wrapper .report-table-inner{min-width:100%;padding:10px;display:inline-block}
body.reports article.report table{border:1px solid #e0e0ec;border-radius:4px;background:#fff;margin:0 auto}
body.reports article.report table tfoot tr td{font-size:14px;font-weight:400;color:#767898;text-align:center;width:100%;display:block;box-sizing:border-box;clear:both}
body.reports article.report table thead tr td{font-size:10px;font-weight:700;text-transform:uppercase;color:#767898;background:#fafbff;padding:14px 10px;white-space:nowrap;overflow:hidden}
body.reports article.report table thead tr td:first-child{border-top-left-radius:4px;padding-left:25px}
body.reports article.report table thead tr td:last-child{border-top-right-radius:4px;padding-right:25px}
body.reports article.report table tbody tr td{font-size:14px;font-weight:400;color:#21223d;border-top:1px solid #e0e0ec;padding:15px 10px;white-space:nowrap;overflow:hidden}
body.reports article.report table tbody tr td.no-data{text-align:center}
body.reports article.report table tbody tr td:first-child{padding-left:25px}
body.reports article.report table tbody tr td:last-child{padding-right:25px}
body.logs{background:#fafbff}
body.logs,body.logs *{box-sizing:border-box}
body.logs .main-section{background:#fafbff;padding:0 40px 100px}
body.logs .main-section a:hover{text-decoration:underline}
body section.main-section .wrapper{padding:0;width:100%;max-width:730px;box-sizing:border-box;position:relative}
body.logs .log-filter{width:100%;background:#fff;border-radius:4px;box-shadow:0 5px 5px rgba(0,0,0,.06);margin:0 0 20px;position:relative}
body.logs .log-filter .filter-inner{width:100%;position:relative;z-index:2;border-radius:4px;overflow:hidden;-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)}
body.logs .log-filter .filter-inner.height{height:50px}
body.logs .log-filter .filter-inner.expanded .filter-head .filter-toggles .state-indicator svg{transform:rotateZ(-180deg)}
body.logs .log-filter .filter-inner.expanded .filter-head .filter-toggles .apply-filter-cta{pointer-events:all}
body.logs .log-filter .filter-inner.expanded .filter-head .filter-toggles .apply-filter-cta button{transform:translate3d(0,0,0);opacity:1}
body.logs .log-filter .filter-head{width:100%;height:50px;display:flex;flex-wrap:wrap;cursor:pointer}
body.logs .log-filter .filter-head h6{width:0;flex-grow:1;font-size:12px;text-transform:uppercase;color:#4c54df;line-height:20px;padding:15px 20px;margin:0;user-select:none}
body.logs .log-filter .filter-head .filter-toggles{height:100%;position:relative;display:flex;flex-wrap:wrap}
body.logs .log-filter .filter-head .filter-toggles .apply-filter-cta{height:100%;padding:0 13px;pointer-events:none}
body.logs .log-filter .filter-head .filter-toggles .apply-filter-cta button{height:24px;border-radius:12px;background:#4c54df;font-size:10px;font-weight:700;color:#fff;text-transform:uppercase;padding:0 12px;border:0;box-shadow:none;outline:0;font-family:Lato,sans-serif;margin:13px 0;cursor:pointer;transform:scale(.9);opacity:0;transition:transform .3s ease,opacity .3s ease;-webkit-appearance:none;-ms-appearance:none;appearance:none}
body.logs .log-filter .filter-head .filter-toggles .state-indicator{width:50px;height:50px;position:relative;display:flex;justify-content:center;align-items:center}
body.logs .log-filter .filter-head .filter-toggles .state-indicator:before{content:'';width:1px;height:30px;background:#eef0f7;position:absolute;top:10px;left:0}
body.logs .log-filter .filter-head .filter-toggles .state-indicator svg{width:10px}
body.logs .log-filter .filter-cta{width:100%;padding:20px;border-top:1px solid #e0e0ec;display:flex;justify-content:center}
body.logs .log-filter .filter-cta button{margin: 0 1%}
body.logs .log-filter .filter-body{width:100%;padding:25px 20px 30px;border-top:1px solid #e0e0ec;display:flex;flex-wrap:wrap}
body.logs .log-filter .filter-body .filter-group{width:33.333%;position:relative;display:flex;flex-wrap:wrap}
body.logs .log-filter .filter-body .filter-group.double{width:66.666%}
body.logs .log-filter .filter-body .filter-group .filter-option{width:100%;padding:0 10px;position:relative}
body.logs .log-filter .filter-body .filter-group .filter-option:not(:last-child){padding:0 10px 20px}
body.logs .log-filter .filter-body .filter-group.double .filter-option{width:50%}
body.logs .log-filter .filter-body .filter-group.double .filter-option.full{width:100%}
body.logs .log-filter .filter-body .filter-group .filter-option>label{font-size:10px;font-weight:700;color:#6f7287;line-height:18px;text-transform:uppercase;margin-bottom:5px;width:100%;display:block}
body.logs .log-filter .filter-body .filter-group .filter-option ul.filter-type-list{margin:0;padding:0;background:#fafbff;border-radius:4px;border:1px solid #e0e0ec}
body.logs .log-filter .filter-body .filter-group .filter-option ul.filter-type-list li{width:100%;list-style:none;border-bottom:1px solid #e0e0ec;position:relative}
body.logs .log-filter .filter-body .filter-group .filter-option ul.filter-type-list li:last-of-type{border-bottom:0}
body.logs .log-filter .filter-body .filter-group .filter-option ul.filter-type-list li input{width:16px;height:16px;position:absolute;top:13px;right:13px;margin:0;border-radius:8px;border:1px solid #b2b5d0;background:0 0;outline:0;-webkit-appearance:none;-ms-appearance:none;appearance:none}
body.logs .log-filter .filter-body .filter-group .filter-option ul.filter-type-list li input:checked{border-color:#2e58d2;background:url(/static/images/icons/checkbox.svg) no-repeat center;background-size:14px}
body.logs .log-filter .filter-body .filter-group .filter-option ul.filter-type-list li input:checked~label{background:#fff;color:#21223d}
body.logs .log-filter .filter-body .filter-group .filter-option ul.filter-type-list li label{font-size:14px;font-weight:700;line-height:20px;color:#5d5f6f;padding:10px 0 10px 15px;display:block;user-select:none;cursor:pointer}
body.logs .log-filter .filter-body .filter-group .filter-option ul.filter-type-list li:first-child label{border-radius:4px 4px 0 0}
body.logs .log-filter .filter-body .filter-group .filter-option ul.filter-type-list li:last-child label{border-radius:0 0 4px 4px}
body.logs .log-filter .filter-body .filter-group .filter-option select{width:100%;height:40px;border-radius:4px;border:1px solid #e0e0ec;background-color:#fff;background-image:url(/static/images/icons/select-arrow.svg);background-size:38px;background-position:top right;background-repeat:no-repeat;font-size:14px;font-weight:700;color:#21223d;font-family:Lato,sans-serif;padding:0 38px 0 16px;outline:0;cursor:pointer;transition:border-color .2s ease;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none}
body.logs .log-filter .filter-body .filter-group .filter-option select:focus{border-color:#4c54df}
body.logs .log-filter .filter-body .filter-group .filter-option.date:before{content:'';width:28px;height:20px;position:absolute;top:33px;left:23px;border-right:1px solid #e0e0ec;z-index:1;background:url(/static/images/icons/date.svg) no-repeat left center;background-size:18px}
body.logs .log-filter .filter-body .filter-group .filter-option input.input-field{width:100%;height:40px;border-radius:4px;border:1px solid #e0e0ec;background-color:transparent;font-size:14px;font-weight:400;color:#21223d;font-family:Lato,sans-serif;padding:0 15px;position:relative;z-index:2;outline:0;transition:border-color .2s ease;-webkit-appearance:none;-ms-appearance:none;appearance:none}
body.logs .log-filter .filter-body .filter-group .filter-option input.date{cursor:pointer;padding:0 15px 0 50px}
body.logs .log-filter .filter-body .filter-group .filter-option input.input-field:focus{border-color:#4c54df}
body.logs .log-filter .filter-body .filter-group .filter-option input.input-field::-webkit-input-placeholder{color:#767898}
body.logs .log-filter .filter-body .filter-group .filter-option input.input-field::-moz-placeholder{color:#767898}
body.logs .log-filter .filter-body .filter-group .filter-option input.input-field:-ms-input-placeholder{color:#767898}
body.logs .log-filter .filter-body .filter-group .filter-option input.input-field:-moz-placeholder{color:#767898}
body.logs .log-filter .filter-body .filter-group .filter-option input.input-field+span{display:none;color:#888;font-size:80%;padding:3px}
body.logs .log-filter .filter-body .filter-group .filter-option input.input-field:invalid+span{display:block}
body.logs .log-filter .filter-option input.input-field:invalid+span .most-important{color:rgba(250,0,0,.7)}

@media only screen and (max-width:600px){
  body.logs .log-filter .filter-inner.height{height: auto;}
  body.logs .log-filter .filter-body .filter-group,
  body.logs .log-filter .filter-body .filter-group.double,
  body.logs .log-filter .filter-body .filter-group.double .filter-option {width: 100%;}
  body.logs .main-section{padding: 0 10px 50px}
}

body.logs .datepickers-container .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name{color:#4c54df}
body.logs .datepickers-container .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected-{background:#4c54df;color:#fff}
body.logs .datepickers-container .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-current-{color:#4c54df}
body.logs .datepickers-container .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected-.-current-{color:#fff}
body.logs .loading-indicator{display:none}
body.logs article.logs.loading .loading-indicator{display:flex}
body.logs article.logs.has-logs table.log-list{display:table}
body.logs table.log-list{width:100%;border-spacing:0;background:#fff;border-radius:4px;box-shadow:0 5px 5px rgba(0,0,0,.06);display:none}
body.logs table.log-list thead tr td{font-size:10px;text-transform:uppercase;font-weight:700;color:#6f7287;line-height:12px;padding:14px 10px;border-bottom:1px solid #eef0f7}
body.logs table.log-list thead tr td.arrow{width:50px!important}
body.logs table.log-list thead tr td:first-child{padding-left:25px}
body.logs table.log-list thead tr td:last-child{padding-right:25px}
body.logs table.log-list tbody tr.template{display:none}
body.logs table.log-list tbody tr:hover{cursor:pointer}
body.logs table.log-list tbody tr:hover td{background:#fafbff}
body.logs table.log-list tbody tr:hover td.arrow span svg .fill{fill:#1d2165}
body.logs table.log-list tbody tr td{font-size:14px;font-weight:400;color:#21223d;padding:14px 10px;border-bottom:1px solid #eef0f7;transition:color .2s ease,background-color .2s ease}
body.logs table.log-list tbody tr:last-child td{border-bottom:0}
body.logs table.log-list tbody tr:last-child td:first-child{border-radius:0 0 0 4px}
body.logs table.log-list tbody tr:last-child td:last-child{border-radius:0 0 4px 0}
body.logs table.log-list tbody tr td:first-child{padding-left:25px}
body.logs table.log-list tbody tr td:last-child{padding-right:25px}
body.logs table.log-list tbody tr td span{display:block;float:left;height:20px;font-weight:700;line-height:20px}
body.logs table.log-list tbody tr td:not(.direction) svg{width:20px;height:20px;float:left;margin:0 8px 0 0}
body.logs table.log-list tbody tr td.direction{padding-left:0}
body.logs table.log-list tbody tr td.direction span{display:flex;justify-content:center;align-items:center}
body.logs table.log-list tbody tr td.direction span svg{width:14px;height:10px}
body.logs table.log-list tbody tr td.direction span svg .fill{fill:#4c54df}
body.logs table.log-list tbody tr td.direction.incoming span svg{transform:rotateZ(180deg)}
body.logs table.log-list tbody tr td.direction.incoming span svg .fill{fill:#1d2165}
body.logs table.log-list tbody tr td.arrow{position:relative}
body.logs table.log-list tbody tr td.arrow .frame{width:6px;height:100%}
body.logs table.log-list tbody tr td.arrow span{display:flex;justify-content:center;align-items:center;width:50px;height:100%;float:right;position:absolute;top:0;right:0}
body.logs table.log-list tbody tr td.arrow span:before{content:'';width:1px;height:30px;position:absolute;top:50%;left:0;margin-top:-15px;background:#eef0f7}
body.logs table.log-list tbody tr td.arrow span svg{width:10px;height:10px;transform:rotateZ(-90deg);margin:0}
body.logs table.log-list tbody tr td.arrow span svg .fill{fill:#a5a9c9;transition:fill .2s ease}
body.logs article.logs .load-more-wrapper{width:100%;display:none;flex-wrap:wrap;justify-content:center;padding:40px 0 0}
body.logs article.logs .load-more-wrapper button{font-family:Lato,sans-serif;font-size:15px;font-weight:400;color:#fff;line-height:20px;text-align:center;background-color:#4c54df;border:0;box-shadow:none;appearance:none;border-radius:25px;padding:11px 22px;outline:0;cursor:pointer}
body.logs article.logs .load-more-wrapper button.disabled{opacity:.5;pointer-events:none}
body.logs article.log-details{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10;background:rgba(250,251,255,.9);overflow-y:scroll;-webkit-overflow-scrolling:touch;display:none;opacity:0;transform:translate3d(0,20px,0);transition:opacity .3s ease,transform .3s ease}
body.logs article.log-details.display{display:block}
body.logs article.log-details.show{transform:translate3d(0,0,0);opacity:1}
body.logs article.log-details .inner-wrapper{width:100%;min-height:100%;position:relative;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}
body.logs article.log-details .overview{width:100%;max-width:500px;background:#fff;border-radius:4px;box-shadow:0 5px 5px rgba(0,0,0,.06);padding:60px 40px;position:relative}
body.logs article.log-details .overview .actions{position:absolute;top:26px;right:26px;display:flex;flex-wrap:wrap}
body.logs article.log-details .overview .actions button{width:26px;height:26px;background:0 0;border:0;box-shadow:none;outline:0;border-radius:0;padding:0;margin:0 12px 0 0;cursor:pointer;display:flex;justify-content:center;align-items:center;-webkit-appearance:none;-ms-appearance:none;appearance:none}
body.logs article.log-details .overview .actions button:last-of-type{margin:0}
body.logs article.log-details .overview .actions button svg{width:18px;height:18px}
body.logs article.log-details .overview .actions button svg .fill{fill:#abacbd;transition:fill .2s ease}
body.logs article.log-details .overview .actions button.delete:hover svg .fill{fill:#e52525}
body.logs article.log-details .overview .actions button.close:hover svg .fill{fill:#21223d}
body.logs article.log-details .overview .row{width:100%;margin-bottom:30px}
body.logs article.log-details .overview .row:last-of-type{margin-bottom:0}
body.logs article.log-details .overview .row.head{display:flex;flex-direction:column;align-items:center}
body.logs article.log-details .overview .row.head svg{height:56px;margin-bottom:20px}
body.logs article.log-details .overview .row.head h3{font-size:20px;font-weight:700;line-height:26px;text-align:center;margin:0}
body.logs article.log-details.call .overview .row.head h3{color:#fb728c}
body.logs article.log-details.sms .overview .row.head h3{color:#4c54df}
body.logs article.log-details.mms .overview .row.head h3{color:#ffad65}
body.logs article.log-details .overview .row.head p{font-size:11px;font-weight:700;color:#a9acc2;line-height:18px;margin:4px 0 15px}
body.logs article.log-details .overview .row.head .status{display:flex;flex-wrap:wrap;padding:2px 8px 2px 12px;border-radius:12px}
body.logs article.log-details .overview .row.head .status.delivered,body.logs article.log-details .overview .row.head .status.received,body.logs article.log-details .overview .row.head .status.sent,body.logs article.log-details .overview .row.head .status.success{background:#17c753}
body.logs article.log-details .overview .row.head .status.created,body.logs article.log-details .overview .row.head .status.ongoing{background:#4c54df}
body.logs article.log-details .overview .row.head .status.busy{background:#f2a330}
body.logs article.log-details .overview .row.head .status.failed{background:#e52525}
body.logs article.log-details .overview .row.head .status p{line-height:20px;font-size:13px;color:#fff;font-weight:700;margin:0}
body.logs article.log-details .overview .row.head .status svg{width:20px;height:20px;margin:0 0 0 2px}
body.logs article.log-details .overview .row.numbers{display:flex;flex-wrap:wrap;justify-content:center}
body.logs article.log-details .overview .row.numbers.incoming svg{transform:rotateZ(180deg)}
body.logs article.log-details .overview .row.numbers h4{font-size:16px;line-height:26px;font-weight:700;color:#21223d;margin:0}
body.logs article.log-details .overview .row.numbers svg{width:14px;height:10px;margin:8px 20px}
body.logs article.log-details .overview .row.numbers svg .fill{fill:#4c54df}
body.logs article.log-details .overview .row.stats{width:100%;display:flex;flex-wrap:wrap;justify-content:center}
body.logs article.log-details .overview .row.stats ul.stat-list{display:flex;flex-wrap:wrap;margin:0;padding:0}
body.logs article.log-details .overview .row.stats ul.stat-list li{display:flex;flex-direction:column;margin-right:40px;list-style:none}
body.logs article.log-details .overview .row p.label{font-size:10px;font-weight:700;line-height:18px;color:#6f7287;text-transform:uppercase;margin:0}
body.logs article.log-details .overview .row.stats ul.stat-list li:last-child{margin-right:0}
body.logs article.log-details .overview .row.stats ul.stat-list li h4{font-size:16px;font-weight:700;color:#21223d;line-height:26px;margin:0}
body.logs article.log-details .overview .row .message-box{width:100%;background:#f8f8fc;border:1px solid #dcdded;border-radius:4px;padding:20px;font-size:16px;line-height:22px;font-weight:400;color:#21223d;margin:6px 0 0;word-wrap:break-word}
body.logs article.log-details .overview .row ul.link-list{width:100%;background:#f8f8fc;border:1px solid #dcdded;border-radius:4px;padding:0;margin:6px 0 0}
body.logs article.log-details .overview .row ul.link-list li{width:100%;padding:0 40px 0 0;list-style:none;position:relative;border-bottom:1px solid #dcdded}
body.logs article.log-details .overview .row ul.link-list li:last-of-type{border-bottom:0}
body.logs article.log-details .overview .row ul.link-list li p{font-size:16px;color:#21223d;line-height:26px;padding:10px 15px;white-space:nowrap;margin:0;overflow-x:scroll}
body.logs article.log-details .overview .row ul.link-list li a{width:40px;height:100%;position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center}
body.logs article.log-details .overview .row ul.link-list li a:before{content:'';width:1px;height:26px;background:#dcdded;position:absolute;top:10px;left:0}
body.logs article.log-details .overview .row ul.link-list li a svg{width:20px;height:20px}
body.logs article.log-details .detail-block{width:100%;max-width:500px;margin-top:20px;border-radius:4px;box-shadow:0 5px 5px rgba(0,0,0,.06)}
body.logs article.log-details .detail-block .block-wrapper{width:100%;height:56px;border-radius:4px;overflow:hidden;-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);transition:height .3s ease}
body.logs article.log-details .detail-block .block-head{width:100%;display:flex;flex-wrap:wrap;background:#fff;cursor:pointer}
body.logs article.log-details .detail-block .block-head:hover p{color:#4c54df}
body.logs article.log-details .detail-block .block-head p{width:0;height:56px;flex-grow:1;font-size:12px;line-height:20px;color:#21223d;text-transform:uppercase;font-weight:700;padding:18px 0 20px 18px;margin:0;transition:color .2s ease}
body.logs article.log-details .detail-block .block-head .arrow{width:56px;height:56px;display:flex;justify-content:center;align-items:center}
body.logs article.log-details .detail-block .block-head .arrow svg{width:10px;height:6px;transition:transform .3s ease}
body.logs article.log-details .detail-block .block-head .arrow svg .fill{fill:#1d2165}
body.logs article.log-details .detail-block.expanded .block-head .arrow svg{transform:rotateZ(180deg)}
body.logs article.log-details .detail-block .block-content{background:#fff;border-top:1px solid #ebecf4;position:relative}
body.logs article.log-details .detail-block.timeline .block-content ul.timeline-list{width:100%;display:flex;flex-wrap:wrap;padding:0 0 0 51px;margin:0}
body.logs article.log-details .detail-block.timeline .block-content ul.timeline-list li{width:100%;border-bottom:1px solid #ebecf4;list-style:none;position:relative;display:flex;flex-wrap:wrap;padding:14px 16px 14px 0}
body.logs article.log-details .detail-block.timeline .block-content ul.timeline-list li:first-child .indicator hr.top{display:none}
body.logs article.log-details .detail-block.timeline .block-content ul.timeline-list li:last-child{border-bottom:0}
body.logs article.log-details .detail-block.timeline .block-content ul.timeline-list li:last-child .indicator hr.bottom{display:none}
body.logs article.log-details .detail-block.timeline .block-content ul.timeline-list li .indicator{width:51px;height:100%;position:absolute;top:0;left:-51px}
body.logs article.log-details .detail-block.timeline .block-content ul.timeline-list li .indicator:before{content:'';width:9px;height:9px;position:absolute;top:22px;left:21px;border-radius:5px;z-index:2}
body.logs article.log-details .detail-block.timeline .block-content ul.timeline-list li.success .indicator:before{background:#17c753}
body.logs article.log-details .detail-block.timeline .block-content ul.timeline-list li.failed .indicator:before{background:#e52525}
body.logs article.log-details .detail-block.timeline .block-content ul.timeline-list li.hold .indicator:before{background:#c2c2d3}
body.logs article.log-details .detail-block.timeline .block-content ul.timeline-list li .indicator hr{width:1px;position:absolute;left:25px;border:0;margin:0;z-index:1}
body.logs article.log-details .detail-block.timeline .block-content ul.timeline-list li .indicator hr:before{content:'';width:100%;height:100%;background:#ebecf4;display:block}
body.logs article.log-details .detail-block.timeline .block-content ul.timeline-list li .indicator hr.top{height:26px;top:0}
body.logs article.log-details .detail-block.timeline .block-content ul.timeline-list li .indicator hr.bottom{height:100%;padding:26px 0 0 0}
body.logs article.log-details .detail-block.timeline .block-content ul.timeline-list li.hold p{color:#80849e}
body.logs article.log-details .detail-block.timeline .block-content ul.timeline-list li .paragraphs{width:0;flex-grow:1}
body.logs article.log-details .detail-block.timeline .block-content ul.timeline-list li p{width:100%;flex-grow:1;font-size:14px;margin:0;line-height:24px;font-weight:700;color:#21223d}
body.logs article.log-details .detail-block.timeline .block-content ul.timeline-list li p.reason{font-size:12px}
body.logs article.log-details .detail-block.timeline .block-content ul.timeline-list li p span{color:#80849e}
body.logs article.log-details .detail-block.timeline .block-content ul.timeline-list li>span{font-size:12px;line-height:24px;color:#80849e;font-weight:700}
body.logs article.log-details .detail-block.output .block-content{padding:10px}
body.logs article.log-details .detail-block.output .block-content .log-output{width:100%;background:#f8f8fc;border:1px solid #dcdded;border-radius:4px;padding:20px;overflow:scroll;-webkit-overflow-scrolling:touch}
body.logs article.log-details .detail-block.output .block-content .log-output p{margin:0;font-family:'Roboto Mono',monospace;font-size:12px;line-height:18px}
body.logs article.log-details .detail-block.output .block-content .log-output p pre{margin:0}
body.logs .stat-balance{display:block;text-align:center;color:#1d2165;font-size:1.5em}
body.logs .stat-numbers{display:block;text-align:center;color:#1d2165;font-size:1.5em}
body.logs .stat-report{display:block;text-align:center;color:#1d2165;font-size:1.5em}
body.logs .table-head{display:flex;justify-content:space-between;padding-left:1em}
body.logs .info-action{color:#4c54df;text-decoration:none}
body.logs .info-action:hover{text-decoration:underline}
body.logs .info-name{opacity:.6;text-transform:uppercase;font-weight:700;color:#1d2165}
body.logs .info-table{margin-top:1em;border-collapse:collapse;background:#fff;width:100%;font-size:.9em}
body.logs .info-table-key{text-transform:uppercase;color:#1d2165;opacity:.6}
body.logs .info-table-action{text-align:right}
body.logs .info-table-row:not(:last-child){border-bottom:solid 1px #d7d7d7}
body.logs .info-table td{padding-top:1.5em;padding-bottom:1.5em}
body.logs .info-table td:first-child{padding-left:3em}
body.logs .info-table td:last-child{padding-right:3em}
body.logs .table-explanation{font-size:.9em;padding:0 0 1em 1em}
body.logs .dev-numbers{margin-top:3em}
body.logs .number-description{opacity:.6}
body.logs #select-account{border:1px solid #e2e3f8;border-radius:4px;padding:10px 10px 10px 20px;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;min-width:20em}
body.logs #select-account-wrapper{display:inline-block;position:relative}
body.logs #select-account-wrapper form{margin-bottom:0}
body.logs #select-account-wrapper:before{content:'';position:absolute;display:block;bottom:11px;left:3px;pointer-events:none;width:16px;background-image:url(/static/images/icons/profile-blue-neckless.svg);background-repeat:no-repeat;height:18px;background-size:cover}
body.logs #select-account-wrapper:after{content:'▾';position:absolute;display:block;top:50%;transform:translateY(-50%);right:1em;pointer-events:none}
body.account{background:#fafbff}
body.account .main-section{min-height:100%;background:#fafbff}
body.account .wrapper{margin:0 auto;padding:2em 1rem 5em;max-width:45em}
body.account .main-heading{font-family:Lato;font-size:30px;font-weight:900;text-align:center;color:#1d2165}
body.account .main-section h3{font-size:1em;opacity:.6;text-transform:uppercase;font-weight:700;color:#1d2165;padding-bottom:.2rem}
body.account h4{margin:0;text-transform:uppercase;color:#1d2165;opacity:.6;font-weight:400;display:inline-block;width:160px;font-size:.76em}
body.account .container{box-shadow:0 5px 25px 0 rgba(29,33,101,.05);border-radius:4px;margin-bottom:4rem}
body.account .container div{background-color:#fff;padding:1.5rem 2rem 1.3rem;overflow:hidden}
body.account .container div:not(:last-child){border-bottom:1px solid #d7d7d7}
body.account .container span:first-of-type{width:20em;display:inline-block}
body.account .container span:first-of-type:not(.password){color:#1d2165}
body.account .container span:nth-of-type(2){float:right}
body.account .container form{margin:0}
body.account .api-credentials span:nth-of-type(2){float:right}
body.account .password{color:transparent;text-shadow:0 0 15px rgba(0,0,0,1)}
body.account #add-subaccount h3{font-size:1.8em;margin-bottom:.8rem}
body.account #add-subaccount h4{display:block}
body.account #add-subaccount input{padding:.8em;border-radius:4px;border:1px solid #ddd;margin-bottom:.5em;box-sizing:border-box}
body.account #add-subaccount input[name=name]{width:30em}
body.account #add-subaccount button{display:block;margin-top:.9em;font-size:1em;padding:.8em 1.8em 1em;border:none;text-transform:none;background-color:#16ba97;color:#f5f5f9;border-radius:1.5em;text-decoration:none;cursor:pointer}
body.account .subaccounts-header{display:flex;align-items:center;justify-content:space-between;}
body.account #subaccount-filter h4{display:block;}
body.account #subaccount-filter-inputs{display:flex;}
body.account #subaccount-filter-input{padding:.8em;border-radius:4px;border:1px solid #ddd;margin-bottom:.5em;box-sizing:border-box}
body.account #subaccount-filter-clear{margin-left:.8em;}
body.edit-history .main-section{background:#fafbff}
body.edit-history h1{margin:0}
body.edit-history .wrapper{margin:0 auto;padding:2em 0 5em 0;max-width:45em;padding-left:1em;padding-right:1em}
body.edit-history #timeinput{width:5rem;text-align:right;padding:1rem;margin-right:.3rem}
body.edit-history #timeinput+span{font-size:1.3rem}
body.edit-history .deallocatenumberperm{border-radius:1.5em;border:none;cursor:pointer;font-size:.96em}
body.edit-history button{margin:2em 20px 2em 0}
body.edit-history button br{display:none}
body.show-sms{background:#fafbff}
body.show-sms .main-section{min-height:100%;background:#fafbff}
body.show-sms .main-section a{color:#4c54df;text-decoration:none}
body.show-sms .main-section a:hover{text-decoration:underline}
body.show-sms .wrapper{margin:0 auto;padding:2em 0 5em 0;max-width:45em}
body.show-sms .stat-balance{display:block;text-align:center;color:#1d2165;font-size:1.5em}
body.show-sms .stat-numbers{display:block;text-align:center;color:#1d2165;font-size:1.5em}
body.show-sms .stat-report{display:block;text-align:center;color:#1d2165;font-size:1.5em}
body.show-sms .table-head{display:flex;justify-content:space-between;padding-left:1em}
body.show-sms .info-name{opacity:.6;text-transform:uppercase;font-weight:700;color:#1d2165}
body.show-sms .table-explanation{font-size:.9em;padding:0 0 1em 1em}
body.show-sms .json{background:#fff;padding:1em;font-family:monospace;font-size:.8em}
body.show-sms .delete{margin-top:3em}
body.show-sms .submit-link{background:0 0;color:#4c54df;border:none;padding:0;font:inherit;cursor:pointer}
body.show-request{background:#fff}
body.show-request .main-section{min-height:100%;background:#fafbff}
body.show-request .main-section a{color:#4c54df;text-decoration:none}
body.show-request .main-section a:hover{text-decoration:underline}
body.show-request .wrapper{margin:0 auto;padding:2em 0 5em 0;max-width:45em}
body.show-request .table-head{display:flex;justify-content:space-between;padding-left:1em}
body.show-request .info-name{opacity:.6;text-transform:uppercase;font-weight:700;color:#1d2165}
body.show-request .table-explanation{font-size:.9em;padding:0 0 1em 1em}
body.show-request .json{background:#fff;padding:1em;font-family:monospace;font-size:.8em}
body.show-request .delete{margin-top:3em}
body.show-request .submit-link{background:0 0;color:#4c54df;border:none;padding:0;font:inherit;cursor:pointer}
body.show-request .details{margin-top:3em}
body.show-request .info-table{margin-top:1em;border-collapse:collapse;background:#fff;width:100%;font-size:.9em}
body.show-request .info-table-key{vertical-align:top;text-transform:uppercase;color:#1d2165;opacity:.6}
body.show-request .info-table-action{text-align:right}
body.show-request .info-table-row:not(:last-child){border-bottom:solid 1px #d7d7d7}
body.show-request .info-table-header{border-bottom:solid 1px #d7d7d7}
body.show-request .info-table td{padding-top:1.5em;padding-bottom:1.5em}
body.show-request .info-table td:first-child{padding-left:3em}
body.show-request .info-table td:last-child{padding-right:3em}
body.set-new-password{text-align:center;color:#1d2165}
body.set-new-password .top-nav .logo img{background:#fff;border-radius:50%}
body.set-new-password .top-nav #menu-mobile-container,body.set-new-password .top-nav.default,body.set-new-password main{background-color:#fafbff}
body.set-new-password h1+p{font-size:13px}
body.set-new-password form{text-align:left;max-width:22rem;margin:0 auto 9em;padding:0 2em 2em}
body.set-new-password label{display:block;margin:2em 0 7px}
body.set-new-password input{padding:1em .9em;border-radius:4px;border:solid 1px #d7d7d7;font-size:1em;width:20em;max-width:calc(98vw - 4em)}
body.set-new-password #reset-password-form button{margin-top:1.5em;background:#16ba97;border:none;color:#fff;padding:.8em 2.2em;border-radius:21px;font-size:1em;cursor:pointer;transition:all .2s;font-size:.96em;margin-left:auto;margin-right:auto;display:block}
body.set-new-password #reset-password-form button:hover{background-color:#19af8f}
body.page-press main{width:800px;max-width:calc(100vw - 2em);margin:0 auto;padding-bottom:2rem}
body.page-press h2{margin-top:8vh}
body.page-press h2:first-of-type{margin-top:2em}
body.page-press .sitemap .trees,body.page-press .sitemap .wave{display:none}
.pricing-table-head{margin-top:2em}
.pricing-table-head .group-title{text-transform:uppercase;font-weight:400;font-size:14px;color:#656da9}
.pricing-table{background:#fff;border-radius:5px;border:solid 1px #e2e3f8;border-collapse:collapse;margin:1em 0}
.pricing-table .row>*{text-align:right;margin:0;box-sizing:border-box;padding:0 2.5rem}
.pricing-table .product.row>*{border-top:1px solid #e2e3f8;min-height:5rem;padding:1.5rem 2.5rem 2rem}
.pricing-table .headlines{padding:30px 0 20px}
.pricing-table .headlines h4{color:#656da9;font-size:.8em}
.pricing-table .headlines h4:last-of-type{padding-left:1rem}
.pricing-table .product>span{font-size:1.2rem}
.pricing-table .type{display:block;font-weight:400}
.pricing-table .unit{display:block;font-weight:400;font-size:.6em;color:#656da9;font-style:italic;text-align:right;margin-top:.5em}
.pricing-table .call-us{color:#4c54df}
.logs-fragment .logs{margin-top:3em}
.logs-fragment .logrows{color:#1d2165;border-radius:4px;box-shadow:0 5px 25px 0 rgba(29,33,101,.05);font-family:monospace;background:#fff;padding:1em;font-size:.8em;white-space:nowrap;overflow-x:scroll;line-height:1.2;list-style:none}
.logs-fragment .logrow{display:block;max-width:100%}
.logs-fragment .request-id{color:#16ba97!important}
.logs-fragment .sms-id{color:#4c54df!important}
.logs-fragment .call-id{color:#d07cd4!important}
.logs-fragment .mms-id{color:#ffaac5!important}
.logs-fragment .status-error-code{font-weight:700}
.logs-fragment .error-message{opacity:.6}
.logs-fragment a{color:inherit!important}
#logrows{padding:.9rem 1rem;list-style:none;background:#262626;font-family:monospace;display:inline-block;border-radius:4px;color:#fff}
#logrows li{margin-bottom:3px}
#logrows li:before{font-family:monospace;display:inline-block;width:.8rem;font-size:.9rem}
#logrows li.status-success:before{content:"✓"}
#logrows li.status-pending:before{content:"?"}
#logrows li.status-pending{color:#f87f1c!important}
#logrows li.status-pending:hover{color:#e9843a!important}
#logrows li.status-error:before{content:"x"}
#logrows li.status-error{color:#d84943!important}
#logrows li.status-error:hover{color:#e93a3a!important}
#logrows a{display:inline-block;text-decoration:none}
#logrows a:hover{text-decoration:underline}
#logrows span{display:inline-block;margin-bottom:2px}
#logrows .timestamp{margin-right:.3rem}
#logrows .item-id{margin-right:1px}
#logrows .item-type{width:3.2rem}
#logrows .activity{margin-left:2px}
#logrows .activity span:first-child{width:7rem}
.http{color:#738191}
.http .hljs-attribute{color:#738191}
body.page-dashboard footer{position:relative}
body.page-dashboard footer:before{display:block;content:"";background-image:url(/static/images/logged-in/dashboard-wave-footer.svg);height:5em;display:block;position:absolute;top:-5em;width:100%;box-sizing:border-box;background-position:center bottom;background-repeat:repeat-x;left:0}
body.page-faq-single main{margin-bottom:5em}
body.page-faq-single main:after{display:block;content:"";background-image:url(/static/images/index/wave-sitemap.svg);height:5em;display:block;position:absolute;bottom:-5em;width:100%;box-sizing:border-box;background-position:center bottom;background-size:contain;background-repeat:no-repeat;left:0}
body.error-404{background:#fff}
body.error-404 .main-section{background:#fafbff;text-align:center;padding:8em 1em}
body.error-404 .error-image{height:20em}
body.error-404 .wave{position:absolute;bottom:-1px;left:0;right:0;width:100%}
.keep-together{display:inline-block}
#language-picker button{background:0 0;border:none;color:#fff;opacity:.7;font-size:.9em}
#language-picker button:hover{opacity:1}
@media print{
.top-nav{display:none}
.logged-in-nav{display:none}
.bottom-nav{display:none}
}
@media only screen and (max-width:1200px){
body.index .pricing-info .pricing-bg{position:absolute;top:0;left:500;width:auto;height:100%;z-index:-1}
}
@media only screen and (max-width:1000px){
body.index .headline p{margin:1em auto;line-height:1.6}
body.index .pricing-info{background:#f5f5f9}
body.index .pricing-info .pricing-bg{display:none}
body.support .headline{padding-top:0}
body.support .headline p{margin:1em auto;line-height:1.6}
body.article .headline{padding-top:0}
body.article .headline p{margin:1em auto;line-height:1.6}
body.getting-started .headline{padding-top:0}
body.getting-started .headline p{margin:1em auto;line-height:1.6}
body.tutorials .headline{padding-top:0}
body.tutorials .headline p{margin:1em auto;line-height:1.6}
body.tutorial .headline{padding-top:0}
body.tutorial .headline p{margin:1em auto;line-height:1.6}
body.pricing .headline{padding-top:0}
body.pricing .headline p{margin:1em auto;line-height:1.6}
body.jobs .headline{padding-top:0}
body.jobs .headline p{margin:1em auto;line-height:1.6}
body.product .headline{padding-top:0}
body.product .headline p{margin:1em auto;line-height:1.6}
body.product .hero{display:none}
body.product .top-sub-nav{padding-bottom:5em}
}
@media only screen and (max-width:900px){
body{font-size:100%}
.sitemap nav{display:block;text-align:center}
body.index section.product-listing .products li:nth-child(even){flex-direction:row}
body.index section.product-listing .products figure{display:none}
body.index section.product-listing .product>*{margin:0}
body.index section.product-listing .product{margin:0 0 2em 0}
body.index section.product-listing{padding-top:2em}
.logged-in-nav .nav-link{margin:0 12px}
.logged-in-nav .nav-link:last-child{margin-left:0}
}
@media only screen and (min-width:1101px){
#menu-mobile-container{display:none}
}
@media only screen and (min-width:801px){
.narrow-screens{display:none}
body.tutorial .content-wrapper{line-height:2}
body.tutorial .headline .article-type:before{position:absolute;left:-2em}
body.tutorial .top-nav #menu-wider-screens .pages{justify-content:center}
body.tutorial .top-nav .logged-in{padding-right:1em}
body.logs .wrapper{margin:0 auto}
body.billing .year-and-subaccount-selector-container{align-items:top}
body.billing #select-account-wrapper{display:inline-block}
body.billing .info-table-format{margin-left:auto}
}
@media only screen and (max-width:800px){
body.index .headline{padding-top:3em}
body.index .pricing-info .description{max-width:100%;line-height:2;margin-right:0;margin-bottom:2em}
body.index .product-listing .product>*{max-width:100%;margin:inherit}
body.index .getting-started .tutorials{display:inline;margin:0 auto;padding:0;justify-content:center;max-width:1000px;list-style:none}
body.index .getting-started .tutorial{text-align:center;max-width:100%;margin:0 2em 6em 2em}
body.docs .content-wrapper{display:block}
body.docs .sidebar{display:none}
body.docs .mobile-selector{display:block}
.top-sub-nav{display:none}
body.numbers .actions{padding-left:1em;padding-right:1em}
body.tutorial .article-type{margin-top:1em}
body.tutorial .article-type:before{display:inline-block;top:.6em;position:relative;margin-right:.6em}
body.tutorial .headline{background:#fff;color:#1d2165;padding:0 calc(2em - 1px) 1em}
body.tutorial .headline img{display:none}
body.tutorial .headline h1{margin:.3em 0 0}
body.tutorial .main-content{padding-top:0}
body.tutorial .content-wrapper{line-height:1.3}
body.tutorial .main-content .content-wrapper>h2:first-child{margin-top:0}
#tutorial-flask-app .main-content pre{padding: 1em;}
body.dashboard.page-dashboard section.main-section .wrapper ul.overview-cards li{width:50%}
body.billing .year-and-subaccount-selector-container{flex-wrap:wrap;justify-content:space-between;padding-left:1em;padding-right:1em}
body.billing #select-account-wrapper{width:calc(100vw - 2em);margin:0 auto 5px;order:0;display:block}
body.billing .select-year-container{order:2}
body.billing .info-table-format{order:3}
body.number .wrapper{padding-left:1em!important;padding-right:1em!important}
body.index .customer-teasers .customer{flex-direction:column}
body.index .customer-teasers .customer .image{max-width: 300px;margin:0 40px}
body.index .customer-teasers .customer .right{order:0;margin-left:0px}
body.index .customer-teasers .customer .story{margin-top:0;padding:0 7%;width:85%}
}
@media only screen and (min-width:601px) and (max-width:800px){
body.index .pricing-info{background:#f5f5f9;text-align:justify}
}
@media only screen and (min-width:800px){
body.pricing .prices .wrapper{width:700px}
body.dashboard #link-all-logs{right:0!important}
}
@media only screen and (min-width:601px){
.hide-if-wide{display:none}
body.pricing .pricing-table .row{display:grid;grid-template-rows:20% 20% 20% 20% 20%}
body.pricing .pricing-table.cols-4 .row{grid-template-columns:25% 25% 25% 25%}
body.pricing .pricing-table.cols-3 .row{grid-template-columns:50% 25% 25%}
body.pricing .pricing-table .row>:first-child{text-align:left}
body.billing .selectbox button{border:solid 1px #4c54df}
body.billing .selectbox button.selected{background-color:#4c54df;color:#fff;background-image:url(/static/images/payment/check-white.svg)}
body.billing .settings div.box{margin-left:50px;margin-right:50px}
body.dashboard .traffic-logs{position:relative}
body.dashboard #link-all-logs{position:absolute;right:1em;top:0}
#tutorial-flask-app .img-smaller{max-width: 50%;}
}
@media only screen and (max-width:600px){
  body .dashboard-head .video-container{width:100%}
.language-choices-mobile {display:block}
.card .card-segment.buttons.language-choices-desktop{display:none}
.logged-in-nav{box-sizing:border-box;text-align:center}
.logged-in-nav .nav-link{margin-left:4vw;margin-right:0;opacity:.6;transition:all .3s;flex-direction:column}
.logged-in-nav .nav-link:first-child{margin-left:0}
.logged-in-nav .nav-link:nth-last-child(2){margin-left:3vw}
.logged-in-nav .nav-link:last-child{margin-left:2vw}
.logged-in-nav .nav-link:hover{opacity:1}
.logged-in-nav .nav-link span:first-child{width:2rem;height:1.8rem;display:block;margin:0 auto 2px;padding-left:2px;box-sizing:border-box}
.logged-in-nav .nav-link span:last-child{font-size:.8em;display:block;text-align:center;padding:0}
.logged-in-nav .dashboard-link{margin-right:2vw}
.logged-in-nav .dashboard-link+a{margin-left:2vw}
.logged-in-nav .dashboard-link span:first-child{width:1.2rem}
.logged-in-nav .account-link span:first-child{position:relative;left:1px}
.hide-if-narrow{display:none}
body.index .headline .offset-wrapper p{display:none}
body.index #startpage-headline{font-size:2.6rem}
body.index #startpage-headline span{display:inline}
body.index .pricing-info{background-color:#fafbff;padding-top:1em}
body.index .pricing-info .pricing-bg{position:absolute;top:0;right:0;width:200%;height:125%;z-index:-1}
body.index .pricing-info .wrapper{text-align:center;max-width:20rem}
body.index .vat-details{text-align:center;margin:-30px 0 60px}
body.index .vat-details+.view-pricing{font-size:1.24em;text-decoration:none;text-align:center;display:block}
body.index .pricing-wave{max-width:100vw}
body.index .headline em{font-size:1rem}
html:lang(se) body.index .headline em{font-size:15px}
html:lang(se) body.index .headline li img{height:3.4em}
html:lang(se) body.index .headline li:last-child img{position:relative;left:15px;bottom:-2px}
html:lang(se) body.index .offset-wrapper ul{padding-bottom:3px}
body.index .channels{flex-wrap:wrap}
body.index .channel{width:45%;margin:0;padding:1rem;box-sizing:border-box;text-align:center}
body.login .headline h1{margin:0 auto 0 auto}
body.login .headline p{display:none}
body.reset-password .headline{padding:1em 1em 2em 1em}
body.reset-password .headline h1{margin:0 auto 0 auto}
body.reset-password .headline p{font-size:.9em}
body.product .hr{left:auto;width:auto}
body.pricing .prices{max-width:100%;display:block;box-sizing:border-box}
body.pricing .prices .wrapper{max-width:100%;box-sizing:border-box}
body.pricing .downcase-if-narrow{text-transform:lowercase}
body.pricing .currency-wrapper{margin-top:.4rem}
body.pricing .currency-wrapper>span{display:none}
body.pricing .currency-selector{background:#fff;border:solid 1px #e2e3f8;border-radius:4px;max-width:100%;box-sizing:border-box}
body.pricing .currency-selector select{color:#1d2165}
body.pricing .country-selector select option{max-width:4rem}
body.pricing .currency-selector select:after{color:#1d2165}
body.pricing .country-wrapper{display:block;width:100%}
body.pricing #country-selector-label{display:block}
body.pricing .country-selector{width:100%}
body.pricing .country-selector select{border-radius:4px;max-width:100%;box-sizing:border-box;min-width:auto;margin-right:0;width:100%}
body.pricing .country-selector::after{right:.9em}
.pricing-table{background:0 0;border:none}
.pricing-table .headlines{display:none}
.pricing-table .product .desktop-only{display:none}
.pricing-table .product{background:#fff;border-radius:4px;border:1px solid #e2e3f8;margin-bottom:3rem}
.pricing-table .product h3{text-align:center!important}
.pricing-table .product>span{display:block}
.pricing-table .product span:empty{display:none}
.pricing-table .product>span.monthly-cost:before{content:"Monthly cost";display:inline-block;float:left;color:#656da9;font-size:13px;font-weight:700}
.pricing-table .product>span.message-cost:before{content:"Message cost";display:inline-block;float:left;color:#656da9;font-size:13px;font-weight:700}
.pricing-table .product>span.no-label:before{display:inline-block;float:left}
.pricing-table .product>span.to-landlines:before{content:"Landlines";display:inline-block;float:left;color:#656da9;font-size:13px;font-weight:700}
.pricing-table .product>span.to-mobiles:before{content:"Mobiles";display:inline-block;float:left;color:#656da9;font-size:13px;font-weight:700}
.pricing-table .product>span.number-fixed:before{content:"Landline";display:inline-block;float:left;color:#656da9;font-size:13px;font-weight:700}
.pricing-table .product>span.number-mobile:before{content:"Mobile";display:inline-block;float:left;color:#656da9;font-size:13px;font-weight:700}
.pricing-table .product.row>*{padding:1.5rem 2.4rem 1.5rem;min-height:4rem}
.pricing-table .product.row .no-label{text-align:center}
body.dashboard.page-dashboard section.main-section .wrapper ul.overview-cards{justify-content:center}
body.dashboard.page-dashboard section.main-section .wrapper ul.overview-cards li{width:90%}
body.dashboard .box-row{display:block;max-width:90vw;margin-left:auto;margin-right:auto}
body.dashboard .info-square{width:100%;box-sizing:border-box;margin-left:auto;margin-right:auto}
body.numbers{max-width:100vw;overflow-x:hidden}
body.number{max-width:100vw;overflow-x:hidden}
.virtual-numbers .info-table th,
.virtual-numbers .info-table td{padding: 10px;}
.virtual-numbers .info-table th:first-child,
.virtual-numbers .info-table td:first-child{padding-left:15px}
.virtual-numbers .table-head{display:block;padding-left:1em;}
.virtual-numbers .table-head span{display:block;}
.virtual-numbers .info-table-header{font-size:.7em;}
.virtual-numbers .info-table img{max-width:20px;}
.virtual-numbers .text-right span{display:none;}
.virtual-numbers .info-table td:last-child{width:auto;}
body.number .callback-urls-settings .capability{display:block;margin-bottom:1em;background:0 0;padding:0;position:relative}
body.number .callback-urls-settings label:first-child{display:flex}
body.number .callback-urls-settings .callback-input{width:100%;margin-bottom:4px}
body.number .callback-urls-settings label:last-of-type{display:none}
body.number .callback-urls-settings a:last-of-type{position:absolute;top:0;right:0;padding:.3em}
body.number .callback-urls-settings input{border:1px solid #eee}
body.number .callback-urls-settings input[type=submit]{margin-top:0}
body.billing{max-width:100vw;overflow-x:hidden}
body.billing .billing-settings{display:none}
body.billing .settings{width:100vw;box-sizing:border-box}
body.billing .settings .current{margin:0;padding-left:1em}
body.billing .settings .current div:nth-child(1):before{content:"Current "}
body.billing .settings .current div:nth-child(1):after{content:":"}
body.billing .settings .current div:nth-child(2){margin:0 0 0 4px}
body.billing .settings .selectbox{margin:1em 0 2em}
body.billing .settings .selectbox button{border:none;display:block;margin:.5em 0 .5em .5em;padding-top:.3em;padding-bottom:.2em}
body.billing .settings .selectbox button.selected{background-color:none!important;background-image:url(/static/images/payment/circle-check-blue.svg)}
body.billing .settings .current,body.billing .settings div.box{padding-left:1em}
body.billing .info-table-format{padding-right:1px}
body.billing .show-format-labels{display:none}
body.account{max-width:100vw;overflow-x:hidden}
body.edit-history{max-width:100vw;overflow-x:hidden;box-sizing:border-box}
body.edit-history .wrapper{text-align:center}
body.edit-history .wrapper p{text-align:left;padding:0 1em}
body.edit-history button{margin:2rem auto 3rem;display:block}
body.edit-history button br{display:block!important}
body.add-credits .header{padding-left:1em;box-sizing:border-box}
body.add-credits .selectbox{margin-top:2px}
body.add-credits .selectbox label{font-size:1.1em}
body.add-credits .selectbox .custom-amount-container{width:96vw;box-sizing:border-box}
body.open-position .languages{display:none}
body.open-position .headline{padding-bottom:0}
body.open-position .content-wrapper h2:first-child{margin-top:0}
.sitemap{padding:70px 20px}
.sitemap nav .column{margin-left:0!important;margin-right:0!important}
.bottom-nav .last-links{display:flex;flex-direction:column}
html:lang(se) #menu-mobile{padding-left:1.5em;padding-right:1.5rem}
#deactivate-subaccount-heading{font-size: 26px;}
#deactivate-subaccount-info{font-size: 1em;}
#deactivate-subaccount-wrapper{padding-left: 15px;padding-right: 15px;}
#deactivate-subaccount-wrapper button{font-size: 0.9em;}
#deactivate-subaccount-info-numbers{font-size:1em;}
#deactivate-subaccount-wrapper th:first-child, #deactivate-subaccount-wrapper td:first-child{padding-left: 2em;}
#deactivate-subaccount-wrapper td:last-child{padding-right: 2em;}
body.legal .policy{padding: 1em 1.5em 4em 1.5em; line-height: 1.6;}
}
@media only screen and (max-width:650px){
#logrows{width:calc(100vw - 2em);max-width:calc(100vw - 2em);margin:3px auto 1.2em;box-sizing:border-box;display:block}
#logrows li{position:relative;margin-bottom:1rem;font-size:.9rem}
#logrows li:before{position:absolute;top:0;right:0;height:1rem;width:2rem}
#logrows a.item-id{font-size:1rem;padding:3px 0;display:inline-block}
#logrows .item-type{display:inline-block}
#logrows li>span{display:block}
#logrows .activity{margin:6px 0 0}
#logrows .activity span{width:auto!important}
body.dashboard #logrows{margin:3px auto 1.2em}
body.index .channels{justify-content:space-around}
}
#history_time_form input{margin-top:20px;padding-left:10px;box-sizing:border-box;width:114px;height:53px;border-radius:4px;border:solid 1px #d7d7d7;font-family:Lato;font-size:18px;font-weight:700;color:#1d2165}
.no-money-rect{width:630px;border-radius:4px;background-color:#4c54df;background-color:#4c54df;padding-top:35px;padding-left:35px;padding-bottom:32px}
.no-money-rect-title{width:500px;height:26px;margin-bottom:5px;font-family:Lato;font-size:16px;font-weight:700;font-style:normal;font-stretch:normal;line-height:1.63;letter-spacing:normal;color:#fff;color:#fff}
.no-money-rect-text{width:567px;height:26px;font-family:Lato;font-size:13px;font-weight:400;font-style:normal;font-stretch:normal;line-height:2;letter-spacing:normal;color:#fff;color:#fff}
.no-money-rect-button{width:178px;height:40px;margin-top:22px;border-radius:20px;background-color:#fff;background-color:#fff}
.no-money-rect-button-text{width:120px;height:16px;padding-left:25px;padding-top:12px;padding-bottom:12px;font-family:Lato;font-size:13px;font-weight:700;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;text-align:right;color:#4c54df;color:#4c54df}
.no-money-arrow{margin-left:60px;position:relative;top:1px}
.allocation-btn-disabled{opacity:.1;background-color:#1d2165;background-color:#1d2165}
@media only screen and (max-width:900px){
.sitemap .trees{left:44%}
.bottom-nav{display:flex;flex-direction:column;text-align:center}
.bottom-nav .column{padding-bottom:.9em}
.bottom-nav .social{order:1;text-align:center}
.bottom-nav .last-links{order:2;text-align:center}
.bottom-nav .copyright{order:3;text-align:center;padding-top:2em}
}
.integration-image{max-width:95%}
#edit-subaccount-form form{display:grid}
#edit-subaccount-form label{margin-top:40px}
#edit-subaccount-form input{margin-top:20px;padding-left:10px;box-sizing:border-box;width:300px;height:53px;border-radius:4px;border:solid 1px #d7d7d7;font-family:Lato;font-size:18px;font-weight:700;color:#1d2165}
.edit-subaccount-btn{width:200px}
.code-example pre{overflow:hidden}
.code-example code{overflow-y:hidden;overflow-x:auto}
body.legal img.wave{position:absolute;bottom:-1px;left:0;right:0;width:100%}
span.force-one-line{overflow:hidden;white-space:nowrap}
.swal2-show{padding:40px}
.swal2-popup .swal2-title{margin:0}
.swal2-popup .swal2-content{margin:10px 0 30px}
.swal2-popup .swal2-actions{margin:0}
.swal2-popup .swal2-styled.swal2-confirm{margin:0}
body.blog .main-content{flex-grow:1;display:flex;flex-wrap:wrap;justify-content:center}
body.blog .main-content .content-wrapper{width:100%;max-width:700px;padding:4em 2em 8em}
body.blog a.blog-post{display:flex;flex-wrap:wrap;flex-direction:column;text-decoration:none;margin:80px 0;position:relative}
body.blog a.blog-post:hover h3{color:#4c54df}
body.blog a.blog-post:after{content:'';width:100%;height:1px;position:absolute;bottom:-40px;left:0;background:#eeeff5}
body.blog a.blog-post:first-child{margin-top:0}
body.blog a.blog-post:last-child{margin-bottom:0}
body.blog a.blog-post:last-child:after{display:none}
body.blog a.blog-post h3{margin:0;font-size:28px;line-height:38px;color:#303450;margin-bottom:10px}
body.blog a.blog-post h6{margin:0;font-size:16px;font-weight:400;line-height:26px;color:#1d2165;opacity:.6}
body.blog-article .main-content{flex-grow:1;display:flex;flex-wrap:wrap;justify-content:center}
body.blog-article .main-content .content-wrapper{width:100%;max-width:700px;padding:4em 2em 8em}
body.blog-article main h1{margin:0;font-weight:700;font-size:40px;margin-bottom:10px;color:#1d2165}
body.blog-article main h2{font-size: 1.9em;color:#1d2165;margin: 1em 0 0.5em 0;}
body.blog-article main h2 span{margin:0 5px;opacity:.25}
body.blog-article main h3 {font-size: 1.5625em;font-weight: 700;color:#1d2165;margin: 1em 0 0.5em 0;}
body.blog-article main h4 {font-size: 1.5625em;font-weight: 500;color:#1d2165;margin: 1em 0 0.5em 0;}
body.blog-article main h5 {font-size: 1.25em;font-weight: 700;margin: 1em 0 0.5em 0;}
body.blog-article main h6 {font-size: 1.125em;font-weight: 700;margin: 1em 0 0.5em 0;}
body.blog-article main p{font-size:18px;line-height:30px;margin: 0 0 1.2em;}
body.blog-article main p a{color:#4c54df}
body.blog-article main .blog-image{width:100%}
body.blog-article main .inline {background: #f3f3f3; padding: .2rem .3rem; border-radius: 3px;}
body.blog-article main li {font-size: 1.125em;line-height: 1.5em;margin-bottom:0.5em;}
body.blog-article main .byline {color: rgba(0, 0, 0, 0.5);margin: 1em 0 1em 0;padding: 0.5em;max-width: 700px;border-bottom: 1px solid #F4F4FF;}
body.blog-article main p.author {font-size: 16px;margin: 0}
body.blog-article main p.date {font-size: 16px;margin: 0;}
body.blog-article main figure {max-width: 700px;margin-bottom: 2em;}
body.blog-article main figcaption {color: rgba(0, 0, 0, 0.5);}
body.blog-article main .callout {position: relative;background-color: #F4F4FF;padding: 1.5em 1.5em 0.5em 1.5em;margin: 1em 0;}

body.twofa .outer-wrapper {max-width: 45em;width:100%;margin: 0 auto;}
body.twofa .inner-wrapper {padding: 1rem;}
body.twofa .main-heading{font-family:Lato;font-size:30px;font-weight:900;text-align:center;color:#1d2165}
body.twofa #twofa-priority .inner-wrapper {padding: 1rem 2rem;}
body.twofa #twofa-priority {margin-top: 2rem;}
body.twofa input{margin: 0.5rem 0;padding: 0.5rem 1rem;border-radius: 4px;border: solid 1px #d7d7d7;color: #1d2165;text-align: left;font-weight: 700;font-size: 1.2rem;}
body.twofa input[type="text"]{height: 53px;width:auto;max-width:100%;text-align: center;font-size: 1.2rem;}
body.twofa input.twofa_token_field{width: 220px;letter-spacing: 5px;font-size: 2rem;}
body.twofa input.twofa_token_field:disabled{opacity: 0.7;cursor: not-allowed;}
body.twofa .twoFa-error-msg{color: red;margin: 0;}
body.twofa label.input-check{position: relative;display:block;padding-left: 35px;min-height: 25px;margin: 2rem 0;cursor: pointer;}
body.twofa label.input-check input[type=checkbox],
body.twofa label.input-check input[type=radio] {display: none;}
body.twofa label.input-check.disabled{opacity: 0.6;}
body.twofa label.input-check.disabled,
body.twofa label.input-check input:disabled[type=checkbox],
body.twofa label.input-check input:disabled[type=radio],
body.twofa label.input-check input:disabled[type=checkbox]+.checkmark,
body.twofa label.input-check input:disabled[type=radio]+.checkmark{cursor: not-allowed;}
body.twofa label.input-check input[type=checkbox]+.checkmark,
body.twofa label.input-check input[type=radio]+.checkmark{position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: transparent;border: 2px solid #4c54df;cursor: pointer;}
body.twofa label.input-check input[type=radio]+.checkmark{border-radius: 50%;}
body.twofa label.input-check input:checked+.checkmark:before {border-color: #4c54df;display: block;position: absolute;background: #4c54df;width: 15px;height: 15px;top:50%;left: 50%;transform: translate(-50%,-50%);}
body.twofa label.input-check input[type=radio]:checked+.checkmark:before {border-radius: 50%;}
body.twofa label.input-check .checkmark:before {content: "";display: none;}
body.twofa label.input-check p.label{font-weight: bold;margin:0;padding: 0;font-size: 1.2rem;}
body.twofa label.input-check p.description{margin:0.5rem 0 0;font-style: italic;}
body.twofa .twofa-status-label{font-size: 0.9rem;font-weight: normal;font-style: italic;}
body.twofa section.auth-method-info{text-align: center;border: 2px solid #4c54df;box-shadow: 0 5px 25px 0 rgba(29,33,101,.05);padding: 1rem;margin-top:2rem;border-radius: 4px;background-color: #F4F4FF;position: relative;}
body.twofa section.auth-method-info svg{max-width: 100%;}
body.twofa section.auth-method-info button.close{position: absolute;right: 1rem;top:1rem;border: none;outline: none;background: transparent;cursor: pointer;}
body.twofa section.auth-method-info button.close svg{width:18px;height: 18px;}
body.twofa section.auth-method-info h2:first-of-type{margin-top: 0;}

@keyframes fade {
  0%   {}
  90%   {opacity: 0;}
  100% {opacity: 0;display: none;z-index: -1;}
}

body.twofa .user-secret{text-transform: uppercase;font-weight: bold;word-break: break-word;}
body.twofa .btn{padding: 0.5rem 2rem;border-radius: 99999px;color:#fff;text-transform: none;font-size: 16px;outline: none;border: 2px solid #4c54df;background-color: #4c54df;font-weight: bold;cursor: pointer;}
body.twofa .btn:hover{opacity: 0.8;}
body.twofa .preamble{font-size: 1.2rem;}
body.twofa .banner{font-size: 1.2rem;background-image: none;padding: 1rem;animation-name: fade;animation-delay: 3s;animation-duration: 1s;animation-timing-function: ease-in-out;animation-direction: alternate;animation-iteration-count:1;animation-fill-mode:forwards;}

@media only screen and (min-width:687px){
  body.twofa .auth-method-description{max-width: 100%;margin: 0 auto;}
  body.twofa section.auth-method-info{padding: 2rem;}
}

body.twofa .methods-wrapper{background-color: #fff;box-shadow: 0 5px 5px rgba(0,0,0,.06);border-radius: 4px;}
body.twofa .methods-wrapper .method{padding: 1.5rem;border-bottom: 1px solid #eef0f7;position: relative;}
body.twofa .methods-wrapper .method {position: relative;}
body.twofa .methods-wrapper .method p{line-height: 1.5;padding: 0;margin: 0;}
body.twofa .methods-wrapper .method .method-action{position: absolute; bottom:1.5rem; right:1.5rem; left:1.5rem;height:auto;padding: 0.5rem 1rem;text-align: center;display: block;}
body.twofa .methods-wrapper .method span.method-name{font-weight: bold;font-size: 1.1rem;margin-left: 3rem;}
body.twofa .methods-wrapper .method span.method-priority{font-style: italic;}
body.twofa .methods-wrapper .method .method-desc{margin-top:0.2rem;margin-left: 3rem;margin-bottom: 4rem;}
body.twofa .methods-wrapper .method .icon{position: absolute;top:1.5rem;}
body.twofa .methods-wrapper .method .icon img{width: 25px;}

@media only screen and (min-width:687px){
  body.twofa .methods-wrapper .method .method-action{top:1.5rem; left:initial;bottom:initial;padding: 0.2rem 1rem;}
  body.twofa .methods-wrapper .method .method-desc{margin-bottom: 0;margin-right:5.5rem;}
  body.twofa .methods-wrapper .method .method-action,
  body.twofa .methods-wrapper .method .icon{top:50%;transform: translateY(-50%);}
}

.register-radio-button-group {
  display: flex;
  gap: 10px;
}
.register-radio-button-group div {
    padding: 10px;
    border: 1px solid #d7d7d7;
    color: #1d2165;
    border-radius: 5px;
    background-color: #fff;
}
.register-radio-button-group input[type="radio"]:checked + div {
    background-color: #fff;
    color: white;
}

.product-popup {
  flex-wrap: nowrap;
}

.product-popup-section:nth-last-of-type(1) {
  margin-left: 20px;
}

.product-popup-section-title {
  text-transform: uppercase;
  color: #1d2165;
  font-size: 0.7em;
  font-weight: 900;
  margin: 0.5em;
}

h4 span.beta, h5 span.beta {
  background: rgb(234, 238, 243);
  font-size: 11px;
  border-radius: 4px;
  padding: 4px 6px;
  margin-left: 5px;
  font-weight: normal;
}

body.dashboard .notification-banner {
  max-width: 730px;   
  margin: 0 auto 40px auto; 
  background-color: rgba(77, 84, 223, 0.1);
  border: 1px solid rgba(77, 84, 223, 0.5);
  border-radius: 8px;
  padding: 10px 36px;
}

body.dashboard .notification-banner div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  color: black;
  font-size: 16px;
  line-height: 1.8;
}

body.dashboard .notification-banner button.form-button {
  background: white;
  border: 1px solid white;

}

body.dashboard .notification-banner .form-button-link {
  margin-left: 24px;
}
/* 
 body.dashboard .notification-banner {
  max-width: 730px;   
  margin: 0 auto 40px auto; 
  background-color: #4d54df;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 10px 36px;
}

body.dashboard .notification-banner div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  color: white;
  font-size: 16px;
  line-height: 1.8;
}

body.dashboard .notification-banner button.form-button {
  background: white;
  border: 1px solid white;

}

body.dashboard .notification-banner .form-button-link {
  margin-left: 24px;
}  */