@charset "UTF-8";:root{--color-primary-button: #1976d2;--color-secondary-button: #6c757d;--color-danger-button: #dc3545;--color-success-button: #28a745;--color-warning-button: #ffc107;--color-brand-blue: #08aeef;--color-brand-blue-light: #98d6ef;--color-brand-blue-light-2: #8ed4f0;--color-primary-text: #212121;--color-secondary-text: #757575;--color-heading-dark: #0f1720;--color-muted: #707070;--color-background: #f8f8f8;--color-surface: #ffffff;--color-border: #e0e0e0;--color-shadow: rgba(0, 0, 0, .16);--color-overlay: rgba(0, 0, 0, .55);--color-tooltip-bg: #1f2d3d;--color-card-green: #53caaf;--color-card-orange: #f49256;--color-help-icon: #2c4559;--color-error-icon: #e74c3c;--color-hover-bg: #e8f0fe;--color-hover-border: #cfe6f8;--color-soft-text: #6f6f6f;--color-placeholder-light: #767676;--color-faq-banner-bg: #e6f4fb}@font-face{font-family:Heebo-Regular;src:url(/assets/fonts/Heebo-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Heebo-Medium;src:url(/assets/fonts/Heebo-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Heebo-Bold;src:url(/assets/fonts/Heebo-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Heebo-ExtraBold;src:url(/assets/fonts/Heebo-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}:root{--font-size-h1: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.75rem;--font-size-h4: 1.5rem;--font-size-h5: 1.25rem;--font-size-h6: 1rem;--font-size-body-lg: 1.125rem;--font-size-body: 1rem;--font-size-body-sm: .875rem;--font-size-caption: .75rem;--font-size-button: .875rem;--font-size-label: .75rem;--font-size-popup-title: 27px;--font-size-popup-subtitle: 18px;--font-size-popup-title-result: 28px;--font-size-popup-subtitle-result: 19px;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-popup-title: 700;--font-weight-popup-subtitle: 600;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-popup-title: 1.18;--line-height-popup-subtitle: 1.35;--font-size-popup-title-mobile: 30px;--font-size-popup-subtitle-mobile: 18px;--font-size-popup-title-result-mobile: 36px;--font-size-popup-subtitle-result-mobile: 27px}html.a11y-zoom .app-shell{zoom:var(--a11y-zoom, 1)}html.a11y-no-motion .app-shell *,html.a11y-no-motion .app-shell *:before,html.a11y-no-motion .app-shell *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}html.a11y-readable-font .app-shell,html.a11y-readable-font .app-shell :is(p,span,a,li,td,th,label,button,input,textarea,select,h1,h2,h3,h4,h5,h6,div){font-family:Arial,Helvetica Neue,Helvetica,sans-serif!important;letter-spacing:.03em!important}html.a11y-line-spacing .app-shell :is(p,span,a,li,td,th,label,div){line-height:1.9!important}html.a11y-highlight-links .app-shell a{text-decoration:underline!important;outline:2px solid #ffbf00!important;outline-offset:2px;background-color:#fff8dc!important;color:#03c!important}html.a11y-grayscale .app-shell{filter:grayscale(100%)}html.a11y-contrast .app-shell,html.a11y-contrast .app-shell :is(section,main,header,footer,article,aside,nav,div,ul,li){background:#000!important;background-image:none!important;color:#fff!important}html.a11y-contrast .app-shell :is(p,span,li,td,th,label,h1,h2,h3,h4,h5,h6,button){color:#fff!important}html.a11y-contrast .app-shell a{color:#ff0!important;text-decoration:underline!important}html.a11y-contrast .app-shell :is(input,textarea,select){background:#000!important;color:#fff!important;border:1px solid #fff!important}html.a11y-contrast .app-shell button{border:1px solid #fff!important}html.a11y-big-cursor .app-shell,html.a11y-big-cursor .app-shell *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 32 32'%3E%3Cpath d='M6 2 L6 26 L12 20 L16 30 L20 28 L16 18 L24 18 Z' fill='%23000000' stroke='%23ffffff' stroke-width='1.5'/%3E%3C/svg%3E") 4 2,auto!important}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:3px solid #08aeef;outline-offset:2px}.link-button{display:inline;margin:0;padding:0;border:none;background:none;font:inherit;color:inherit;cursor:pointer}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,main.app-content,main.bode-site-content{background-color:var(--color-background)}@media(min-width:769px){main.app-content,main.bode-site-content,.small-header,.login-header,.bode-secondary-header{padding-inline:clamp(48px,6vw,112px)!important}.small-header__container,.login-header__container,.bode-secondary-header__container,.send-sms-page,.income-sms-page,.sms-log-page,.future-sms-page,.templates-page,.groups-page,.add-group-page,.egc-page,.vn-page,.virtual-numbers-page,.profile-page,.pricing-page,.api-page,.personal-sms-page,.contact-page{padding-inline:0!important}}@media(min-width:769px){main.app-content:has(app-login),main.app-content:has(app-contact-page){padding-inline:0!important}}body{font-family:Heebo-Regular,sans-serif;color:var(--color-primary-text)}input,textarea,select,button,code,pre,kbd,samp{font-family:inherit}.auth-input,:is(#User,#Password,#userName,#UserEmail,#UserEmailVerify,#userMobile,#PhoneOrEmail){width:100%;padding:14px 30px;border:1px solid var(--color-surface);border-radius:10px;font-size:16px;line-height:24px;color:#000;box-shadow:0 3px 6px var(--color-shadow);background-color:var(--color-surface)}.auth-input::placeholder,:is(#User,#Password,#userName,#UserEmail,#UserEmailVerify,#userMobile,#PhoneOrEmail)::placeholder{color:var(--color-muted)}.auth-input:focus,:is(#User,#Password,#userName,#UserEmail,#UserEmailVerify,#userMobile,#PhoneOrEmail):focus{outline:none;border-color:var(--color-brand-blue);box-shadow:0 3px 6px var(--color-shadow)}.auth-button,:is(#loginBtn,#registerBtn,#forgotPasswordSubmit){width:100%;padding:12px 40px;border:1px solid transparent;border-radius:10px;background:linear-gradient(180deg,var(--color-brand-blue) 0%,var(--color-brand-blue-light) 100%);color:var(--color-surface);font-size:17px;line-height:26px;cursor:pointer;position:relative;overflow:hidden}.app-popup-overlay{position:fixed;inset:0;background:var(--color-overlay);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.app-popup-modal,.edit-modal,.delete-confirm-modal,.result-modal,.vn-edit-modal,.vn-cp-modal,.ssp-modal,.bc-modal,.sample-help-modal,.pricing-page__popup,.forgot-modal{position:relative;background:var(--SMS4FREE-Text-White, #FFF);border-radius:10px;border:1px solid var(--SMS4FREE-Grey-3, #D6D6D6);box-shadow:0 1px 6px #00000029}button[aria-label=\5e1\5d2\5d5\5e8],button[aria-label=Close]{position:absolute;top:20px;left:20px;border:none;background:transparent;cursor:pointer}button[aria-label=\5e1\5d2\5d5\5e8]>svg,button[aria-label=Close]>svg{width:14px;height:14px;aspect-ratio:1/1;display:block;flex-shrink:0;fill:var(--SMS4FREE-Grey-3, #D6D6D6)}button[aria-label=\5e1\5d2\5d5\5e8]>svg path,button[aria-label=Close]>svg path{fill:var(--SMS4FREE-Grey-3, #D6D6D6)}[id^=app-popup-modal-]{width:min(500px,92vw);padding:16px 24px 36px}.app-popup-title,.popup-title{font-size:var(--popup-title-size, var(--font-size-popup-title));font-weight:var(--popup-title-weight, var(--font-weight-popup-title));line-height:var(--popup-title-line-height, var(--line-height-popup-title))}.app-popup-subtitle,.popup-subtitle{font-size:var(--popup-subtitle-size, var(--font-size-popup-subtitle));font-weight:var(--popup-subtitle-weight, var(--font-weight-popup-subtitle));line-height:var(--popup-subtitle-line-height, var(--line-height-popup-subtitle))}.app-popup-title--result{--popup-title-size: var(--font-size-popup-title-result);--popup-title-size-mobile: var(--font-size-popup-title-result-mobile)}.app-popup-subtitle--result{--popup-subtitle-size: var(--font-size-popup-subtitle-result);--popup-subtitle-size-mobile: var(--font-size-popup-subtitle-result-mobile)}@media(max-width:768px){.app-popup-title,.popup-title{font-size:var(--popup-title-size-mobile, var(--font-size-popup-title-mobile))}.app-popup-subtitle,.popup-subtitle{font-size:var(--popup-subtitle-size-mobile, var(--font-size-popup-subtitle-mobile))}}.cta-green-btn{display:inline-block;padding:15px 45px;font-size:23px;font-weight:700;color:#2c4559;background:transparent linear-gradient(180deg,#1cd8d2,#93edc7) 0% 0% no-repeat padding-box;border:1px solid transparent;border-radius:10px;text-decoration:none;text-align:center;cursor:pointer;position:relative;overflow:hidden;line-height:26px;white-space:initial}.cta-green-btn:after{background:#fff;content:"";height:155px;left:-75px;opacity:.2;position:absolute;top:-50px;transform:rotate(35deg);transition:all 2s cubic-bezier(.19,1,.22,1);width:50px;z-index:1}.cta-green-btn:hover:after{left:120%;transition:all 2s cubic-bezier(.19,1,.22,1)}.first-title{margin:0;color:#000;text-align:right;font-size:36px;font-style:normal;font-weight:400;line-height:normal}.second-title{margin:0;color:#000;text-align:right;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.add-group-page__header>.first-title{padding-bottom:20px}.add-group-page__header>.second-title{padding-bottom:20px}.sms-table-wrap{overflow-x:auto;border:0;border-radius:0}.sms-data-table{width:100%;min-width:980px;border-collapse:collapse}.sms-data-table thead{background:linear-gradient(180deg,#8491a3,#506875)}.sms-data-table th,.sms-data-table td{text-align:right;color:#2c4559;font-size:15px;padding:22px 15px 21px;border-bottom:none;white-space:nowrap;vertical-align:top}.sms-data-table th{color:#fff;font-weight:400;padding:10px 15px}.sms-data-table tbody tr:nth-child(2n){background:#fff}.sms-data-table tbody tr:nth-child(odd){background:#e3f4fd}.sms-data-table tbody tr:hover,.sms-data-table tbody tr:hover td,.sms-data-table tbody td:hover,.sms-data-table tbody td:focus,.sms-data-table tbody td:active,.sms-data-table tbody th:hover,.sms-data-table tbody th:focus,.sms-data-table tbody th:active,.sms-data-table.table-hover tbody tr:hover,.sms-data-table.table-hover tbody tr:hover td,.sms-data-table.table-hover tbody td:hover{background:transparent!important;background-color:transparent!important}.sms-table-description-cell{min-width:260px;white-space:normal!important;max-width:420px}.sms-recipient-list{max-height:150px;overflow-y:auto;min-width:120px}.sms-recipient-list p{margin:0;line-height:1.5}.sms-check-col{width:140px}.sms-check-label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.sms-check-label input{width:16px;height:16px;accent-color:#ffffff}.sms-table-empty{text-align:center!important;color:#6a7e95!important;padding:18px 8px!important}.sms-row-action-btn{display:inline-block;min-width:60px;text-align:center;text-decoration:none;border-radius:10px;padding:1px 10px;color:#fff;background:linear-gradient(180deg,#08aeef,#98d6ef);font-size:14px;line-height:26px;border:none}.sms-trash-btn{border:none;background:transparent;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center}.sms-trash-btn svg{width:20px;height:20px;fill:#151515}.sms-mobile-label{display:none!important}.sms-desktop-label{display:inline}@media(max-width:768px){.sms-mobile-label{display:inline!important}.sms-desktop-label{display:none!important}.sms-table-wrap{overflow-x:visible}.sms-data-table{min-width:0}.sms-data-table thead{display:none}.sms-data-table tbody tr{display:flex;flex-direction:column;background:#fff!important;border-radius:16px;box-shadow:0 1px 6px #0000001a;margin-bottom:16px;padding:16px;position:relative}.sms-data-table tbody tr:nth-child(odd),.sms-data-table tbody tr:nth-child(2n){background:#fff!important}.sms-data-table tbody td{display:flex;align-items:baseline;padding:4px 0;white-space:normal;border:none;font-size:14px;color:#2c4559}.sms-data-table tbody td:before{content:attr(data-label);flex:0 0 auto;min-width:110px;color:#787e8c;font-size:13px;font-weight:500;padding-left:8px}.sms-data-table tbody td[data-label=""]:before{display:none}.sms-data-table tbody td:not([data-label]):before{display:none}.sms-data-table tbody td.checkbox-td{position:absolute;top:16px;right:16px;padding:0;z-index:1;order:-10}.sms-data-table tbody td.checkbox-td:before{display:none}.sms-data-table tbody td.sms-card-sender{order:-2!important;font-weight:600;font-size:16px;color:#2c4559;padding-bottom:6px;padding-right:36px}.sms-data-table tbody td.sms-card-sender:before{display:none!important}.sms-data-table tbody td.sms-card-message{order:-1!important;color:#6a7e95;font-size:13px;line-height:1.5;padding-bottom:10px;border-bottom:1px solid #eef1f5;margin-bottom:6px}.sms-data-table tbody td.sms-card-message:before{display:none!important}.sms-table-description-cell,.sms-data-table tbody td.sms-table-description-cell{min-width:0;max-width:none}.sms-data-table tbody td.sms-card-action-send{order:10!important;padding-top:10px;border-top:1px solid #eef1f5;margin-top:6px}.sms-data-table tbody td.sms-card-action-send:before{display:none!important}.sms-data-table tbody td.sms-card-action-send .sms-row-action-btn{display:block;width:100%;text-align:center;padding:8px;border-radius:10px;font-size:15px;line-height:1.4}.sms-data-table tbody td.sms-card-action-delete{order:11!important}.sms-data-table tbody td.sms-card-action-delete:before{display:none!important}.sms-data-table tbody td.sms-card-action-delete .sms-trash-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;border:none;border-radius:10px;background:#e3f4fd;color:#08aeef;font-size:15px;font-weight:400;cursor:pointer}.sms-data-table tbody td.sms-card-action-delete .sms-trash-btn svg{width:20px;height:20px;fill:#08aeef}.sms-data-table tbody td.sms-card-action-delete .template-edit-btn{display:none}.sms-table-empty{display:block!important;border-radius:16px;box-shadow:0 1px 6px #0000001a;padding:24px 16px!important}.sms-table-empty:before{display:none!important}.sms-check-col{width:auto}.sms-check-label input{width:18px;height:18px}}.cdk-overlay-pane .mat-datepicker-content{background:#fff;border-radius:16px;box-shadow:0 10px 24px #0003;color:#2a2f37}.cdk-overlay-pane .mat-calendar{background:#fff;color:#2a2f37}.cdk-overlay-pane .mat-calendar-controls,.cdk-overlay-pane .mat-calendar-table-header,.cdk-overlay-pane .mat-calendar-body-label{color:#6f7785}.cdk-overlay-pane .mat-calendar-arrow{fill:#6f7785}.cdk-overlay-pane .mat-calendar-next-button,.cdk-overlay-pane .mat-calendar-previous-button{color:#6f7785}.cdk-overlay-pane .mat-calendar-body-cell-content{color:#2a2f37;border-color:transparent}.cdk-overlay-pane .mat-calendar-body-selected,.cdk-overlay-pane .mat-calendar-body-range-start .mat-calendar-body-cell-content,.cdk-overlay-pane .mat-calendar-body-range-end .mat-calendar-body-cell-content{background-color:#1daee9;color:#fff}.cdk-overlay-pane .mat-calendar-body-in-range:before{background:#cfeaf8}
