html, body {padding: 0;margin: 0;font-size: 14px;font-family: "DM Sans",sans-serif;color: #1e2d3d;background: #f7f8f7;}
h1, h2, h3, h4, h5, h6 {font-family: "Playfair Display", sans-serif;color: #1e2d3d;padding: 0;margin: 0;font-weight: 500;}
h1 {font-size: 40px;}
h2 {font-size: 32px;}
h3 {font-size: 28px;}
h4 {font-size: 24px;}
h5 {font-size: 20px;}
h6 {font-size: 16px;}
input, select, textarea {font-family: "DM Sans",sans-serif;width: calc(100% - 26px);background: #fff;color: #1e2d3d;font-size: 14px;border: 1px solid #d8e0e4;border-radius: 7px;padding: 12px;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;margin-bottom: 7px;}
select {width: 100%;}
input:focus, select:focus, textarea:focus {border-color:#4d6689;outline:0;box-shadow:0 1px 2px 0 rgba(0,0,0,.07),0 0 0 3px rgba(31,41,55,.25)}
input.error, select.error, textarea.error {border-color: #bd584a;}
input[type='radio'] {width: auto;padding: 0;margin: 0;accent-color: #15243a;}
input[type='submit'], .button, button {font-family: "DM Sans",sans-serif;font-size:12px;font-weight:700;color: #fff;background: #193a59;border: 1px solid #193a59;width: auto;cursor: pointer;box-shadow: 0 2px 3px #142b4222;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;padding: 11px 14px;display: inline-block;border-radius: 7px;}

button:disabled {opacity:.65;}
button.list {border: 0;background: transparent;color: #718390;font-size: 16px;box-shadow: none;}
.button.secondary {border: 1px solid #d4dde1;background: #fff;color: #4d6172;}
.button.tertiary, button.tertiary {border-color: #bfd2e0;color: #275f8d;background: #fff;}
.actions {border: 1px solid #dce4e7;border-radius: 7px;color: #526777;padding: 10px 12px;text-decoration: none;font-size:11px;font-weight: 600;}
input[type='submit'].full, .button.full{width: 100%;}
input[type='submit']:hover, .button.primary:hover {background-color: #193a59; border-color: #193a59;}
label {font-weight: 700;margin-bottom: 7px;font-size: 12px;display: inline-block;color: #455868;}
label span {color: #99a5ae;font-weight: 500;}
a, a:visited {color: #3972a5;transition: all .2s ease;text-decoration: none;}
a:hover {color: #3972a5;}
a.button, a:visited.button, a:hover.button {color: #fff;}
a.button.secondary, a:visited.button.secondary, a:hover.button.secondary {color: #4d6172;}
a.button.tertiary, a:visited.button.tertiary, a:hover.button.tertiary {border-color: #bfd2e0;color: #275f8d;background: #fff;}
a.actions, a:visited.actions, a:hover.actions {color: #526777;display: block;}
.flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.flex-half {flex: 50%;}
.flex-1 {flex: 1;}
.flex-column {flex-direction: column;}
.block {display: block;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.space-between {justify-content: space-between;}
.v-align-center {align-items: center;}
.h-align-center {justify-content: center;}
.h-align-right {justify-content: end;}
.grid {display: grid;}
.grid-center {justify-items: center;}
.grid-repeat-2 {grid-template-columns: repeat(2,1fr);}
.grid-repeat-3 {grid-template-columns: repeat(3,1fr);}
.grid-repeat-4 {grid-template-columns: repeat(4,1fr);}
.pointer {cursor: pointer;}
.center {text-align: center;}
.text-align-right {text-align: right;}
.flex-end {align-items: flex-end;}
.margin-auto {margin: 0 auto;}
.full {width: 100%;}
.h-full {height: 100%;}
.half {width: 50%;}
.width-5 {width: 5%;}
.width-10 {width: 10%;}
.width-15 {width: 15%;}
.width-20 {width: 20%;}
.width-25 {width: 25%;}
.width-30 {width: 30%;}
.width-33 {width: 33%;}
.width-40 {width: 40%;}
.with-48 {width: 48%;}
.with-49 {width: 49%;}
.width-60 {width: 60%;}
.width-65 {width: 65%;}
.width-70 {width: 70%;}
.width-80 {width: 80%;}
.width-90 {width: 90%;}
.uppercase {text-transform: uppercase;}
.font-weight-400 {font-weight: 400;}
.font-weight-500 {font-weight: 500;}
.font-weight-600 {font-weight: 600;}
.font-weight-700 {font-weight: 700;}
.no-wrap {white-space: nowrap;}
.fit-cover {object-fit: cover;}
.relative {position: relative;}
.absolute {position: absolute;}
.fixed {position: fixed;}
.break-word {word-break: break-word;}
.pre-wrap {white-space: pre-wrap;}
.transition-04 {transition: all 0.4s;}
.transition-08 {transition: all 0.8s;}
.overflow-y {overflow-y: auto;}
.full-vh {height: 100vh;}
.gap-10 {gap: 10px;}
.gap-15 {gap: 15px;}
.gap-20 {gap: 20px;}
.gap-30 {gap: 30px;}
.shadow {box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06) !important;}
.alert {border: 1px solid #bfdfcd;background: #f1fbf5;color: #3c7859;padding: 16px;margin-bottom: 24px;border-radius: 8px;}
.alert.danger {border-color: #efc7c0;background: #fff5f3;color: #8b3c31;}
/* Subscription notice above the Company page: space from the header above, none below (the page title follows). */
.alert.subscription-banner,.alert.location-scope-banner {margin: 20px 0 0;}
.alert .icon {width: 19px; height: 19px;border-radius: 50%;font-size: 12px;font-weight: 700;color: #fff;background: #5c9c78;flex: 0 0 19px;}
.alert .text {padding-left: 10px;}
.alert.danger .icon {background: #bd584a;}
.alert.warning {border-color: #ecd9a8;background: #fffaee;color: #7a5b16;}
.alert.warning .icon {background: #c3952c;}
.dialog-content .plan-limit-notice {margin: 0 0 16px;}
/* Plan limit notices under the page title: 20px above each, nothing below. */
.company-plan-limits .alert {margin: 20px 0 0;}
.alert .text a {color: inherit;font-weight: 700;text-decoration: underline;}
.field-container {padding-bottom: 10px;}
.filed-half {width: calc(50% - 7px);}
.filed-error {color: #bd584a;font-size: 10px;}
a.action-button {color: #fff;}
.action-button {display: inline-block;color: #fff;background-color: #1f2937;border: 1px solid #1f2937;box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(17,24,39,.075);border-radius: 8px;padding: 10px 12px;background-repeat: no-repeat;background-position: left 5px center;font-weight: 500;background-size: 23px;}
.action-button.new {background-image: url('/design/images/common/plus.svg');padding-left:35px;}
.regular-icon {width: 34px;height: 34px;border-radius: 7px;display: grid;place-items: center;background: #e8f2fc;color: #3f78b9;font-style: normal;}
.regular-icon.medium {width: 42px;height: 42px;font-size: 19px;}
.regular-icon.purple {background: #f0ebfa;color: #786bb0;}
.regular-icon.green {background: #e4f2e9;color: #5a9c7d;}
.regular-icon.orange {background: #fbf0de;color: #bd8641;}
.regular-icon.gray {background: #f0f2f3;color: #7d8d98;}
.regular-icon.cycle {border-radius: 50%;}
.status-box {font-size: 10px;border-radius: 12px;padding: 4px 7px;background: #e4f3e9;color: #559074;font-weight: 700;}
.status-box.warning {background: #fdf0dd;color: #b47b35;}
.status-box.gray {background: #f0f2f3;color: #667b8b;}
.status-box.blue {background: #e8f2fc;color: #3f78b9;}
.status-box.purple {background: #eee8fb;color: #7358a2;}
.status-box.orange {background: #fbf0de;color: #a97635;}
.status-box.red {background: #fff5f3;color: #8b3c31;}
.toast-message {right: 24px;bottom: 24px;z-index: 10;width: min(370px, calc(100% - 40px));padding: 13px;box-shadow: 0 10px 28px #17314a1c;border: 1px solid #bfdfcd;background: #f1fbf5;color: #3c7859;opacity: 1;transition: opacity 0.7s ease;}
.toast-message.fade-out {opacity: 0;}
.toast-message.danger {border-color: #efc7c0;background: #fff5f3;color: #8b3c31;}
.toast-icon {width: 19px;height: 19px;border-radius: 50%;color: #fff;font-size: 12px;background: #5c9c78;flex: 0 0 19px;}
.toast-message.danger .toast-icon {background: #bd584a;}
.toast-message-title {font-size: 12px;}
.toast-message-text {padding-top: 3px;font-size: 11px;line-height: 1.45;}
.toast-close {font-size: 17px;line-height: 1;}
.drop-down-container {position: relative;}
.select-searchable-picker::after {position: absolute;top: 11px;right: 12px;color: #718390;content: "⌄";pointer-events: none;}
.select-searchable-options {left: 0;right: 0;z-index: 10;max-height: 190px;overflow-y: auto;border: 1px solid #cedbe2;border-radius: 7px;padding: 5px;background: #fff;box-shadow: 0 12px 24px #193a5920;}
.select-searchable-options.hidden {display: none;}
.select-searchable-option {border-radius: 5px;padding: 9px;color: #405666;font-size: 12px;}
.select-searchable-option:hover {background: #eff6fa;color: #214b6b;}
.select-searchable-group {padding: 10px 9px 4px;color: #6d8190;font-size: 11px;letter-spacing: .04em;}
.select-searchable-group.hidden {display: none;}
.select-searchable-option.active::after {float: right;color: #3f78b9;content: "✓";}
.select-searchable-option.hidden {display: none;}
.select-searchable-no-result {padding: 7px 9px;color: #84939e;font-size: 11px;font-weight: 500;}
.select-searchable-no-result.hidden {display: none;}
.search-input {width: 230px;border: 1px solid #d9e2e6;border-radius: 6px;padding: 0 9px;color: #80909d;}
.search-input button {color: #80909d;font-weight:400;background: none;border: 0;width: auto;cursor: pointer;box-shadow: none;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;padding: 0;}
.search-input input {width: 100%;border: 0;outline: 0;padding: 8px 7px;background: transparent;font-size: 11px;margin: 0;}
.search-input input:focus {box-shadow: none;}
.search-select {position: relative;cursor: pointer;margin: 0;}
.search-select span {position: absolute;top: 4px;left: 10px;color: #92a0aa;font-size: 8px;font-weight: 700;letter-spacing: .7px;}
.search-select select {min-width: 122px;border: 1px solid #d9e2e6;border-radius: 6px;padding: 15px 9px 5px;background: #fff;color: #4e6273;font-size: 11px;margin: 0;}
.checker-container label {display: block;border: 1px solid #d8e0e4;border-radius: 7px;padding: 11px;background: #fff;color: #506574;font-size: 11px;font-weight: 700;margin: 0;cursor: pointer;}
.checker-container input {display: none;}
.checker-container span {font-weight: 700;color: #506574;}
.checker-container label:has(input[type="checkbox"]:checked) {border-color: #4f84af;background: #f4f9fd;color: #285475;box-shadow: 0 0 0 2px #4a84c614;}
.checker-container label:has(input[type="checkbox"]:checked) span {color: #285475;}
.checker-container label:has(input[type="checkbox"]:checked)::after {float: right;color: #3f78b9;content: "✓";}

@media (max-width:600px) {
    .toast-message {right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 24px);box-sizing:border-box;}
}