@charset "UTF-8";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import"https://fonts.googleapis.com/css?family=Lato";@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400&display=swap");
._container_15be1_3{border-radius:3px;border:1px solid #dfdedd;height:52px;width:100%;display:grid;grid-auto-flow:column;grid-template-columns:52px}
._container_15be1_3 button:hover{color:#0052ce;background-color:transparent}
._bannerIcon_15be1_17{height:100%;min-width:52px;width:52px;display:flex}
._bannerIcon_15be1_17 svg{font-size:1.5rem;margin:auto}
._bannerPrimary_15be1_28{background-color:#a0c4f8}
._bannerWarning_15be1_32{background-color:#ffd390}
._bannerSuccess_15be1_36{background-color:#d8f5d9}
._bannerDanger_15be1_40{background-color:#ff7676}
._content_15be1_44{margin:0 5px;font-size:.75rem;display:flex;align-items:center;font-family:Lato,sans-serif;font-weight:400;line-height:normal;letter-spacing:normal}
._closeButton_15be1_55{display:flex;justify-self:end}

.MuiPickersLayout-contentWrapper .MuiDateCalendar-root{width:unset}
._container_1wapy_7{width:100%}
._container_1wapy_7 .MuiInputBase-input{padding:11px}
._container_1wapy_7 svg{font-size:1rem}
._container_1wapy_7 p{margin:1px 1px 1px 3px}

._calendarRange_1laq4_3{width:100%;display:flex;align-content:flex-end}
._calendarRange_1laq4_3 .MuiIconButton-root{margin-right:-12px}
._calendarRange_1laq4_3 svg{font-size:1rem}
._calendarRange_1laq4_3 .MuiInputBase-input{text-align:left;padding:11px}
._calendarRange_1laq4_3.MuiButtonBase-root-MuiChip-root{background-color:#fff}
._calendarRange_1laq4_3.MuiChip-root{color:#0052ce!important}

._container_bhdub_3 .MuiSelect-select{max-height:43px;border-color:#dfdedd;padding:11px 10px}
._icon_bhdub_9{position:absolute!important;right:16px!important;pointer-events:none!important}
.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPopover-paper.MuiMenu-paper.MuiMenu-paper{border-radius:.5rem}
.MuiList-root.MuiList-padding.MuiMenu-list{padding:0}

._content_14jrx_3{display:block}
._container_14jrx_7{display:flex;align-items:center;justify-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
._container_14jrx_7 ._buttonAction_14jrx_15{display:grid;align-items:center;text-align:center;grid-gap:3px;grid-template-columns:repeat(1,40px) repeat(1,40px) auto repeat(2,40px);margin:auto;justify-content:center}
._container_14jrx_7 ._buttonAction_14jrx_15 button{font-weight:100;color:#434a51}
._container_14jrx_7 ._buttonAction_14jrx_15 button svg{color:#2175f4}
._container_14jrx_7 ._buttonAction_14jrx_15 button:disabled svg,._container_14jrx_7 ._buttonAction_14jrx_15 button[disabled] svg{color:#dfdedd}
@media only screen and (max-width: 59.375rem){._container_14jrx_7 ._buttonAction_14jrx_15{display:none}}
@media only screen and (max-width: remConverter(767px)){._container_14jrx_7 ._buttonAction_14jrx_15 :nth-child(1){grid-column:1;grid-row:1}}
@media only screen and (max-width: remConverter(767px)){._container_14jrx_7 ._buttonAction_14jrx_15 :nth-child(2){grid-column:2;grid-row:1}}
@media only screen and (max-width: remConverter(767px)){._container_14jrx_7 ._buttonAction_14jrx_15 :nth-child(3){justify-content:center;grid-column:1;grid-row:2;grid-column-start:1;grid-column-end:6}}
@media only screen and (max-width: remConverter(767px)){._container_14jrx_7 ._buttonAction_14jrx_15 :nth-child(4){grid-column:4;grid-row:1}}
._container_14jrx_7 ._buttonAction_14jrx_15 :nth-child(5){justify-self:flex-end}
@media only screen and (max-width: remConverter(767px)){._container_14jrx_7 ._buttonAction_14jrx_15 :nth-child(5){grid-column:5;grid-row:1}}
._container_14jrx_7 ._buttonAction_14jrx_15 :nth-last-child(2){grid-column:auto}
@media only screen and (max-width: remConverter(767px)){._container_14jrx_7 ._buttonAction_14jrx_15 :nth-last-child(2){grid-column-start:1;grid-column-end:3}}
._container_14jrx_7 ._buttonAction_14jrx_15 :last-child{grid-column:auto}
@media only screen and (max-width: remConverter(767px)){._container_14jrx_7 ._buttonAction_14jrx_15 :last-child{grid-column-start:4;grid-column-end:6}}
._container_14jrx_7 .MuiButton-root{border:1px solid #dfdedd;height:42px;border-radius:0}
._container_14jrx_7 .MuiSelect-select{min-width:0px}
._container_14jrx_7 .MuiInputBase-root{border-radius:0}
._container_14jrx_7 ._customWidth_14jrx_104{margin:0 2px;max-width:40px;min-width:40px;border:none}
._container_14jrx_7 ._active_14jrx_110,._container_14jrx_7 ._active_14jrx_110:hover{background-color:#cde2f8}
._container_14jrx_7 ._buttonNumberContainer_14jrx_116{display:flex;width:calc(100% - 450px)}
._container_14jrx_7 ._firstButtonWidth_14jrx_120{max-width:50px;min-width:50px;border-radius:5px}
._container_14jrx_7 ._lastButtonWidth_14jrx_125{margin-right:10px;max-width:50px;min-width:50px;border-radius:5px}
._pageDetails_14jrx_132{display:flex;column-gap:10px;align-items:center;padding:0 16px 0 0;text-wrap:nowrap}
@media only screen and (max-width: 59.375rem){._pageDetails_14jrx_132{margin:auto}}
._noOfRows_14jrx_145{border-radius:24px!important;height:42px;padding-right:5px}
._disabled_14jrx_151{color:#666!important;cursor:not-allowed;opacity:.6;pointer-events:none}
._pageActionButton_14jrx_158{border-radius:5px 0 0 5px;justify-self:center;color:#4178ff}
._boldPrimaryText_14jrx_164{color:#052a63;font-weight:700}

._container_1y8bg_3.MuiCard-root{display:flex;flex-direction:column;width:inherit;min-width:max-content;height:109px;align-items:flex-start;justify-content:flex-start;border-radius:8px;margin:15px 6px;padding:.5rem .625rem}
._container_1y8bg_3.MuiCard-root ._title_1y8bg_15.MuiTypography-root{font-family:Lato,sans-serif;font-weight:700;font-size:1rem;line-height:normal;letter-spacing:normal;line-height:1.1875rem}
._container_1y8bg_3.MuiCard-root ._label_1y8bg_23.MuiTypography-root{font-size:3rem;line-height:3.125rem}
._container_1y8bg_3.MuiCard-root{box-shadow:none;height:103px}
._container_1y8bg_3.MuiCard-root ._title_1y8bg_15.MuiTypography-root{font-family:Lato,sans-serif;font-weight:700;font-size:1rem;line-height:normal;letter-spacing:normal;line-height:1.1875rem;color:#434a51}
._title_1y8bg_15{align-self:flex-start}
._label_1y8bg_23{align-self:flex-end}
._icon_1y8bg_49{margin-right:8px}

._container_1591a_3.MuiCard-root{display:flex;flex-direction:row;width:inherit;min-width:max-content;height:35px;align-items:flex-start;justify-content:space-between;box-shadow:none;border-radius:8px;margin:2px 6px;padding:.625rem 1.5rem}
._container_1591a_3.MuiCard-root ._title_1591a_16.MuiTypography-root{font-family:Lato,sans-serif;font-weight:700;font-size:1rem;line-height:normal;letter-spacing:normal;line-height:1.625rem}
._container_1591a_3.MuiCard-root ._label_1591a_24.MuiTypography-root{font-size:1rem;line-height:1.625rem}
._title_1591a_16{align-self:center;justify-content:flex-start;padding-right:30px}
._label_1591a_24{align-self:center;justify-content:flex-end}
._icon_1591a_40{margin-right:8px}

._container_14sxo_3.MuiButton-root.Mui-disabled{color:#00000061;background-color:#fff;border:1px solid rgba(0,0,0,.19)}
._container_14sxo_3.MuiButtonBase-root{display:flex;flex-direction:column;width:inherit;min-width:max-content;height:103px;align-items:flex-start;justify-content:flex-start;border-radius:8px;margin:15px 6px;padding:.5rem .625rem}
._container_14sxo_3.MuiButtonBase-root ._title_14sxo_20.MuiTypography-root{font-family:Lato,sans-serif;font-weight:700;font-size:1rem;line-height:normal;letter-spacing:normal;line-height:1.1875rem}
._container_14sxo_3.MuiButtonBase-root ._label_14sxo_28.MuiTypography-root{font-size:3rem;line-height:3.125rem}
._title_14sxo_20{align-self:flex-start}
._label_14sxo_28{align-self:flex-end}
._icon_14sxo_41{margin-right:8px}

._container_10hyz_3.MuiButton-root.Mui-disabled{color:#00000061;background-color:#fff;border:1px solid rgba(0,0,0,.19)}
._container_10hyz_3.MuiButtonBase-root{display:flex;flex-direction:row;width:inherit;min-width:max-content;height:46px;align-items:flex-start;justify-content:space-between;border-radius:8px;margin:2px 6px;padding:.625rem 1.5rem}
._container_10hyz_3.MuiButtonBase-root ._title_10hyz_20.MuiTypography-root{font-family:Lato,sans-serif;font-weight:700;font-size:1rem;line-height:normal;letter-spacing:normal;line-height:1.625rem}
._container_10hyz_3.MuiButtonBase-root ._label_10hyz_28.MuiTypography-root{font-size:1rem;line-height:1.625rem}
._title_10hyz_20{align-self:center;justify-content:flex-start;padding-right:30px}
._label_10hyz_28{align-self:center;justify-content:flex-end}
._icon_10hyz_44{margin-right:8px}

._container_dkt3w_3 header{color:#434a51;background-color:#fff;box-shadow:unset;height:5.5rem;display:flex;justify-content:center}
._container_dkt3w_3 header>div{padding:0;padding-right:.5rem}

._logo_1a6n0_3{display:block;max-height:2.8125rem;height:auto;max-width:14.0625rem;object-fit:contain}

._container_ribkf_3 header{color:#434a51;background-color:#fff;box-shadow:unset;height:5.5rem;display:flex;justify-content:center}
._container_ribkf_3 header>div{padding:0;padding-right:.5rem}
._container_ribkf_3 svg{color:#0052ce;font-size:1.25rem}
._container_ribkf_3 button:hover{background-color:transparent}

._categorySearchContainer_1q3wg_3{display:flex;align-items:center;border:.03125rem solid #dfdedd;height:2.5rem;width:100%}
._categorySearchContainer_1q3wg_3:hover{border:.03125rem solid black}
._categorySearchContainer_1q3wg_3.MuiInputBase-root{width:36%;border:none;font-family:Lato,sans-serif;font-weight:400;font-size:1rem;line-height:1.1875rem;letter-spacing:normal;color:#717171}
._categorySearchContainer_1q3wg_3 ._caretIcon_1q3wg_23{display:inline-block;position:absolute;right:.5rem;pointer-events:none}
._categorySearchContainer_1q3wg_3 .MuiSelect-select{padding:.5rem}
._categorySearchContainer_1q3wg_3 .MuiOutlinedInput-notchedOutline{border:none}
._categorySearchContainer_1q3wg_3.MuiInputBase-root{font-family:Lato,sans-serif;font-weight:400;font-size:1rem;line-height:1.1875rem;letter-spacing:normal}

._categorySearchCalendarContainer_k4fa9_3{display:flex;align-items:center;border:.03125rem solid #dfdedd;height:2.5rem;width:100%}
._categorySearchCalendarContainer_k4fa9_3 .MuiStack-root{padding:0}
._categorySearchCalendarContainer_k4fa9_3 .MuiStack-root{width:100%}
._categorySearchCalendarContainer_k4fa9_3.MuiInputBase-root{font-family:Lato,sans-serif;font-weight:400;font-size:1rem;line-height:1.1875rem;letter-spacing:normal;color:#717171}
._categorySearchCalendarContainer_k4fa9_3 ._caretIcon_k4fa9_24{display:inline-block;position:absolute;right:.5rem;pointer-events:none}
._categorySearchCalendarContainer_k4fa9_3 .MuiSelect-select{padding:.5rem}
._categorySearchCalendarContainer_k4fa9_3 .MuiOutlinedInput-notchedOutline{border:none}
._calendarRange_k4fa9_37 svg{color:#0052ce}
._calendarRange_k4fa9_37 fieldset{border:none;outline:none}
._calendarRange_k4fa9_37 .MuiInputBase-input{padding:0 5px 0 0;text-align:center}

._container_18qoh_3 .MuiDialogTitle-root{padding-top:0;padding-bottom:0}
._title_18qoh_8{font-size:1.5rem;font-weight:400;line-height:3.125rem;color:#002d72}
._header_18qoh_15{display:grid;grid-template-rows:1fr;grid-template-columns:auto auto 1fr auto;grid-template-areas:"a b c d";align-items:center;border-bottom:1px solid #dfdedd}
._backButtonIcon_18qoh_24{color:#0052ce}
._closeButtonIcon_18qoh_28{color:#0052ce;grid-area:d}

._container_wevfw_3{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}
._content_wevfw_11{max-width:700px}
._logo_wevfw_15{max-height:100px}

._container_1x4pn_3{display:flex;justify-content:center;text-align:center;margin-left:20px;margin-right:20px;color:#717171}
._footerText_1x4pn_12{font-size:.875rem}

._container_vb29w_3{width:100%;height:300px;border:.2px solid #dfdedd;display:flex;justify-content:center;align-items:center;border-radius:5px;text-align:left;flex-direction:row;column-gap:2rem}
._container_vb29w_3 img{max-width:200px;width:100%}
@media only screen and (max-width: remConverter(767px)){._container_vb29w_3{flex-direction:column}._container_vb29w_3 img{max-width:150px}}
._messageContainer_vb29w_28{text-align:left;padding:20px;max-width:589px}
._description_vb29w_34.MuiTypography-root{font-size:.875rem}
._primaryText_vb29w_38{color:#002d72}
._primaryText_vb29w_38.MuiTypography-root{font-size:1.5625rem}
@media only screen and (max-width: remConverter(767px)){._primaryText_vb29w_38.MuiTypography-root{font-size:1.125rem}}

._container_1ugv0_3 .MuiInputBase-input{padding:11px}
._iconButton_1ugv0_7{margin-right:-10px}
._iconButton_1ugv0_7 svg{color:#2175f4;font-size:.7em}

._container_1yn2v_3{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}
._logo_1yn2v_11{max-height:100px}

._dropdown_1lh4u_3{display:flex;justify-content:center;align-items:center}
._dropdown_1lh4u_3 .MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPopover-paper.MuiMenu-paper{border-radius:.5rem}
._dropdown_1lh4u_3 .MuiList-root{margin:0;padding:0}
._dropdown_1lh4u_3 .MuiListItemIcon-root{min-width:1.5625rem!important}
._dropdown_1lh4u_3 button{padding-top:0;padding-left:0;padding-right:.625rem;padding-bottom:0}
._dropdown_1lh4u_3 svg{color:#0052ce;font-size:.875rem}
._dropdown_1lh4u_3 ul{padding:.25rem}

._actionButton_dcawq_3{display:flex;justify-content:center}
._actionIcon_dcawq_8{font-size:1.75rem;width:1.75rem;height:1.75rem}

._container_1k6qf_3{background-color:#052a63;color:#fff;border:1px solid #052a63;display:flex;flex-direction:row;border-radius:8px;padding:30px 24px 31px}
._container_1k6qf_3._disabled_1k6qf_12{opacity:.5}
._container_1k6qf_3 ._stat_1k6qf_15{padding:0 16px 0 8px;border-right:1px solid #cccccc}
._container_1k6qf_3 ._stat_1k6qf_15:first-child{padding-left:0}
._container_1k6qf_3 ._stat_1k6qf_15:last-child{padding-right:0;border-right:unset}
._container_1k6qf_3 ._title_1k6qf_26{font-family:Lato,sans-serif;font-weight:400;font-size:.875rem;line-height:1.0625rem;letter-spacing:normal;font-weight:500;align-self:flex-start;justify-content:center;text-wrap:nowrap}
._container_1k6qf_3 ._value_1k6qf_37{font-family:Lato,sans-serif;font-size:1rem;line-height:1.1875rem;letter-spacing:normal;font-weight:400;margin-top:4px;align-self:flex-start;justify-content:center;text-wrap:nowrap}

._pill_19ati_3.MuiChip-root{font-family:Lato,sans-serif;font-weight:400;font-size:1.0625rem;line-height:normal;letter-spacing:normal;background-color:transparent;border-radius:.1875rem;justify-content:flex-start;color:inherit}
._pill_19ati_3.MuiChip-root .MuiChip-icon{margin-left:.5rem;margin-right:0rem}
._indicatorIcon_19ati_19{width:1.125rem;height:1.125rem;border-radius:50%}

._pill_1mzlt_3.MuiChip-root{font-family:Lato,sans-serif;font-weight:400;font-size:1rem;line-height:.875rem;letter-spacing:.06em;color:#434a51;background-color:#f5f6fa;border-radius:5px;justify-content:flex-start;padding:20px 10px;line-height:50px;height:30px}
._pill_1mzlt_3.MuiChip-root .MuiChip-icon{margin:.5rem}
._indicatorIcon_1mzlt_21{width:1rem;height:1rem}
._pillPrimary_1mzlt_26{background-color:#a0c4f8}
._pillWarning_1mzlt_30{background-color:#ffd390}
._pillSuccess_1mzlt_34{background-color:#d8f5d9}
._pillDanger_1mzlt_38{background-color:#ff7676}

._pill_1r1gm_3.MuiChip-root{font-family:Lato,sans-serif;font-weight:400;font-size:_rem(16px);line-height:_rem(14px);letter-spacing:.06em;color:#434a51;border-radius:4px;justify-content:flex-start;height:24px}
._pill_1r1gm_3.MuiChip-root .MuiChip-icon{margin:_rem(8px)}

._cardContainer_1orrr_3{position:relative;font-family:Lato;display:inline-block;width:100%;color:#051d43;padding-right:10px}
._cardsLayout_1orrr_12{display:flex;width:100%}
._card_1orrr_3{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:8px;width:88%;height:88px;background-color:#fff;border-left:16px solid;position:relative;overflow:visible;cursor:pointer}
._selected_1orrr_32{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:8px;width:88%;height:88px;background-color:#fff;box-shadow:0 8px 10px 4px #00000038;border-left:16px solid;position:relative;overflow:visible;cursor:pointer}
._content_1orrr_48{text-align:center}
._label_1orrr_52{display:block;font-weight:500;font-size:20px;margin-bottom:8px;cursor:default;color:#052a63}
._value_1orrr_61{font-weight:400;font-size:48px;cursor:pointer}
._cardWrapper_1orrr_67{display:flex;flex-direction:row;width:100%}
._arrow_1orrr_73{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid;box-shadow:0 20px 19px 3px #403f3f14;border-top-color:#fff}

._profilePicture_lrov8_3{width:32px;height:32px;font-size:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#002d72;color:#fff;overflow:hidden}
._profilePicture_lrov8_3 ._image_lrov8_15{width:100%;height:100%;object-fit:cover;border-radius:50%}
._profilePicture_lrov8_3 ._initials_lrov8_21{text-transform:uppercase;font-family:Lato}

._buttonContainer_7wjpw_3 ._primaryButton_7wjpw_3,._buttonContainer_7wjpw_3 ._menuButton_7wjpw_4{pointer-events:auto;background:#4178ff;color:#fff}
._buttonContainer_7wjpw_3 ._primaryButton_7wjpw_3:hover,._buttonContainer_7wjpw_3 ._menuButton_7wjpw_4:hover{background:#1357ff;color:#fff}
._buttonContainer_7wjpw_3 ._primaryButton_7wjpw_3:disabled,._buttonContainer_7wjpw_3 ._menuButton_7wjpw_4:disabled{color:#fff;background:#a0c4f8}
._buttonContainer_7wjpw_3 ._primaryButton_7wjpw_3{text-transform:none}
._buttonContainer_7wjpw_3 ._primaryButton_7wjpw_3:hover{border-top-right-radius:0rem;border-bottom-right-radius:0rem}
._buttonContainer_7wjpw_3 ._menuButton_7wjpw_4{border-left:.0625rem solid #ffffff}
._buttonContainer_7wjpw_3 ._menuButton_7wjpw_4:hover{border-top-left-radius:0rem;border-bottom-left-radius:0rem}

._container_14a3b_3{display:flex;flex-direction:row;align-items:center}
._container_14a3b_3 ._title_14a3b_8.MuiTypography-root{font-family:Lato,sans-serif;font-weight:400;font-size:1.5rem;line-height:normal;letter-spacing:normal;color:#051d43;margin-left:6px;padding-bottom:2px}
@media only screen and (min-width: remConverter(1200px)){._container_14a3b_3 ._title_14a3b_8.MuiTypography-root{font-family:Lato,sans-serif;font-weight:400;font-size:2rem;line-height:normal;letter-spacing:normal}}
@media only screen and (min-width: remConverter(768px)){._container_14a3b_3 ._title_14a3b_8.MuiTypography-root{font-family:Lato,sans-serif;font-weight:400;font-size:2rem;line-height:normal;letter-spacing:normal}}
._container_14a3b_3 ._icon_14a3b_36{font-size:24px}
@media only screen and (min-width: remConverter(1200px)){._container_14a3b_3 ._icon_14a3b_36{font-size:32px}}
@media only screen and (min-width: remConverter(768px)){._container_14a3b_3 ._icon_14a3b_36{font-size:32px}}

._container_r08wo_3 header{color:#434a51;background-color:#fff;box-shadow:unset;height:5.5rem;display:flex;justify-content:center}
._container_r08wo_3 header>div{padding:0;padding-right:.5rem}
._container_r08wo_3 svg{color:#4178ff;font-size:1.25rem}
._container_r08wo_3 button:hover{background-color:transparent}
._desktopNavItems_r08wo_23 button:hover{box-shadow:none!important}
._desktopNavItems_r08wo_23 button{border-right:1px solid #ccc;border-radius:0!important;padding:0 20px;height:2rem}
._desktopNavItems_r08wo_23 button:last-child{border:none}

._loggedInAs_a13ci_3{font-family:Lato,sans-serif;font-weight:400;font-size:12px;line-height:normal;letter-spacing:.72px;color:#002d72;padding-top:6px}
._businessUnit_a13ci_13{font-family:Lato,sans-serif;font-weight:400;font-size:16px;line-height:36px;letter-spacing:-.16px;color:#002d72;display:flex;align-items:center;justify-content:start}
._iconContainer_a13ci_25{padding:12px 9px 0 0}

._userNameButton_61g1m_3{text-transform:capitalize;color:#4178ff}
._userIconButton_61g1m_8 svg{padding:0 3px}

._container_bnmuw_3 svg{height:120px}
@media only screen and (max-width: remConverter(767px)){._container_bnmuw_3 svg{height:80px}}
._drop_bnmuw_12{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;border-radius:5px;text-align:center}
._dropzone_bnmuw_23{border:1px dashed #2175f4;color:#0052ce}
._invalidDropzone_bnmuw_28{border:2px dashed;color:#f44}
._dropzoneText_bnmuw_33{color:#000;font-size:1.25rem;padding:10px}
@media only screen and (max-width: remConverter(767px)){._dropzoneText_bnmuw_33{font-size:1rem}}
._columnDropDown_bnmuw_44{margin:8px 0;width:100%}

._notesfield_1dsmr_3{height:100%}
._notesfield_1dsmr_3 .MuiInputBase-root{flex-grow:1;flex-direction:column}
._notesfield_1dsmr_3 .MuiInputBase-root .MuiInputBase-input{height:100%!important}
._notesfield_1dsmr_3 ._characterCount_1dsmr_13{align-self:flex-end}

._container_di1mw_3{width:450px;margin-top:20px}
._content_di1mw_8{padding-bottom:10px}
.MuiButtonGroup-firstButton{border-top-left-radius:20px}

._tabs-full_bwv6h_3{min-height:"unset"}
._tabs-full_bwv6h_3 .MuiTabs-list{gap:.25rem;height:100%;position:relative;z-index:2}
._tabs-full_bwv6h_3 .MuiTabs-indicator{background:var(--Integrity-royal-light-2, #dfeafb);border-radius:.25rem;height:100%;z-index:1}
._tabs-full_bwv6h_3 ._tab_bwv6h_3{min-height:unset;color:var(--color-text-secondary-dark, #717171);position:relative}
._tabs-full_bwv6h_3 ._tab_bwv6h_3:hover{color:#1976d2}
._tabs-full_bwv6h_3 ._tab_bwv6h_3 .MuiTouchRipple-root{display:none}

._tabContainer_loyn7_3 .MuiTabs-flexContainer{height:54px}
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: hsl(6, 78%, 57%);
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);

  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);

  --toastify-container-width: fit-content;
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-padding: 14px;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;

  /* Used only for colored theme */
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;

  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  /* used to control the opacity of the progress trail */
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  width: var(--toastify-container-width);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
}

.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
  align-items: end;
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
  align-items: end;
}

.Toastify__toast {
  --y: 0px;
  position: relative;
  touch-action: none;
  width: var(--toastify-toast-width);
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: var(--toastify-toast-padding);
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: var(--toastify-toast-shadow);
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  /* webkit only issue #791 */
  z-index: 0;
  /* inner swag */
  display: flex;
  flex: 1 auto;
  align-items: center;
  word-break: break-word;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
  .Toastify__toast {
    --toastify-toast-width: 100%;
    margin-bottom: 0;
    border-radius: 0;
  }
}

.Toastify__toast-container[data-stacked='true'] {
  width: var(--toastify-toast-width);
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container[data-stacked='true'] {
    width: 100vw;
  }
}

.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}

.Toastify__toast--stacked[data-collapsed='false'] {
  overflow: visible;
}

.Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > * {
  opacity: 0;
}

.Toastify__toast--stacked:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}

.Toastify__toast--stacked[data-pos='top'] {
  top: 0;
}

.Toastify__toast--stacked[data-pos='bot'] {
  bottom: 0;
}

.Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before {
  transform-origin: top;
}

.Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before {
  transform-origin: bottom;
}

.Toastify__toast--stacked:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 22px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  position: absolute;
  top: 6px;
  right: 6px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  z-index: 1;
}

.Toastify__toast--rtl .Toastify__close-button {
  left: 6px;
  right: unset;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.7;
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
}

.Toastify__progress-bar--wrp {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--wrp[data-hidden='true'] {
  opacity: 0;
}

.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
  Usage -> two types can be used below classes.
  //primary-font utility class created below and used on examples.
  1. By adding classnames directly to your HTML elements
     Ex: <p className="primary-font">Paragraph style 1</p>
  2. You can define your utility class names using placeholders and by using `@extend`
     Ex: <p className="test-paragraph">Paragraph style 2</p>
     style:
     .test-paragraph{
        @extend .primary-font;
     }
*/
.primary-font {
  color: #434a51;
}

.secondary-font {
  color: #000000;
}

.tertiary-font {
  color: #717171 !important;
}

.header-font {
  color: #002d72;
}

.white-font {
  color: #ffffff !important;
}

.error-500-font {
  color: #ff4444 !important;
}

.error-main-font {
  color: #c81e27;
}

.primary-font-inactive {
  color: #aaaaaa;
}

.primary-action-font {
  color: #0052ce !important;
}

.primary-action-disabled-font {
  color: #a0c4f8;
}

.note-warning-font {
  color: #e28a05;
}

.primary-action-onhover {
  color: #2175f4;
}

.header-nav-font {
  color: #051d43;
}

.gradient-afternoon {
  color: #4178ff;
}

.disabled-text {
  color: rgba(0, 0, 0, 0.38) !important;
}

.bg-transparent {
  background-color: transparent;
}

.bg-primary-action {
  background-color: #0052ce !important;
}

.bg-primary-action-disabled {
  background-color: #a0c4f8;
}

.bg-error {
  background-color: #ff4444;
}

.bg-white {
  background-color: #ffffff;
}

.background-white {
  background-color: #ffffff;
}

.bg-background-default {
  background-color: #f1f1f1;
}

.background-warning {
  background-color: #fcf2e8 !important;
}

.background-integrity-royal-light-1 {
  background-color: #f1faff;
}

.background-integrity-royal-light-2 {
  background-color: #dfeafb;
}

.background-integrity-gray-light-1 {
  background-color: #f1f1f1;
}

.color-title {
  color: #7f7f8a;
}

.color-primary-main {
  color: #4178ff;
}

.title-blue-font {
  color: #052a63 !important;
}

.integrity-navy-font {
  color: #052a63;
}

.gradient-afternoon-font {
  color: #4178ff;
}

.warning-font {
  color: #f56600;
}

.fs-h1 {
  font-size: 48px;
}

.fs-h2, #certification-modal .ilc-modal-header {
  font-size: 32px;
}

.fs-h3 {
  font-size: 24px;
}

.fs-h4 {
  font-size: 18px !important;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-20, .popup-content {
  font-size: 20px;
}

.fs-16 {
  font-size: 16px;
}

.fs-24 {
  font-size: 24px;
}

.fs-32 {
  font-size: 32px;
}

.fs-18 {
  font-size: 18px;
}

.fs-h5,
.fs-14 {
  font-size: 14px;
}

.fs-p,
.fs-16 {
  font-size: 16px;
}

.fs-12 {
  font-size: 12px;
}

.fs-9 {
  font-size: 9px;
}

.ff-lato {
  font-family: "Lato", sans-serif;
}

.d-flex {
  display: flex;
}

.d-grid {
  display: grid;
}

.flex-center, .revoke-coupon-modal, .popup-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-center-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.flex-column-align-start {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.align-center {
  display: flex;
  align-items: center;
}

.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.justify-between {
  display: flex;
  justify-content: space-between;
}

.justify-around {
  display: flex;
  justify-content: space-around;
}

.flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flex-between-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flex-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.flex-align-start {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.flex-column-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.flex-column-start, .certification-modal {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.rounded-sm {
  border-radius: 3px;
}

.rounded-md {
  border-radius: 4px !important;
}

.rounded-lg {
  border-radius: 8px !important;
}

.rounded-xl {
  border-radius: 25px !important;
}

.card-border {
  border: 1px solid #dfdedd;
}

.border-top {
  border-top: 1px solid #dfdedd;
}

.border-left {
  border-left: 1px solid #dfdedd;
}

.border-bottom {
  border-bottom: 1px solid #dfdedd;
}

.border-light-gray {
  border: 1px solid #dddddd;
}

.border-none {
  border: none;
}

.border-error {
  border-color: #ff4444;
}

.line-height-0 {
  line-height: 0;
}

.shadow-on {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.py-10px {
  padding-top: 10px;
  padding-bottom: 10px;
}

.px-8px {
  padding-left: 8px;
  padding-right: 8px;
}

.min-h-0 {
  min-height: 0 !important;
}

.w-20px {
  width: 20px !important;
}

.w-100px {
  width: 100px !important;
}

.w-150px {
  width: 175px !important;
}

.width-100 {
  width: 100% !important;
}

.w-80 {
  width: 80% !important;
}

.w-60 {
  width: 60% !important;
}

.w-25-100 {
  width: 25% !important;
}
@media (max-width: 768px) {
  .w-25-100 {
    width: 100% !important;
  }
}

.w-h-40 {
  width: 40px;
  height: 40px;
}

.height-48 {
  height: 48px;
}

.min-height-48 {
  min-height: 48px;
}

.height-17 {
  height: 17px;
}

.width-max-content {
  width: max-content;
}

.background-none {
  background: none;
}

.popup-content {
  display: grid;
}

.position-relative {
  position: relative;
}

.padding-sm {
  padding: 4px;
}

.padding-md {
  padding: 8px;
}

.padding-lg {
  padding: 12px;
}

.padding-xl {
  padding: 16px;
}

.padding-24 {
  padding: 24px;
}

.margin-bottom-4 {
  margin-bottom: 4px;
}

.margin-bottom-8 {
  margin-bottom: 8px;
}

.margin-bottom-24 {
  margin-bottom: 24px;
}

.margin-right-4 {
  margin-right: 4px;
}

.margin-top-8 {
  margin-top: 8px;
}

.margin-left-8 {
  margin-left: 8px;
}

.margin-top-16 {
  margin-top: 16px;
}

.margin-4 {
  margin: 4px;
}

.margin-24 {
  margin: 24px;
}

.margin-left-24 {
  margin-left: 24px;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left--0-25 {
  margin-left: -0.25rem;
}

.padding-72 {
  padding: 72px;
}

.padding-l-0 {
  padding-left: 0;
}

.padding-l-8 {
  padding-left: 8px;
}

.padding-0 {
  padding: 0;
}

.spin-5s {
  animation: spin 5s linear infinite;
}

.btn-height {
  height: 32px;
}

.input-height {
  height: 40px;
}

.width-250px {
  width: 250px;
}

.w-50-100 {
  width: 50% !important;
}
@media (max-width: 992px) {
  .w-50-100 {
    width: 100% !important;
  }
}

.card-on-hover:hover {
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.23);
}

.right-2p {
  right: 2% !important;
}

.input-outline-enabledBorder {
  border: 1px solid rgba(0, 0, 0, 0.25);
}

.margin-top-24 {
  margin-top: 24px;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.textarea-limited {
  resize: none;
}

.warning-icon-color {
  color: #f56600;
}

.text-center {
  text-align: center !important;
}

.justify-items-end {
  justify-items: end;
}

.divider {
  border-bottom: 1px solid #cccccc;
}

.gap-4 {
  gap: 4px;
}

.gap-16 {
  gap: 16px;
}

.gap-24 {
  gap: 24px;
}

.no-text-decoration {
  color: inherit;
  text-decoration: none !important;
}
.no-text-decoration:hover {
  color: inherit;
  text-decoration: none !important;
}
.no-text-decoration:focus {
  color: inherit;
  text-decoration: none !important;
}

.overflow-auto {
  overflow: auto;
}

.padding-x-4 {
  padding-left: 4px;
  padding-right: 4px;
}

.padding-y-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.padding-x-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.padding-y-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.padding-x-12 {
  padding-left: 12px;
  padding-right: 12px;
}

.padding-y-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.padding-x-16 {
  padding-left: 16px;
  padding-right: 16px;
}

.padding-y-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.padding-x-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.padding-y-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.padding-x-32 {
  padding-left: 32px;
  padding-right: 32px;
}

.padding-y-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.padding-x-48 {
  padding-left: 48px;
  padding-right: 48px;
}

.padding-y-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.padding-x-72 {
  padding-left: 72px;
  padding-right: 72px;
}

.padding-y-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.ilc-modal-content {
  width: 644px;
  min-height: 300px;
  max-height: fit-content;
}
@media (max-width: 768px) {
  .ilc-modal-content {
    width: 100%;
  }
}

#agent-welcome-modal .ilc-modal-content {
  display: flex;
  flex-direction: column;
  max-height: 90vh;
}
#agent-welcome-modal .ilc-modal-content > .d-flex:first-child {
  flex-shrink: 0;
}
#agent-welcome-modal .ilc-modal-body {
  overflow-y: auto;
  flex: 1 1 auto;
}

@media (max-width: 601px) {
  .welcome-modal-dialog {
    align-items: flex-start !important;
    min-height: auto !important;
    margin-top: 130px !important;
  }
  #agent-welcome-modal .ilc-modal-content {
    max-height: calc(100vh - 140px);
  }
}
.ilc-modal-header {
  min-height: 58px;
  font-size: 24px;
  font-weight: 400;
  align-items: left;
  justify-content: left;
  margin-bottom: 0;
  text-align: left;
  color: #002d72;
  padding: 14px;
}
.ilc-modal-header span {
  display: block;
  font-size: 0.8rem;
  margin-top: 0.5rem;
  color: #ff4444;
}

.ilc-modal-close-icon > span > svg {
  font-size: 24px;
}

.ilc-modal-break {
  border-top: 0.5px solid #dfdedd;
}

.ilc-modal-body {
  text-align: center;
  color: #434a51;
  padding: 12px 20px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.ilc-modal-body h4 {
  width: 100%;
}

.ilc-modal-container {
  top: 30%;
  color: #595959;
}

.ilc-modal-footer {
  justify-content: center;
  margin: 0 20px 30px;
}

.ilc-modal-footer > div {
  flex-grow: 1;
  width: 40%;
}

.ilc-modal-footer > button {
  width: fit-content;
  height: 38px;
}

.ilc-modal-button-cancel {
  margin-right: 10px;
}

.modal-button {
  width: fit-content;
}

@media screen and (max-width: 560px) {
  .ilc-modal-footer > div {
    width: 51% !important;
    margin: 1rem auto !important;
    padding: 0 1rem;
  }
  .ilc-modal-cancel,
  .ilc-modal-continue {
    padding: 0;
  }
}
.delete-button {
  background-color: #ff4444 !important;
  color: #ffffff;
}

.linked-to-campaign-cash {
  background: #ffd390 !important;
  color: #434a51;
}

.last-card {
  background: #ff4444 !important;
  color: #fff;
}

.change-upline-modal {
  display: flex;
  flex-direction: column;
}

.pos-abs-search {
  position: absolute;
  top: 12px;
  right: 15px;
  color: #0052ce;
}

.certification-modal {
  background-color: #f1f1f1;
}.overlayLoader {
  position: absolute;
  left: 0%;
  top: 0%;
  height: 100vh;
  width: 100vw;
  background: rgba(0, 0, 0, 0.6509803922);
  z-index: 1;
}

.loaderContianer {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  z-index: 20000;
}

.loaderContent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.loader {
  border: 10px solid #B88C00;
  border-radius: 50%;
  border-top: 10px solid #002060;
  width: 70px;
  height: 70px;
  position: relative;
  /* left: calc(50% - 15px);*/
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
  margin: 0 auto;
  margin-bottom: 20px;
}

.loaderInfo {
  font-weight: 600;
  color: #f3f3f3;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}.modal-contact-support .modal-dialog {
  max-width: 500px;
  top: 25%;
}
.modal-contact-support .modal-header {
  border-color: transparent;
  padding: 24px;
  font-size: 32px;
  color: #052a63;
  border-bottom: 1px solid #cccccc;
}
.modal-contact-support .modal-body {
  padding: 24px;
  background-color: #f1f1f1;
}
.modal-contact-support .support-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.modal-contact-support .body-content-container {
  background-color: white;
  border-radius: 8px;
  margin-top: 8px;
}
.modal-contact-support .support-item {
  display: flex;
  padding: 16px;
  gap: 16px;
  border-bottom: 1px solid #cccccc;
}
.modal-contact-support .support-item:last-child {
  border-bottom: none;
}
.modal-contact-support .support-item a:hover,
.modal-contact-support .support-item a:focus {
  color: inherit;
}
.modal-contact-support .support-item button {
  background: none;
  border: none;
  box-shadow: none;
  outline: none;
  padding: 0;
}
.modal-contact-support .support-item button:hover {
  background: none;
  border: none;
  text-decoration: underline;
}
.modal-contact-support .support-item-icon-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4px;
  border-radius: 20px;
  background: #f1faff;
  height: 32px;
  width: 32px;
}
@media screen and (max-width: 767px) {
  .modal-contact-support .modal-header {
    padding: 1rem 1rem 0.5rem 0;
  }
  .modal-contact-support .modal-body {
    padding: 0 2rem 2rem;
  }
  .modal-contact-support .support-sec {
    margin-top: 1.5rem;
  }
  .modal-contact-support .support-sec span:first-child {
    font-size: 1rem;
  }
  .modal-contact-support .support-title {
    font-size: 1.125rem;
  }
}


/*
  Usage -> two types can be used below classes.
  //primary-font utility class created below and used on examples.
  1. By adding classnames directly to your HTML elements
     Ex: <p className="primary-font">Paragraph style 1</p>
  2. You can define your utility class names using placeholders and by using `@extend`
     Ex: <p className="test-paragraph">Paragraph style 2</p>
     style:
     .test-paragraph{
        @extend .primary-font;
     }
*/
.primary-font, .multistep-form__desktop {
  color: #434a51;
}
.secondary-font {
  color: #000000;
}
.tertiary-font {
  color: #717171 !important;
}
.header-font {
  color: #002d72;
}
.white-font {
  color: #ffffff !important;
}
.error-500-font {
  color: #ff4444 !important;
}
.error-main-font {
  color: #c81e27;
}
.primary-font-inactive {
  color: #aaaaaa;
}
.primary-action-font {
  color: #0052ce !important;
}
.primary-action-disabled-font {
  color: #a0c4f8;
}
.note-warning-font {
  color: #e28a05;
}
.primary-action-onhover {
  color: #2175f4;
}
.header-nav-font {
  color: #051d43;
}
.gradient-afternoon {
  color: #4178ff;
}
.disabled-text {
  color: rgba(0, 0, 0, 0.38) !important;
}
.bg-transparent {
  background-color: transparent;
}
.bg-primary-action {
  background-color: #0052ce !important;
}
.bg-primary-action-disabled {
  background-color: #a0c4f8;
}
.bg-error {
  background-color: #ff4444;
}
.bg-white {
  background-color: #ffffff;
}
.background-white {
  background-color: #ffffff;
}
.bg-background-default {
  background-color: #f1f1f1;
}
.background-warning {
  background-color: #fcf2e8 !important;
}
.background-integrity-royal-light-1 {
  background-color: #f1faff;
}
.background-integrity-royal-light-2 {
  background-color: #dfeafb;
}
.background-integrity-gray-light-1 {
  background-color: #f1f1f1;
}
.color-title {
  color: #7f7f8a;
}
.color-primary-main {
  color: #4178ff;
}
.title-blue-font {
  color: #052a63 !important;
}
.integrity-navy-font {
  color: #052a63;
}
.gradient-afternoon-font {
  color: #4178ff;
}
.warning-font {
  color: #f56600;
}
.fs-h1 {
  font-size: 48px;
}
.fs-h2 {
  font-size: 32px;
}
.fs-h3 {
  font-size: 24px;
}
.fs-h4 {
  font-size: 18px !important;
}
.fw-200 {
  font-weight: 200;
}
.fw-300 {
  font-weight: 300;
}
.fw-400 {
  font-weight: 400 !important;
}
.fw-500 {
  font-weight: 500 !important;
}
.fw-600 {
  font-weight: 600 !important;
}
.fw-700 {
  font-weight: 700 !important;
}
.fs-28 {
  font-size: 28px !important;
}
.fs-20, .popup-content {
  font-size: 20px;
}
.fs-16 {
  font-size: 16px;
}
.fs-24 {
  font-size: 24px;
}
.fs-32 {
  font-size: 32px;
}
.fs-18 {
  font-size: 18px;
}
.fs-h5,
.fs-14 {
  font-size: 14px;
}
.fs-p,
.fs-16 {
  font-size: 16px;
}
.fs-12 {
  font-size: 12px;
}
.fs-9 {
  font-size: 9px;
}
.ff-lato {
  font-family: "Lato", sans-serif;
}
.d-flex {
  display: flex;
}
.d-grid {
  display: grid;
}
.flex-center, .refer-agent-icon, .iconProgressBar__dot, .multistep-form__desktop__steps__step .circle, .popup-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-center-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.flex-column-align-start {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.align-center, .communication-banner__banner, .communication-banners__banner {
  display: flex;
  align-items: center;
}
.flex-between, .communication-banner__banner__content, .communication-banners__banner__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.flex-between-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.flex-start, .refer-agent, #agent-referral-modal .ilc-modal-content > div:first-child .ilc-modal-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.flex-align-start {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.flex-column-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.flex-column-start, .refer-agent-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.rounded-sm {
  border-radius: 3px;
}
.rounded-md {
  border-radius: 4px !important;
}
.rounded-lg {
  border-radius: 8px !important;
}
.rounded-xl {
  border-radius: 25px !important;
}
.card-border {
  border: 1px solid #dfdedd;
}
.border-top {
  border-top: 1px solid #dfdedd;
}
.border-left {
  border-left: 1px solid #dfdedd;
}
.border-bottom {
  border-bottom: 1px solid #dfdedd;
}
.border-light-gray {
  border: 1px solid #dddddd;
}
.border-none {
  border: none;
}
.border-error {
  border-color: #ff4444;
}
.line-height-0 {
  line-height: 0;
}
.shadow-on {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.py-10px {
  padding-top: 10px;
  padding-bottom: 10px;
}
.px-8px {
  padding-left: 8px;
  padding-right: 8px;
}
.min-h-0 {
  min-height: 0 !important;
}
.w-20px {
  width: 20px !important;
}
.w-100px {
  width: 100px !important;
}
.w-150px {
  width: 175px !important;
}
.width-100 {
  width: 100% !important;
}
.w-80 {
  width: 80% !important;
}
.w-60 {
  width: 60% !important;
}
.w-25-100 {
  width: 25% !important;
}
@media (max-width: 768px) {
  .w-25-100 {
    width: 100% !important;
  }
}
.w-h-40 {
  width: 40px;
  height: 40px;
}
.height-48 {
  height: 48px;
}
.min-height-48 {
  min-height: 48px;
}
.height-17 {
  height: 17px;
}
.width-max-content {
  width: max-content;
}
.background-none {
  background: none;
}
.popup-content {
  display: grid;
}
.position-relative {
  position: relative;
}
.padding-sm {
  padding: 4px;
}
.padding-md {
  padding: 8px;
}
.padding-lg {
  padding: 12px;
}
.padding-xl {
  padding: 16px;
}
.padding-24 {
  padding: 24px;
}
.margin-bottom-4 {
  margin-bottom: 4px;
}
.margin-bottom-8 {
  margin-bottom: 8px;
}
.margin-bottom-24 {
  margin-bottom: 24px;
}
.margin-right-4 {
  margin-right: 4px;
}
.margin-top-8 {
  margin-top: 8px;
}
.margin-left-8 {
  margin-left: 8px;
}
.margin-top-16 {
  margin-top: 16px;
}
.margin-4 {
  margin: 4px;
}
.margin-24 {
  margin: 24px;
}
.margin-left-24 {
  margin-left: 24px;
}
.margin-left-auto {
  margin-left: auto !important;
}
.margin-left--0-25 {
  margin-left: -0.25rem;
}
.padding-72 {
  padding: 72px;
}
.padding-l-0 {
  padding-left: 0;
}
.padding-l-8 {
  padding-left: 8px;
}
.padding-0 {
  padding: 0;
}
.spin-5s {
  animation: spin 5s linear infinite;
}
.btn-height {
  height: 32px;
}
.input-height {
  height: 40px;
}
.width-250px {
  width: 250px;
}
.w-50-100 {
  width: 50% !important;
}
@media (max-width: 992px) {
  .w-50-100 {
    width: 100% !important;
  }
}
.card-on-hover:hover {
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.23);
}
.right-2p {
  right: 2% !important;
}
.input-outline-enabledBorder {
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.margin-top-24 {
  margin-top: 24px;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.textarea-limited {
  resize: none;
}
.warning-icon-color {
  color: #f56600;
}
.text-center {
  text-align: center !important;
}
.justify-items-end {
  justify-items: end;
}
.divider {
  border-bottom: 1px solid #cccccc;
}
.gap-4 {
  gap: 4px;
}
.gap-16 {
  gap: 16px;
}
.gap-24 {
  gap: 24px;
}
.no-text-decoration {
  color: inherit;
  text-decoration: none !important;
}
.no-text-decoration:hover {
  color: inherit;
  text-decoration: none !important;
}
.no-text-decoration:focus {
  color: inherit;
  text-decoration: none !important;
}
.overflow-auto {
  overflow: auto;
}
.padding-x-4 {
  padding-left: 4px;
  padding-right: 4px;
}
.padding-y-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.padding-x-8 {
  padding-left: 8px;
  padding-right: 8px;
}
.padding-y-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.padding-x-12 {
  padding-left: 12px;
  padding-right: 12px;
}
.padding-y-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.padding-x-16 {
  padding-left: 16px;
  padding-right: 16px;
}
.padding-y-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.padding-x-24 {
  padding-left: 24px;
  padding-right: 24px;
}
.padding-y-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.padding-x-32 {
  padding-left: 32px;
  padding-right: 32px;
}
.padding-y-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.padding-x-48 {
  padding-left: 48px;
  padding-right: 48px;
}
.padding-y-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.padding-x-72 {
  padding-left: 72px;
  padding-right: 72px;
}
.padding-y-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}
.top-0px {
  top: 0px !important;
}
.top-1px {
  top: 1px !important;
}
.top-2px {
  top: 2px !important;
}
.top-3px {
  top: 3px !important;
}
.top-4px {
  top: 4px !important;
}
.top-5px {
  top: 5px !important;
}
.top-6px {
  top: 6px !important;
}
.top-7px {
  top: 7px !important;
}
.top-8px {
  top: 8px !important;
}
.top-9px {
  top: 9px !important;
}
.top-10px {
  top: 10px !important;
}
.top-11px {
  top: 11px !important;
}
.top-12px {
  top: 12px !important;
}
.top-13px {
  top: 13px !important;
}
.top-14px {
  top: 14px !important;
}
.top-15px {
  top: 15px !important;
}
.top-16px {
  top: 16px !important;
}
.top-17px {
  top: 17px !important;
}
.top-18px {
  top: 18px !important;
}
.top-19px {
  top: 19px !important;
}
.top-20px {
  top: 20px !important;
}
.top-21px {
  top: 21px !important;
}
.top-22px {
  top: 22px !important;
}
.top-23px {
  top: 23px !important;
}
.top-24px {
  top: 24px !important;
}
.top-25px {
  top: 25px !important;
}
.top-26px {
  top: 26px !important;
}
.top-27px {
  top: 27px !important;
}
.top-28px {
  top: 28px !important;
}
.top-29px {
  top: 29px !important;
}
.top-30px {
  top: 30px !important;
}
.top-31px {
  top: 31px !important;
}
.top-32px {
  top: 32px !important;
}
.top-33px {
  top: 33px !important;
}
.top-34px {
  top: 34px !important;
}
.top-35px {
  top: 35px !important;
}
.top-36px {
  top: 36px !important;
}
.top-37px {
  top: 37px !important;
}
.top-38px {
  top: 38px !important;
}
.top-39px {
  top: 39px !important;
}
.top-40px {
  top: 40px !important;
}
.top-41px {
  top: 41px !important;
}
.top-42px {
  top: 42px !important;
}
.top-43px {
  top: 43px !important;
}
.top-44px {
  top: 44px !important;
}
.top-45px {
  top: 45px !important;
}
.top-46px {
  top: 46px !important;
}
.top-47px {
  top: 47px !important;
}
.top-48px {
  top: 48px !important;
}
.top-49px {
  top: 49px !important;
}
.top-50px {
  top: 50px !important;
}
.top-51px {
  top: 51px !important;
}
.top-52px {
  top: 52px !important;
}
.top-53px {
  top: 53px !important;
}
.top-54px {
  top: 54px !important;
}
.top-55px {
  top: 55px !important;
}
.top-56px {
  top: 56px !important;
}
.top-57px {
  top: 57px !important;
}
.top-58px {
  top: 58px !important;
}
.top-59px {
  top: 59px !important;
}
.top-60px {
  top: 60px !important;
}
.top-61px {
  top: 61px !important;
}
.top-62px {
  top: 62px !important;
}
.top-63px {
  top: 63px !important;
}
.top-64px {
  top: 64px !important;
}
.top-65px {
  top: 65px !important;
}
.top-66px {
  top: 66px !important;
}
.top-67px {
  top: 67px !important;
}
.top-68px {
  top: 68px !important;
}
.top-69px {
  top: 69px !important;
}
.top-70px {
  top: 70px !important;
}
.top-71px {
  top: 71px !important;
}
.top-72px {
  top: 72px !important;
}
.top-73px {
  top: 73px !important;
}
.top-74px {
  top: 74px !important;
}
.top-75px {
  top: 75px !important;
}
.top-76px {
  top: 76px !important;
}
.top-77px {
  top: 77px !important;
}
.top-78px {
  top: 78px !important;
}
.top-79px {
  top: 79px !important;
}
.top-80px {
  top: 80px !important;
}
.top-81px {
  top: 81px !important;
}
.top-82px {
  top: 82px !important;
}
.top-83px {
  top: 83px !important;
}
.top-84px {
  top: 84px !important;
}
.top-85px {
  top: 85px !important;
}
.top-86px {
  top: 86px !important;
}
.top-87px {
  top: 87px !important;
}
.top-88px {
  top: 88px !important;
}
.top-89px {
  top: 89px !important;
}
.top-90px {
  top: 90px !important;
}
.top-91px {
  top: 91px !important;
}
.top-92px {
  top: 92px !important;
}
.top-93px {
  top: 93px !important;
}
.top-94px {
  top: 94px !important;
}
.top-95px {
  top: 95px !important;
}
.top-96px {
  top: 96px !important;
}
.top-97px {
  top: 97px !important;
}
.top-98px {
  top: 98px !important;
}
.top-99px {
  top: 99px !important;
}
.top-100px {
  top: 100px !important;
}
.top-101px {
  top: 101px !important;
}
.top-102px {
  top: 102px !important;
}
.top-103px {
  top: 103px !important;
}
.top-104px {
  top: 104px !important;
}
.top-105px {
  top: 105px !important;
}
.top-106px {
  top: 106px !important;
}
.top-107px {
  top: 107px !important;
}
.top-108px {
  top: 108px !important;
}
.top-109px {
  top: 109px !important;
}
.top-110px {
  top: 110px !important;
}
.top-111px {
  top: 111px !important;
}
.top-112px {
  top: 112px !important;
}
.top-113px {
  top: 113px !important;
}
.top-114px {
  top: 114px !important;
}
.top-115px {
  top: 115px !important;
}
.top-116px {
  top: 116px !important;
}
.top-117px {
  top: 117px !important;
}
.top-118px {
  top: 118px !important;
}
.top-119px {
  top: 119px !important;
}
.top-120px {
  top: 120px !important;
}
.top-121px {
  top: 121px !important;
}
.top-122px {
  top: 122px !important;
}
.top-123px {
  top: 123px !important;
}
.top-124px {
  top: 124px !important;
}
.top-125px {
  top: 125px !important;
}
.top-126px {
  top: 126px !important;
}
.top-127px {
  top: 127px !important;
}
.top-128px {
  top: 128px !important;
}
.top-129px {
  top: 129px !important;
}
.top-130px {
  top: 130px !important;
}
.top-131px {
  top: 131px !important;
}
.top-132px {
  top: 132px !important;
}
.top-133px {
  top: 133px !important;
}
.top-134px {
  top: 134px !important;
}
.top-135px {
  top: 135px !important;
}
.top-136px {
  top: 136px !important;
}
.top-137px {
  top: 137px !important;
}
.top-138px {
  top: 138px !important;
}
.top-139px {
  top: 139px !important;
}
.top-140px {
  top: 140px !important;
}
.top-141px {
  top: 141px !important;
}
.top-142px {
  top: 142px !important;
}
.top-143px {
  top: 143px !important;
}
.top-144px {
  top: 144px !important;
}
.top-145px {
  top: 145px !important;
}
.top-146px {
  top: 146px !important;
}
.top-147px {
  top: 147px !important;
}
.top-148px {
  top: 148px !important;
}
.top-149px {
  top: 149px !important;
}
.top-150px {
  top: 150px !important;
}
.top-151px {
  top: 151px !important;
}
.top-152px {
  top: 152px !important;
}
.top-153px {
  top: 153px !important;
}
.top-154px {
  top: 154px !important;
}
.top-155px {
  top: 155px !important;
}
.top-156px {
  top: 156px !important;
}
.top-157px {
  top: 157px !important;
}
.top-158px {
  top: 158px !important;
}
.top-159px {
  top: 159px !important;
}
.top-160px {
  top: 160px !important;
}
.top-161px {
  top: 161px !important;
}
.top-162px {
  top: 162px !important;
}
.top-163px {
  top: 163px !important;
}
.top-164px {
  top: 164px !important;
}
.top-165px {
  top: 165px !important;
}
.top-166px {
  top: 166px !important;
}
.top-167px {
  top: 167px !important;
}
.top-168px {
  top: 168px !important;
}
.top-169px {
  top: 169px !important;
}
.top-170px {
  top: 170px !important;
}
.top-171px {
  top: 171px !important;
}
.top-172px {
  top: 172px !important;
}
.top-173px {
  top: 173px !important;
}
.top-174px {
  top: 174px !important;
}
.top-175px {
  top: 175px !important;
}
.top-176px {
  top: 176px !important;
}
.top-177px {
  top: 177px !important;
}
.top-178px {
  top: 178px !important;
}
.top-179px {
  top: 179px !important;
}
.top-180px {
  top: 180px !important;
}
.top-181px {
  top: 181px !important;
}
.top-182px {
  top: 182px !important;
}
.top-183px {
  top: 183px !important;
}
.top-184px {
  top: 184px !important;
}
.top-185px {
  top: 185px !important;
}
.top-186px {
  top: 186px !important;
}
.top-187px {
  top: 187px !important;
}
.top-188px {
  top: 188px !important;
}
.top-189px {
  top: 189px !important;
}
.top-190px {
  top: 190px !important;
}
.top-191px {
  top: 191px !important;
}
.top-192px {
  top: 192px !important;
}
.top-193px {
  top: 193px !important;
}
.top-194px {
  top: 194px !important;
}
.top-195px {
  top: 195px !important;
}
.top-196px {
  top: 196px !important;
}
.top-197px {
  top: 197px !important;
}
.top-198px {
  top: 198px !important;
}
.top-199px {
  top: 199px !important;
}
.top-200px {
  top: 200px !important;
}
.top-201px {
  top: 201px !important;
}
.top-202px {
  top: 202px !important;
}
.top-203px {
  top: 203px !important;
}
.top-204px {
  top: 204px !important;
}
.top-205px {
  top: 205px !important;
}
.top-206px {
  top: 206px !important;
}
.top-207px {
  top: 207px !important;
}
.top-208px {
  top: 208px !important;
}
.top-209px {
  top: 209px !important;
}
.top-210px {
  top: 210px !important;
}
.top-211px {
  top: 211px !important;
}
.top-212px {
  top: 212px !important;
}
.top-213px {
  top: 213px !important;
}
.top-214px {
  top: 214px !important;
}
.top-215px {
  top: 215px !important;
}
.top-216px {
  top: 216px !important;
}
.top-217px {
  top: 217px !important;
}
.top-218px {
  top: 218px !important;
}
.top-219px {
  top: 219px !important;
}
.top-220px {
  top: 220px !important;
}
.top-221px {
  top: 221px !important;
}
.top-222px {
  top: 222px !important;
}
.top-223px {
  top: 223px !important;
}
.top-224px {
  top: 224px !important;
}
.top-225px {
  top: 225px !important;
}
.top-226px {
  top: 226px !important;
}
.top-227px {
  top: 227px !important;
}
.top-228px {
  top: 228px !important;
}
.top-229px {
  top: 229px !important;
}
.top-230px {
  top: 230px !important;
}
.top-231px {
  top: 231px !important;
}
.top-232px {
  top: 232px !important;
}
.top-233px {
  top: 233px !important;
}
.top-234px {
  top: 234px !important;
}
.top-235px {
  top: 235px !important;
}
.top-236px {
  top: 236px !important;
}
.top-237px {
  top: 237px !important;
}
.top-238px {
  top: 238px !important;
}
.top-239px {
  top: 239px !important;
}
.top-240px {
  top: 240px !important;
}
.top-241px {
  top: 241px !important;
}
.top-242px {
  top: 242px !important;
}
.top-243px {
  top: 243px !important;
}
.top-244px {
  top: 244px !important;
}
.top-245px {
  top: 245px !important;
}
.top-246px {
  top: 246px !important;
}
.top-247px {
  top: 247px !important;
}
.top-248px {
  top: 248px !important;
}
.top-249px {
  top: 249px !important;
}
.top-250px {
  top: 250px !important;
}
.top-251px {
  top: 251px !important;
}
.top-252px {
  top: 252px !important;
}
.top-253px {
  top: 253px !important;
}
.top-254px {
  top: 254px !important;
}
.top-255px {
  top: 255px !important;
}
.top-256px {
  top: 256px !important;
}
.top-257px {
  top: 257px !important;
}
.top-258px {
  top: 258px !important;
}
.top-259px {
  top: 259px !important;
}
.top-260px {
  top: 260px !important;
}
.top-261px {
  top: 261px !important;
}
.top-262px {
  top: 262px !important;
}
.top-263px {
  top: 263px !important;
}
.top-264px {
  top: 264px !important;
}
.top-265px {
  top: 265px !important;
}
.top-266px {
  top: 266px !important;
}
.top-267px {
  top: 267px !important;
}
.top-268px {
  top: 268px !important;
}
.top-269px {
  top: 269px !important;
}
.top-270px {
  top: 270px !important;
}
.top-271px {
  top: 271px !important;
}
.top-272px {
  top: 272px !important;
}
.top-273px {
  top: 273px !important;
}
.top-274px {
  top: 274px !important;
}
.top-275px {
  top: 275px !important;
}
.top-276px {
  top: 276px !important;
}
.top-277px {
  top: 277px !important;
}
.top-278px {
  top: 278px !important;
}
.top-279px {
  top: 279px !important;
}
.top-280px {
  top: 280px !important;
}
.top-281px {
  top: 281px !important;
}
.top-282px {
  top: 282px !important;
}
.top-283px {
  top: 283px !important;
}
.top-284px {
  top: 284px !important;
}
.top-285px {
  top: 285px !important;
}
.top-286px {
  top: 286px !important;
}
.top-287px {
  top: 287px !important;
}
.top-288px {
  top: 288px !important;
}
.top-289px {
  top: 289px !important;
}
.top-290px {
  top: 290px !important;
}
.top-291px {
  top: 291px !important;
}
.top-292px {
  top: 292px !important;
}
.top-293px {
  top: 293px !important;
}
.top-294px {
  top: 294px !important;
}
.top-295px {
  top: 295px !important;
}
.top-296px {
  top: 296px !important;
}
.top-297px {
  top: 297px !important;
}
.top-298px {
  top: 298px !important;
}
.top-299px {
  top: 299px !important;
}
.top-300px {
  top: 300px !important;
}
.top-301px {
  top: 301px !important;
}
.top-302px {
  top: 302px !important;
}
.top-303px {
  top: 303px !important;
}
.top-304px {
  top: 304px !important;
}
.top-305px {
  top: 305px !important;
}
.top-306px {
  top: 306px !important;
}
.top-307px {
  top: 307px !important;
}
.top-308px {
  top: 308px !important;
}
.top-309px {
  top: 309px !important;
}
.top-310px {
  top: 310px !important;
}
.top-311px {
  top: 311px !important;
}
.top-312px {
  top: 312px !important;
}
.top-313px {
  top: 313px !important;
}
.top-314px {
  top: 314px !important;
}
.top-315px {
  top: 315px !important;
}
.top-316px {
  top: 316px !important;
}
.top-317px {
  top: 317px !important;
}
.top-318px {
  top: 318px !important;
}
.top-319px {
  top: 319px !important;
}
.top-320px {
  top: 320px !important;
}
.top-321px {
  top: 321px !important;
}
.top-322px {
  top: 322px !important;
}
.top-323px {
  top: 323px !important;
}
.top-324px {
  top: 324px !important;
}
.top-325px {
  top: 325px !important;
}
.top-326px {
  top: 326px !important;
}
.top-327px {
  top: 327px !important;
}
.top-328px {
  top: 328px !important;
}
.top-329px {
  top: 329px !important;
}
.top-330px {
  top: 330px !important;
}
.top-331px {
  top: 331px !important;
}
.top-332px {
  top: 332px !important;
}
.top-333px {
  top: 333px !important;
}
.top-334px {
  top: 334px !important;
}
.top-335px {
  top: 335px !important;
}
.top-336px {
  top: 336px !important;
}
.top-337px {
  top: 337px !important;
}
.top-338px {
  top: 338px !important;
}
.top-339px {
  top: 339px !important;
}
.top-340px {
  top: 340px !important;
}
.top-341px {
  top: 341px !important;
}
.top-342px {
  top: 342px !important;
}
.top-343px {
  top: 343px !important;
}
.top-344px {
  top: 344px !important;
}
.top-345px {
  top: 345px !important;
}
.top-346px {
  top: 346px !important;
}
.top-347px {
  top: 347px !important;
}
.top-348px {
  top: 348px !important;
}
.top-349px {
  top: 349px !important;
}
.top-350px {
  top: 350px !important;
}
.top-351px {
  top: 351px !important;
}
.top-352px {
  top: 352px !important;
}
.top-353px {
  top: 353px !important;
}
.top-354px {
  top: 354px !important;
}
.top-355px {
  top: 355px !important;
}
.top-356px {
  top: 356px !important;
}
.top-357px {
  top: 357px !important;
}
.top-358px {
  top: 358px !important;
}
.top-359px {
  top: 359px !important;
}
.top-360px {
  top: 360px !important;
}
.top-361px {
  top: 361px !important;
}
.top-362px {
  top: 362px !important;
}
.top-363px {
  top: 363px !important;
}
.top-364px {
  top: 364px !important;
}
.top-365px {
  top: 365px !important;
}
.top-366px {
  top: 366px !important;
}
.top-367px {
  top: 367px !important;
}
.top-368px {
  top: 368px !important;
}
.top-369px {
  top: 369px !important;
}
.top-370px {
  top: 370px !important;
}
.top-371px {
  top: 371px !important;
}
.top-372px {
  top: 372px !important;
}
.top-373px {
  top: 373px !important;
}
.top-374px {
  top: 374px !important;
}
.top-375px {
  top: 375px !important;
}
.top-376px {
  top: 376px !important;
}
.top-377px {
  top: 377px !important;
}
.top-378px {
  top: 378px !important;
}
.top-379px {
  top: 379px !important;
}
.top-380px {
  top: 380px !important;
}
.top-381px {
  top: 381px !important;
}
.top-382px {
  top: 382px !important;
}
.top-383px {
  top: 383px !important;
}
.top-384px {
  top: 384px !important;
}
.top-385px {
  top: 385px !important;
}
.top-386px {
  top: 386px !important;
}
.top-387px {
  top: 387px !important;
}
.top-388px {
  top: 388px !important;
}
.top-389px {
  top: 389px !important;
}
.top-390px {
  top: 390px !important;
}
.top-391px {
  top: 391px !important;
}
.top-392px {
  top: 392px !important;
}
.top-393px {
  top: 393px !important;
}
.top-394px {
  top: 394px !important;
}
.top-395px {
  top: 395px !important;
}
.top-396px {
  top: 396px !important;
}
.top-397px {
  top: 397px !important;
}
.top-398px {
  top: 398px !important;
}
.top-399px {
  top: 399px !important;
}
.top-400px {
  top: 400px !important;
}
.top-401px {
  top: 401px !important;
}
.top-402px {
  top: 402px !important;
}
.top-403px {
  top: 403px !important;
}
.top-404px {
  top: 404px !important;
}
.top-405px {
  top: 405px !important;
}
.top-406px {
  top: 406px !important;
}
.top-407px {
  top: 407px !important;
}
.top-408px {
  top: 408px !important;
}
.top-409px {
  top: 409px !important;
}
.top-410px {
  top: 410px !important;
}
.top-411px {
  top: 411px !important;
}
.top-412px {
  top: 412px !important;
}
.top-413px {
  top: 413px !important;
}
.top-414px {
  top: 414px !important;
}
.top-415px {
  top: 415px !important;
}
.top-416px {
  top: 416px !important;
}
.top-417px {
  top: 417px !important;
}
.top-418px {
  top: 418px !important;
}
.top-419px {
  top: 419px !important;
}
.top-420px {
  top: 420px !important;
}
.top-421px {
  top: 421px !important;
}
.top-422px {
  top: 422px !important;
}
.top-423px {
  top: 423px !important;
}
.top-424px {
  top: 424px !important;
}
.top-425px {
  top: 425px !important;
}
.top-426px {
  top: 426px !important;
}
.top-427px {
  top: 427px !important;
}
.top-428px {
  top: 428px !important;
}
.top-429px {
  top: 429px !important;
}
.top-430px {
  top: 430px !important;
}
.top-431px {
  top: 431px !important;
}
.top-432px {
  top: 432px !important;
}
.top-433px {
  top: 433px !important;
}
.top-434px {
  top: 434px !important;
}
.top-435px {
  top: 435px !important;
}
.top-436px {
  top: 436px !important;
}
.top-437px {
  top: 437px !important;
}
.top-438px {
  top: 438px !important;
}
.top-439px {
  top: 439px !important;
}
.top-440px {
  top: 440px !important;
}
.top-441px {
  top: 441px !important;
}
.top-442px {
  top: 442px !important;
}
.top-443px {
  top: 443px !important;
}
.top-444px {
  top: 444px !important;
}
.top-445px {
  top: 445px !important;
}
.top-446px {
  top: 446px !important;
}
.top-447px {
  top: 447px !important;
}
.top-448px {
  top: 448px !important;
}
.top-449px {
  top: 449px !important;
}
.top-450px {
  top: 450px !important;
}
.top-451px {
  top: 451px !important;
}
.top-452px {
  top: 452px !important;
}
.top-453px {
  top: 453px !important;
}
.top-454px {
  top: 454px !important;
}
.top-455px {
  top: 455px !important;
}
.top-456px {
  top: 456px !important;
}
.top-457px {
  top: 457px !important;
}
.top-458px {
  top: 458px !important;
}
.top-459px {
  top: 459px !important;
}
.top-460px {
  top: 460px !important;
}
.top-461px {
  top: 461px !important;
}
.top-462px {
  top: 462px !important;
}
.top-463px {
  top: 463px !important;
}
.top-464px {
  top: 464px !important;
}
.top-465px {
  top: 465px !important;
}
.top-466px {
  top: 466px !important;
}
.top-467px {
  top: 467px !important;
}
.top-468px {
  top: 468px !important;
}
.top-469px {
  top: 469px !important;
}
.top-470px {
  top: 470px !important;
}
.top-471px {
  top: 471px !important;
}
.top-472px {
  top: 472px !important;
}
.top-473px {
  top: 473px !important;
}
.top-474px {
  top: 474px !important;
}
.top-475px {
  top: 475px !important;
}
.top-476px {
  top: 476px !important;
}
.top-477px {
  top: 477px !important;
}
.top-478px {
  top: 478px !important;
}
.top-479px {
  top: 479px !important;
}
.top-480px {
  top: 480px !important;
}
.top-481px {
  top: 481px !important;
}
.top-482px {
  top: 482px !important;
}
.top-483px {
  top: 483px !important;
}
.top-484px {
  top: 484px !important;
}
.top-485px {
  top: 485px !important;
}
.top-486px {
  top: 486px !important;
}
.top-487px {
  top: 487px !important;
}
.top-488px {
  top: 488px !important;
}
.top-489px {
  top: 489px !important;
}
.top-490px {
  top: 490px !important;
}
.top-491px {
  top: 491px !important;
}
.top-492px {
  top: 492px !important;
}
.top-493px {
  top: 493px !important;
}
.top-494px {
  top: 494px !important;
}
.top-495px {
  top: 495px !important;
}
.top-496px {
  top: 496px !important;
}
.top-497px {
  top: 497px !important;
}
.top-498px {
  top: 498px !important;
}
.top-499px {
  top: 499px !important;
}
.top-500px {
  top: 500px !important;
}
.top-501px {
  top: 501px !important;
}
.top-502px {
  top: 502px !important;
}
.top-503px {
  top: 503px !important;
}
.top-504px {
  top: 504px !important;
}
.top-505px {
  top: 505px !important;
}
.top-506px {
  top: 506px !important;
}
.top-507px {
  top: 507px !important;
}
.top-508px {
  top: 508px !important;
}
.top-509px {
  top: 509px !important;
}
.top-510px {
  top: 510px !important;
}
.top-511px {
  top: 511px !important;
}
.top-512px {
  top: 512px !important;
}
.top-513px {
  top: 513px !important;
}
.top-514px {
  top: 514px !important;
}
.top-515px {
  top: 515px !important;
}
.top-516px {
  top: 516px !important;
}
.top-517px {
  top: 517px !important;
}
.top-518px {
  top: 518px !important;
}
.top-519px {
  top: 519px !important;
}
.top-520px {
  top: 520px !important;
}
.top-521px {
  top: 521px !important;
}
.top-522px {
  top: 522px !important;
}
.top-523px {
  top: 523px !important;
}
.top-524px {
  top: 524px !important;
}
.top-525px {
  top: 525px !important;
}
.top-526px {
  top: 526px !important;
}
.top-527px {
  top: 527px !important;
}
.top-528px {
  top: 528px !important;
}
.top-529px {
  top: 529px !important;
}
.top-530px {
  top: 530px !important;
}
.top-531px {
  top: 531px !important;
}
.top-532px {
  top: 532px !important;
}
.top-533px {
  top: 533px !important;
}
.top-534px {
  top: 534px !important;
}
.top-535px {
  top: 535px !important;
}
.top-536px {
  top: 536px !important;
}
.top-537px {
  top: 537px !important;
}
.top-538px {
  top: 538px !important;
}
.top-539px {
  top: 539px !important;
}
.top-540px {
  top: 540px !important;
}
.top-541px {
  top: 541px !important;
}
.top-542px {
  top: 542px !important;
}
.top-543px {
  top: 543px !important;
}
.top-544px {
  top: 544px !important;
}
.top-545px {
  top: 545px !important;
}
.top-546px {
  top: 546px !important;
}
.top-547px {
  top: 547px !important;
}
.top-548px {
  top: 548px !important;
}
.top-549px {
  top: 549px !important;
}
.top-550px {
  top: 550px !important;
}
.top-551px {
  top: 551px !important;
}
.top-552px {
  top: 552px !important;
}
.top-553px {
  top: 553px !important;
}
.top-554px {
  top: 554px !important;
}
.top-555px {
  top: 555px !important;
}
.top-556px {
  top: 556px !important;
}
.top-557px {
  top: 557px !important;
}
.top-558px {
  top: 558px !important;
}
.top-559px {
  top: 559px !important;
}
.top-560px {
  top: 560px !important;
}
.top-561px {
  top: 561px !important;
}
.top-562px {
  top: 562px !important;
}
.top-563px {
  top: 563px !important;
}
.top-564px {
  top: 564px !important;
}
.top-565px {
  top: 565px !important;
}
.top-566px {
  top: 566px !important;
}
.top-567px {
  top: 567px !important;
}
.top-568px {
  top: 568px !important;
}
.top-569px {
  top: 569px !important;
}
.top-570px {
  top: 570px !important;
}
.top-571px {
  top: 571px !important;
}
.top-572px {
  top: 572px !important;
}
.top-573px {
  top: 573px !important;
}
.top-574px {
  top: 574px !important;
}
.top-575px {
  top: 575px !important;
}
.top-576px {
  top: 576px !important;
}
.top-577px {
  top: 577px !important;
}
.top-578px {
  top: 578px !important;
}
.top-579px {
  top: 579px !important;
}
.top-580px {
  top: 580px !important;
}
.top-581px {
  top: 581px !important;
}
.top-582px {
  top: 582px !important;
}
.top-583px {
  top: 583px !important;
}
.top-584px {
  top: 584px !important;
}
.top-585px {
  top: 585px !important;
}
.top-586px {
  top: 586px !important;
}
.top-587px {
  top: 587px !important;
}
.top-588px {
  top: 588px !important;
}
.top-589px {
  top: 589px !important;
}
.top-590px {
  top: 590px !important;
}
.top-591px {
  top: 591px !important;
}
.top-592px {
  top: 592px !important;
}
.top-593px {
  top: 593px !important;
}
.top-594px {
  top: 594px !important;
}
.top-595px {
  top: 595px !important;
}
.top-596px {
  top: 596px !important;
}
.top-597px {
  top: 597px !important;
}
.top-598px {
  top: 598px !important;
}
.top-599px {
  top: 599px !important;
}
.top-600px {
  top: 600px !important;
}
.top-601px {
  top: 601px !important;
}
.top-602px {
  top: 602px !important;
}
.top-603px {
  top: 603px !important;
}
.top-604px {
  top: 604px !important;
}
.top-605px {
  top: 605px !important;
}
.top-606px {
  top: 606px !important;
}
.top-607px {
  top: 607px !important;
}
.top-608px {
  top: 608px !important;
}
.top-609px {
  top: 609px !important;
}
.top-610px {
  top: 610px !important;
}
.top-611px {
  top: 611px !important;
}
.top-612px {
  top: 612px !important;
}
.top-613px {
  top: 613px !important;
}
.top-614px {
  top: 614px !important;
}
.top-615px {
  top: 615px !important;
}
.top-616px {
  top: 616px !important;
}
.top-617px {
  top: 617px !important;
}
.top-618px {
  top: 618px !important;
}
.top-619px {
  top: 619px !important;
}
.top-620px {
  top: 620px !important;
}
.top-621px {
  top: 621px !important;
}
.top-622px {
  top: 622px !important;
}
.top-623px {
  top: 623px !important;
}
.top-624px {
  top: 624px !important;
}
.top-625px {
  top: 625px !important;
}
.top-626px {
  top: 626px !important;
}
.top-627px {
  top: 627px !important;
}
.top-628px {
  top: 628px !important;
}
.top-629px {
  top: 629px !important;
}
.top-630px {
  top: 630px !important;
}
.top-631px {
  top: 631px !important;
}
.top-632px {
  top: 632px !important;
}
.top-633px {
  top: 633px !important;
}
.top-634px {
  top: 634px !important;
}
.top-635px {
  top: 635px !important;
}
.top-636px {
  top: 636px !important;
}
.top-637px {
  top: 637px !important;
}
.top-638px {
  top: 638px !important;
}
.top-639px {
  top: 639px !important;
}
.top-640px {
  top: 640px !important;
}
.top-641px {
  top: 641px !important;
}
.top-642px {
  top: 642px !important;
}
.top-643px {
  top: 643px !important;
}
.top-644px {
  top: 644px !important;
}
.top-645px {
  top: 645px !important;
}
.top-646px {
  top: 646px !important;
}
.top-647px {
  top: 647px !important;
}
.top-648px {
  top: 648px !important;
}
.top-649px {
  top: 649px !important;
}
.top-650px {
  top: 650px !important;
}
.top-651px {
  top: 651px !important;
}
.top-652px {
  top: 652px !important;
}
.top-653px {
  top: 653px !important;
}
.top-654px {
  top: 654px !important;
}
.top-655px {
  top: 655px !important;
}
.top-656px {
  top: 656px !important;
}
.top-657px {
  top: 657px !important;
}
.top-658px {
  top: 658px !important;
}
.top-659px {
  top: 659px !important;
}
.top-660px {
  top: 660px !important;
}
.top-661px {
  top: 661px !important;
}
.top-662px {
  top: 662px !important;
}
.top-663px {
  top: 663px !important;
}
.top-664px {
  top: 664px !important;
}
.top-665px {
  top: 665px !important;
}
.top-666px {
  top: 666px !important;
}
.top-667px {
  top: 667px !important;
}
.top-668px {
  top: 668px !important;
}
.top-669px {
  top: 669px !important;
}
.top-670px {
  top: 670px !important;
}
.top-671px {
  top: 671px !important;
}
.top-672px {
  top: 672px !important;
}
.top-673px {
  top: 673px !important;
}
.top-674px {
  top: 674px !important;
}
.top-675px {
  top: 675px !important;
}
.top-676px {
  top: 676px !important;
}
.top-677px {
  top: 677px !important;
}
.top-678px {
  top: 678px !important;
}
.top-679px {
  top: 679px !important;
}
.top-680px {
  top: 680px !important;
}
.top-681px {
  top: 681px !important;
}
.top-682px {
  top: 682px !important;
}
.top-683px {
  top: 683px !important;
}
.top-684px {
  top: 684px !important;
}
.top-685px {
  top: 685px !important;
}
.top-686px {
  top: 686px !important;
}
.top-687px {
  top: 687px !important;
}
.top-688px {
  top: 688px !important;
}
.top-689px {
  top: 689px !important;
}
.top-690px {
  top: 690px !important;
}
.top-691px {
  top: 691px !important;
}
.top-692px {
  top: 692px !important;
}
.top-693px {
  top: 693px !important;
}
.top-694px {
  top: 694px !important;
}
.top-695px {
  top: 695px !important;
}
.top-696px {
  top: 696px !important;
}
.top-697px {
  top: 697px !important;
}
.top-698px {
  top: 698px !important;
}
.top-699px {
  top: 699px !important;
}
.top-700px {
  top: 700px !important;
}
.top-701px {
  top: 701px !important;
}
.top-702px {
  top: 702px !important;
}
.top-703px {
  top: 703px !important;
}
.top-704px {
  top: 704px !important;
}
.top-705px {
  top: 705px !important;
}
.top-706px {
  top: 706px !important;
}
.top-707px {
  top: 707px !important;
}
.top-708px {
  top: 708px !important;
}
.top-709px {
  top: 709px !important;
}
.top-710px {
  top: 710px !important;
}
.top-711px {
  top: 711px !important;
}
.top-712px {
  top: 712px !important;
}
.top-713px {
  top: 713px !important;
}
.top-714px {
  top: 714px !important;
}
.top-715px {
  top: 715px !important;
}
.top-716px {
  top: 716px !important;
}
.top-717px {
  top: 717px !important;
}
.top-718px {
  top: 718px !important;
}
.top-719px {
  top: 719px !important;
}
.top-720px {
  top: 720px !important;
}
.top-721px {
  top: 721px !important;
}
.top-722px {
  top: 722px !important;
}
.top-723px {
  top: 723px !important;
}
.top-724px {
  top: 724px !important;
}
.top-725px {
  top: 725px !important;
}
.top-726px {
  top: 726px !important;
}
.top-727px {
  top: 727px !important;
}
.top-728px {
  top: 728px !important;
}
.top-729px {
  top: 729px !important;
}
.top-730px {
  top: 730px !important;
}
.top-731px {
  top: 731px !important;
}
.top-732px {
  top: 732px !important;
}
.top-733px {
  top: 733px !important;
}
.top-734px {
  top: 734px !important;
}
.top-735px {
  top: 735px !important;
}
.top-736px {
  top: 736px !important;
}
.top-737px {
  top: 737px !important;
}
.top-738px {
  top: 738px !important;
}
.top-739px {
  top: 739px !important;
}
.top-740px {
  top: 740px !important;
}
.top-741px {
  top: 741px !important;
}
.top-742px {
  top: 742px !important;
}
.top-743px {
  top: 743px !important;
}
.top-744px {
  top: 744px !important;
}
.top-745px {
  top: 745px !important;
}
.top-746px {
  top: 746px !important;
}
.top-747px {
  top: 747px !important;
}
.top-748px {
  top: 748px !important;
}
.top-749px {
  top: 749px !important;
}
.top-750px {
  top: 750px !important;
}
.top-751px {
  top: 751px !important;
}
.top-752px {
  top: 752px !important;
}
.top-753px {
  top: 753px !important;
}
.top-754px {
  top: 754px !important;
}
.top-755px {
  top: 755px !important;
}
.top-756px {
  top: 756px !important;
}
.top-757px {
  top: 757px !important;
}
.top-758px {
  top: 758px !important;
}
.top-759px {
  top: 759px !important;
}
.top-760px {
  top: 760px !important;
}
.top-761px {
  top: 761px !important;
}
.top-762px {
  top: 762px !important;
}
.top-763px {
  top: 763px !important;
}
.top-764px {
  top: 764px !important;
}
.top-765px {
  top: 765px !important;
}
.top-766px {
  top: 766px !important;
}
.top-767px {
  top: 767px !important;
}
.top-768px {
  top: 768px !important;
}
.top-769px {
  top: 769px !important;
}
.top-770px {
  top: 770px !important;
}
.top-771px {
  top: 771px !important;
}
.top-772px {
  top: 772px !important;
}
.top-773px {
  top: 773px !important;
}
.top-774px {
  top: 774px !important;
}
.top-775px {
  top: 775px !important;
}
.top-776px {
  top: 776px !important;
}
.top-777px {
  top: 777px !important;
}
.top-778px {
  top: 778px !important;
}
.top-779px {
  top: 779px !important;
}
.top-780px {
  top: 780px !important;
}
.top-781px {
  top: 781px !important;
}
.top-782px {
  top: 782px !important;
}
.top-783px {
  top: 783px !important;
}
.top-784px {
  top: 784px !important;
}
.top-785px {
  top: 785px !important;
}
.top-786px {
  top: 786px !important;
}
.top-787px {
  top: 787px !important;
}
.top-788px {
  top: 788px !important;
}
.top-789px {
  top: 789px !important;
}
.top-790px {
  top: 790px !important;
}
.top-791px {
  top: 791px !important;
}
.top-792px {
  top: 792px !important;
}
.top-793px {
  top: 793px !important;
}
.top-794px {
  top: 794px !important;
}
.top-795px {
  top: 795px !important;
}
.top-796px {
  top: 796px !important;
}
.top-797px {
  top: 797px !important;
}
.top-798px {
  top: 798px !important;
}
.top-799px {
  top: 799px !important;
}
.top-800px {
  top: 800px !important;
}
.margin-top-0px {
  margin-top: 0px !important;
}
.margin-top-1px {
  margin-top: 1px !important;
}
.margin-top-2px {
  margin-top: 2px !important;
}
.margin-top-3px {
  margin-top: 3px !important;
}
.margin-top-4px {
  margin-top: 4px !important;
}
.margin-top-5px {
  margin-top: 5px !important;
}
.margin-top-6px {
  margin-top: 6px !important;
}
.margin-top-7px {
  margin-top: 7px !important;
}
.margin-top-8px {
  margin-top: 8px !important;
}
.margin-top-9px {
  margin-top: 9px !important;
}
.margin-top-10px {
  margin-top: 10px !important;
}
.margin-top-11px {
  margin-top: 11px !important;
}
.margin-top-12px {
  margin-top: 12px !important;
}
.margin-top-13px {
  margin-top: 13px !important;
}
.margin-top-14px {
  margin-top: 14px !important;
}
.margin-top-15px {
  margin-top: 15px !important;
}
.margin-top-16px {
  margin-top: 16px !important;
}
.margin-top-17px {
  margin-top: 17px !important;
}
.margin-top-18px {
  margin-top: 18px !important;
}
.margin-top-19px {
  margin-top: 19px !important;
}
.margin-top-20px {
  margin-top: 20px !important;
}
.margin-top-21px {
  margin-top: 21px !important;
}
.margin-top-22px {
  margin-top: 22px !important;
}
.margin-top-23px {
  margin-top: 23px !important;
}
.margin-top-24px {
  margin-top: 24px !important;
}
.margin-top-25px {
  margin-top: 25px !important;
}
.margin-top-26px {
  margin-top: 26px !important;
}
.margin-top-27px {
  margin-top: 27px !important;
}
.margin-top-28px {
  margin-top: 28px !important;
}
.margin-top-29px {
  margin-top: 29px !important;
}
.margin-top-30px {
  margin-top: 30px !important;
}
.margin-top-31px {
  margin-top: 31px !important;
}
.margin-top-32px {
  margin-top: 32px !important;
}
.margin-top-33px {
  margin-top: 33px !important;
}
.margin-top-34px {
  margin-top: 34px !important;
}
.margin-top-35px {
  margin-top: 35px !important;
}
.margin-top-36px {
  margin-top: 36px !important;
}
.margin-top-37px {
  margin-top: 37px !important;
}
.margin-top-38px {
  margin-top: 38px !important;
}
.margin-top-39px {
  margin-top: 39px !important;
}
.margin-top-40px {
  margin-top: 40px !important;
}
.margin-top-41px {
  margin-top: 41px !important;
}
.margin-top-42px {
  margin-top: 42px !important;
}
.margin-top-43px {
  margin-top: 43px !important;
}
.margin-top-44px {
  margin-top: 44px !important;
}
.margin-top-45px {
  margin-top: 45px !important;
}
.margin-top-46px {
  margin-top: 46px !important;
}
.margin-top-47px {
  margin-top: 47px !important;
}
.margin-top-48px {
  margin-top: 48px !important;
}
.margin-top-49px {
  margin-top: 49px !important;
}
.margin-top-50px {
  margin-top: 50px !important;
}
.margin-top-51px {
  margin-top: 51px !important;
}
.margin-top-52px {
  margin-top: 52px !important;
}
.margin-top-53px {
  margin-top: 53px !important;
}
.margin-top-54px {
  margin-top: 54px !important;
}
.margin-top-55px {
  margin-top: 55px !important;
}
.margin-top-56px {
  margin-top: 56px !important;
}
.margin-top-57px {
  margin-top: 57px !important;
}
.margin-top-58px {
  margin-top: 58px !important;
}
.margin-top-59px {
  margin-top: 59px !important;
}
.margin-top-60px {
  margin-top: 60px !important;
}
.margin-top-61px {
  margin-top: 61px !important;
}
.margin-top-62px {
  margin-top: 62px !important;
}
.margin-top-63px {
  margin-top: 63px !important;
}
.margin-top-64px {
  margin-top: 64px !important;
}
.margin-top-65px {
  margin-top: 65px !important;
}
.margin-top-66px {
  margin-top: 66px !important;
}
.margin-top-67px {
  margin-top: 67px !important;
}
.margin-top-68px {
  margin-top: 68px !important;
}
.margin-top-69px {
  margin-top: 69px !important;
}
.margin-top-70px {
  margin-top: 70px !important;
}
.margin-top-71px {
  margin-top: 71px !important;
}
.margin-top-72px {
  margin-top: 72px !important;
}
.margin-top-73px {
  margin-top: 73px !important;
}
.margin-top-74px {
  margin-top: 74px !important;
}
.margin-top-75px {
  margin-top: 75px !important;
}
.margin-top-76px {
  margin-top: 76px !important;
}
.margin-top-77px {
  margin-top: 77px !important;
}
.margin-top-78px {
  margin-top: 78px !important;
}
.margin-top-79px {
  margin-top: 79px !important;
}
.margin-top-80px {
  margin-top: 80px !important;
}
.margin-top-81px {
  margin-top: 81px !important;
}
.margin-top-82px {
  margin-top: 82px !important;
}
.margin-top-83px {
  margin-top: 83px !important;
}
.margin-top-84px {
  margin-top: 84px !important;
}
.margin-top-85px {
  margin-top: 85px !important;
}
.margin-top-86px {
  margin-top: 86px !important;
}
.margin-top-87px {
  margin-top: 87px !important;
}
.margin-top-88px {
  margin-top: 88px !important;
}
.margin-top-89px {
  margin-top: 89px !important;
}
.margin-top-90px {
  margin-top: 90px !important;
}
.margin-top-91px {
  margin-top: 91px !important;
}
.margin-top-92px {
  margin-top: 92px !important;
}
.margin-top-93px {
  margin-top: 93px !important;
}
.margin-top-94px {
  margin-top: 94px !important;
}
.margin-top-95px {
  margin-top: 95px !important;
}
.margin-top-96px {
  margin-top: 96px !important;
}
.margin-top-97px {
  margin-top: 97px !important;
}
.margin-top-98px {
  margin-top: 98px !important;
}
.margin-top-99px {
  margin-top: 99px !important;
}
.margin-top-100px {
  margin-top: 100px !important;
}
.margin-top-101px {
  margin-top: 101px !important;
}
.margin-top-102px {
  margin-top: 102px !important;
}
.margin-top-103px {
  margin-top: 103px !important;
}
.margin-top-104px {
  margin-top: 104px !important;
}
.margin-top-105px {
  margin-top: 105px !important;
}
.margin-top-106px {
  margin-top: 106px !important;
}
.margin-top-107px {
  margin-top: 107px !important;
}
.margin-top-108px {
  margin-top: 108px !important;
}
.margin-top-109px {
  margin-top: 109px !important;
}
.margin-top-110px {
  margin-top: 110px !important;
}
.margin-top-111px {
  margin-top: 111px !important;
}
.margin-top-112px {
  margin-top: 112px !important;
}
.margin-top-113px {
  margin-top: 113px !important;
}
.margin-top-114px {
  margin-top: 114px !important;
}
.margin-top-115px {
  margin-top: 115px !important;
}
.margin-top-116px {
  margin-top: 116px !important;
}
.margin-top-117px {
  margin-top: 117px !important;
}
.margin-top-118px {
  margin-top: 118px !important;
}
.margin-top-119px {
  margin-top: 119px !important;
}
.margin-top-120px {
  margin-top: 120px !important;
}
.margin-top-121px {
  margin-top: 121px !important;
}
.margin-top-122px {
  margin-top: 122px !important;
}
.margin-top-123px {
  margin-top: 123px !important;
}
.margin-top-124px {
  margin-top: 124px !important;
}
.margin-top-125px {
  margin-top: 125px !important;
}
.margin-top-126px {
  margin-top: 126px !important;
}
.margin-top-127px {
  margin-top: 127px !important;
}
.margin-top-128px {
  margin-top: 128px !important;
}
.margin-top-129px {
  margin-top: 129px !important;
}
.margin-top-130px {
  margin-top: 130px !important;
}
.margin-top-131px {
  margin-top: 131px !important;
}
.margin-top-132px {
  margin-top: 132px !important;
}
.margin-top-133px {
  margin-top: 133px !important;
}
.margin-top-134px {
  margin-top: 134px !important;
}
.margin-top-135px {
  margin-top: 135px !important;
}
.margin-top-136px {
  margin-top: 136px !important;
}
.margin-top-137px {
  margin-top: 137px !important;
}
.margin-top-138px {
  margin-top: 138px !important;
}
.margin-top-139px {
  margin-top: 139px !important;
}
.margin-top-140px {
  margin-top: 140px !important;
}
.margin-top-141px {
  margin-top: 141px !important;
}
.margin-top-142px {
  margin-top: 142px !important;
}
.margin-top-143px {
  margin-top: 143px !important;
}
.margin-top-144px {
  margin-top: 144px !important;
}
.margin-top-145px {
  margin-top: 145px !important;
}
.margin-top-146px {
  margin-top: 146px !important;
}
.margin-top-147px {
  margin-top: 147px !important;
}
.margin-top-148px {
  margin-top: 148px !important;
}
.margin-top-149px {
  margin-top: 149px !important;
}
.margin-top-150px {
  margin-top: 150px !important;
}
.margin-top-151px {
  margin-top: 151px !important;
}
.margin-top-152px {
  margin-top: 152px !important;
}
.margin-top-153px {
  margin-top: 153px !important;
}
.margin-top-154px {
  margin-top: 154px !important;
}
.margin-top-155px {
  margin-top: 155px !important;
}
.margin-top-156px {
  margin-top: 156px !important;
}
.margin-top-157px {
  margin-top: 157px !important;
}
.margin-top-158px {
  margin-top: 158px !important;
}
.margin-top-159px {
  margin-top: 159px !important;
}
.margin-top-160px {
  margin-top: 160px !important;
}
.margin-top-161px {
  margin-top: 161px !important;
}
.margin-top-162px {
  margin-top: 162px !important;
}
.margin-top-163px {
  margin-top: 163px !important;
}
.margin-top-164px {
  margin-top: 164px !important;
}
.margin-top-165px {
  margin-top: 165px !important;
}
.margin-top-166px {
  margin-top: 166px !important;
}
.margin-top-167px {
  margin-top: 167px !important;
}
.margin-top-168px {
  margin-top: 168px !important;
}
.margin-top-169px {
  margin-top: 169px !important;
}
.margin-top-170px {
  margin-top: 170px !important;
}
.margin-top-171px {
  margin-top: 171px !important;
}
.margin-top-172px {
  margin-top: 172px !important;
}
.margin-top-173px {
  margin-top: 173px !important;
}
.margin-top-174px {
  margin-top: 174px !important;
}
.margin-top-175px {
  margin-top: 175px !important;
}
.margin-top-176px {
  margin-top: 176px !important;
}
.margin-top-177px {
  margin-top: 177px !important;
}
.margin-top-178px {
  margin-top: 178px !important;
}
.margin-top-179px {
  margin-top: 179px !important;
}
.margin-top-180px {
  margin-top: 180px !important;
}
.margin-top-181px {
  margin-top: 181px !important;
}
.margin-top-182px {
  margin-top: 182px !important;
}
.margin-top-183px {
  margin-top: 183px !important;
}
.margin-top-184px {
  margin-top: 184px !important;
}
.margin-top-185px {
  margin-top: 185px !important;
}
.margin-top-186px {
  margin-top: 186px !important;
}
.margin-top-187px {
  margin-top: 187px !important;
}
.margin-top-188px {
  margin-top: 188px !important;
}
.margin-top-189px {
  margin-top: 189px !important;
}
.margin-top-190px {
  margin-top: 190px !important;
}
.margin-top-191px {
  margin-top: 191px !important;
}
.margin-top-192px {
  margin-top: 192px !important;
}
.margin-top-193px {
  margin-top: 193px !important;
}
.margin-top-194px {
  margin-top: 194px !important;
}
.margin-top-195px {
  margin-top: 195px !important;
}
.margin-top-196px {
  margin-top: 196px !important;
}
.margin-top-197px {
  margin-top: 197px !important;
}
.margin-top-198px {
  margin-top: 198px !important;
}
.margin-top-199px {
  margin-top: 199px !important;
}
.margin-top-200px {
  margin-top: 200px !important;
}
.margin-top-201px {
  margin-top: 201px !important;
}
.margin-top-202px {
  margin-top: 202px !important;
}
.margin-top-203px {
  margin-top: 203px !important;
}
.margin-top-204px {
  margin-top: 204px !important;
}
.margin-top-205px {
  margin-top: 205px !important;
}
.margin-top-206px {
  margin-top: 206px !important;
}
.margin-top-207px {
  margin-top: 207px !important;
}
.margin-top-208px {
  margin-top: 208px !important;
}
.margin-top-209px {
  margin-top: 209px !important;
}
.margin-top-210px {
  margin-top: 210px !important;
}
.margin-top-211px {
  margin-top: 211px !important;
}
.margin-top-212px {
  margin-top: 212px !important;
}
.margin-top-213px {
  margin-top: 213px !important;
}
.margin-top-214px {
  margin-top: 214px !important;
}
.margin-top-215px {
  margin-top: 215px !important;
}
.margin-top-216px {
  margin-top: 216px !important;
}
.margin-top-217px {
  margin-top: 217px !important;
}
.margin-top-218px {
  margin-top: 218px !important;
}
.margin-top-219px {
  margin-top: 219px !important;
}
.margin-top-220px {
  margin-top: 220px !important;
}
.margin-top-221px {
  margin-top: 221px !important;
}
.margin-top-222px {
  margin-top: 222px !important;
}
.margin-top-223px {
  margin-top: 223px !important;
}
.margin-top-224px {
  margin-top: 224px !important;
}
.margin-top-225px {
  margin-top: 225px !important;
}
.margin-top-226px {
  margin-top: 226px !important;
}
.margin-top-227px {
  margin-top: 227px !important;
}
.margin-top-228px {
  margin-top: 228px !important;
}
.margin-top-229px {
  margin-top: 229px !important;
}
.margin-top-230px {
  margin-top: 230px !important;
}
.margin-top-231px {
  margin-top: 231px !important;
}
.margin-top-232px {
  margin-top: 232px !important;
}
.margin-top-233px {
  margin-top: 233px !important;
}
.margin-top-234px {
  margin-top: 234px !important;
}
.margin-top-235px {
  margin-top: 235px !important;
}
.margin-top-236px {
  margin-top: 236px !important;
}
.margin-top-237px {
  margin-top: 237px !important;
}
.margin-top-238px {
  margin-top: 238px !important;
}
.margin-top-239px {
  margin-top: 239px !important;
}
.margin-top-240px {
  margin-top: 240px !important;
}
.margin-top-241px {
  margin-top: 241px !important;
}
.margin-top-242px {
  margin-top: 242px !important;
}
.margin-top-243px {
  margin-top: 243px !important;
}
.margin-top-244px {
  margin-top: 244px !important;
}
.margin-top-245px {
  margin-top: 245px !important;
}
.margin-top-246px {
  margin-top: 246px !important;
}
.margin-top-247px {
  margin-top: 247px !important;
}
.margin-top-248px {
  margin-top: 248px !important;
}
.margin-top-249px {
  margin-top: 249px !important;
}
.margin-top-250px {
  margin-top: 250px !important;
}
.margin-top-251px {
  margin-top: 251px !important;
}
.margin-top-252px {
  margin-top: 252px !important;
}
.margin-top-253px {
  margin-top: 253px !important;
}
.margin-top-254px {
  margin-top: 254px !important;
}
.margin-top-255px {
  margin-top: 255px !important;
}
.margin-top-256px {
  margin-top: 256px !important;
}
.margin-top-257px {
  margin-top: 257px !important;
}
.margin-top-258px {
  margin-top: 258px !important;
}
.margin-top-259px {
  margin-top: 259px !important;
}
.margin-top-260px {
  margin-top: 260px !important;
}
.margin-top-261px {
  margin-top: 261px !important;
}
.margin-top-262px {
  margin-top: 262px !important;
}
.margin-top-263px {
  margin-top: 263px !important;
}
.margin-top-264px {
  margin-top: 264px !important;
}
.margin-top-265px {
  margin-top: 265px !important;
}
.margin-top-266px {
  margin-top: 266px !important;
}
.margin-top-267px {
  margin-top: 267px !important;
}
.margin-top-268px {
  margin-top: 268px !important;
}
.margin-top-269px {
  margin-top: 269px !important;
}
.margin-top-270px {
  margin-top: 270px !important;
}
.margin-top-271px {
  margin-top: 271px !important;
}
.margin-top-272px {
  margin-top: 272px !important;
}
.margin-top-273px {
  margin-top: 273px !important;
}
.margin-top-274px {
  margin-top: 274px !important;
}
.margin-top-275px {
  margin-top: 275px !important;
}
.margin-top-276px {
  margin-top: 276px !important;
}
.margin-top-277px {
  margin-top: 277px !important;
}
.margin-top-278px {
  margin-top: 278px !important;
}
.margin-top-279px {
  margin-top: 279px !important;
}
.margin-top-280px {
  margin-top: 280px !important;
}
.margin-top-281px {
  margin-top: 281px !important;
}
.margin-top-282px {
  margin-top: 282px !important;
}
.margin-top-283px {
  margin-top: 283px !important;
}
.margin-top-284px {
  margin-top: 284px !important;
}
.margin-top-285px {
  margin-top: 285px !important;
}
.margin-top-286px {
  margin-top: 286px !important;
}
.margin-top-287px {
  margin-top: 287px !important;
}
.margin-top-288px {
  margin-top: 288px !important;
}
.margin-top-289px {
  margin-top: 289px !important;
}
.margin-top-290px {
  margin-top: 290px !important;
}
.margin-top-291px {
  margin-top: 291px !important;
}
.margin-top-292px {
  margin-top: 292px !important;
}
.margin-top-293px {
  margin-top: 293px !important;
}
.margin-top-294px {
  margin-top: 294px !important;
}
.margin-top-295px {
  margin-top: 295px !important;
}
.margin-top-296px {
  margin-top: 296px !important;
}
.margin-top-297px {
  margin-top: 297px !important;
}
.margin-top-298px {
  margin-top: 298px !important;
}
.margin-top-299px {
  margin-top: 299px !important;
}
.margin-top-300px {
  margin-top: 300px !important;
}
.margin-top-301px {
  margin-top: 301px !important;
}
.margin-top-302px {
  margin-top: 302px !important;
}
.margin-top-303px {
  margin-top: 303px !important;
}
.margin-top-304px {
  margin-top: 304px !important;
}
.margin-top-305px {
  margin-top: 305px !important;
}
.margin-top-306px {
  margin-top: 306px !important;
}
.margin-top-307px {
  margin-top: 307px !important;
}
.margin-top-308px {
  margin-top: 308px !important;
}
.margin-top-309px {
  margin-top: 309px !important;
}
.margin-top-310px {
  margin-top: 310px !important;
}
.margin-top-311px {
  margin-top: 311px !important;
}
.margin-top-312px {
  margin-top: 312px !important;
}
.margin-top-313px {
  margin-top: 313px !important;
}
.margin-top-314px {
  margin-top: 314px !important;
}
.margin-top-315px {
  margin-top: 315px !important;
}
.margin-top-316px {
  margin-top: 316px !important;
}
.margin-top-317px {
  margin-top: 317px !important;
}
.margin-top-318px {
  margin-top: 318px !important;
}
.margin-top-319px {
  margin-top: 319px !important;
}
.margin-top-320px {
  margin-top: 320px !important;
}
.margin-top-321px {
  margin-top: 321px !important;
}
.margin-top-322px {
  margin-top: 322px !important;
}
.margin-top-323px {
  margin-top: 323px !important;
}
.margin-top-324px {
  margin-top: 324px !important;
}
.margin-top-325px {
  margin-top: 325px !important;
}
.margin-top-326px {
  margin-top: 326px !important;
}
.margin-top-327px {
  margin-top: 327px !important;
}
.margin-top-328px {
  margin-top: 328px !important;
}
.margin-top-329px {
  margin-top: 329px !important;
}
.margin-top-330px {
  margin-top: 330px !important;
}
.margin-top-331px {
  margin-top: 331px !important;
}
.margin-top-332px {
  margin-top: 332px !important;
}
.margin-top-333px {
  margin-top: 333px !important;
}
.margin-top-334px {
  margin-top: 334px !important;
}
.margin-top-335px {
  margin-top: 335px !important;
}
.margin-top-336px {
  margin-top: 336px !important;
}
.margin-top-337px {
  margin-top: 337px !important;
}
.margin-top-338px {
  margin-top: 338px !important;
}
.margin-top-339px {
  margin-top: 339px !important;
}
.margin-top-340px {
  margin-top: 340px !important;
}
.margin-top-341px {
  margin-top: 341px !important;
}
.margin-top-342px {
  margin-top: 342px !important;
}
.margin-top-343px {
  margin-top: 343px !important;
}
.margin-top-344px {
  margin-top: 344px !important;
}
.margin-top-345px {
  margin-top: 345px !important;
}
.margin-top-346px {
  margin-top: 346px !important;
}
.margin-top-347px {
  margin-top: 347px !important;
}
.margin-top-348px {
  margin-top: 348px !important;
}
.margin-top-349px {
  margin-top: 349px !important;
}
.margin-top-350px {
  margin-top: 350px !important;
}
.margin-top-351px {
  margin-top: 351px !important;
}
.margin-top-352px {
  margin-top: 352px !important;
}
.margin-top-353px {
  margin-top: 353px !important;
}
.margin-top-354px {
  margin-top: 354px !important;
}
.margin-top-355px {
  margin-top: 355px !important;
}
.margin-top-356px {
  margin-top: 356px !important;
}
.margin-top-357px {
  margin-top: 357px !important;
}
.margin-top-358px {
  margin-top: 358px !important;
}
.margin-top-359px {
  margin-top: 359px !important;
}
.margin-top-360px {
  margin-top: 360px !important;
}
.margin-top-361px {
  margin-top: 361px !important;
}
.margin-top-362px {
  margin-top: 362px !important;
}
.margin-top-363px {
  margin-top: 363px !important;
}
.margin-top-364px {
  margin-top: 364px !important;
}
.margin-top-365px {
  margin-top: 365px !important;
}
.margin-top-366px {
  margin-top: 366px !important;
}
.margin-top-367px {
  margin-top: 367px !important;
}
.margin-top-368px {
  margin-top: 368px !important;
}
.margin-top-369px {
  margin-top: 369px !important;
}
.margin-top-370px {
  margin-top: 370px !important;
}
.margin-top-371px {
  margin-top: 371px !important;
}
.margin-top-372px {
  margin-top: 372px !important;
}
.margin-top-373px {
  margin-top: 373px !important;
}
.margin-top-374px {
  margin-top: 374px !important;
}
.margin-top-375px {
  margin-top: 375px !important;
}
.margin-top-376px {
  margin-top: 376px !important;
}
.margin-top-377px {
  margin-top: 377px !important;
}
.margin-top-378px {
  margin-top: 378px !important;
}
.margin-top-379px {
  margin-top: 379px !important;
}
.margin-top-380px {
  margin-top: 380px !important;
}
.margin-top-381px {
  margin-top: 381px !important;
}
.margin-top-382px {
  margin-top: 382px !important;
}
.margin-top-383px {
  margin-top: 383px !important;
}
.margin-top-384px {
  margin-top: 384px !important;
}
.margin-top-385px {
  margin-top: 385px !important;
}
.margin-top-386px {
  margin-top: 386px !important;
}
.margin-top-387px {
  margin-top: 387px !important;
}
.margin-top-388px {
  margin-top: 388px !important;
}
.margin-top-389px {
  margin-top: 389px !important;
}
.margin-top-390px {
  margin-top: 390px !important;
}
.margin-top-391px {
  margin-top: 391px !important;
}
.margin-top-392px {
  margin-top: 392px !important;
}
.margin-top-393px {
  margin-top: 393px !important;
}
.margin-top-394px {
  margin-top: 394px !important;
}
.margin-top-395px {
  margin-top: 395px !important;
}
.margin-top-396px {
  margin-top: 396px !important;
}
.margin-top-397px {
  margin-top: 397px !important;
}
.margin-top-398px {
  margin-top: 398px !important;
}
.margin-top-399px {
  margin-top: 399px !important;
}
.margin-top-400px {
  margin-top: 400px !important;
}
.margin-top-401px {
  margin-top: 401px !important;
}
.margin-top-402px {
  margin-top: 402px !important;
}
.margin-top-403px {
  margin-top: 403px !important;
}
.margin-top-404px {
  margin-top: 404px !important;
}
.margin-top-405px {
  margin-top: 405px !important;
}
.margin-top-406px {
  margin-top: 406px !important;
}
.margin-top-407px {
  margin-top: 407px !important;
}
.margin-top-408px {
  margin-top: 408px !important;
}
.margin-top-409px {
  margin-top: 409px !important;
}
.margin-top-410px {
  margin-top: 410px !important;
}
.margin-top-411px {
  margin-top: 411px !important;
}
.margin-top-412px {
  margin-top: 412px !important;
}
.margin-top-413px {
  margin-top: 413px !important;
}
.margin-top-414px {
  margin-top: 414px !important;
}
.margin-top-415px {
  margin-top: 415px !important;
}
.margin-top-416px {
  margin-top: 416px !important;
}
.margin-top-417px {
  margin-top: 417px !important;
}
.margin-top-418px {
  margin-top: 418px !important;
}
.margin-top-419px {
  margin-top: 419px !important;
}
.margin-top-420px {
  margin-top: 420px !important;
}
.margin-top-421px {
  margin-top: 421px !important;
}
.margin-top-422px {
  margin-top: 422px !important;
}
.margin-top-423px {
  margin-top: 423px !important;
}
.margin-top-424px {
  margin-top: 424px !important;
}
.margin-top-425px {
  margin-top: 425px !important;
}
.margin-top-426px {
  margin-top: 426px !important;
}
.margin-top-427px {
  margin-top: 427px !important;
}
.margin-top-428px {
  margin-top: 428px !important;
}
.margin-top-429px {
  margin-top: 429px !important;
}
.margin-top-430px {
  margin-top: 430px !important;
}
.margin-top-431px {
  margin-top: 431px !important;
}
.margin-top-432px {
  margin-top: 432px !important;
}
.margin-top-433px {
  margin-top: 433px !important;
}
.margin-top-434px {
  margin-top: 434px !important;
}
.margin-top-435px {
  margin-top: 435px !important;
}
.margin-top-436px {
  margin-top: 436px !important;
}
.margin-top-437px {
  margin-top: 437px !important;
}
.margin-top-438px {
  margin-top: 438px !important;
}
.margin-top-439px {
  margin-top: 439px !important;
}
.margin-top-440px {
  margin-top: 440px !important;
}
.margin-top-441px {
  margin-top: 441px !important;
}
.margin-top-442px {
  margin-top: 442px !important;
}
.margin-top-443px {
  margin-top: 443px !important;
}
.margin-top-444px {
  margin-top: 444px !important;
}
.margin-top-445px {
  margin-top: 445px !important;
}
.margin-top-446px {
  margin-top: 446px !important;
}
.margin-top-447px {
  margin-top: 447px !important;
}
.margin-top-448px {
  margin-top: 448px !important;
}
.margin-top-449px {
  margin-top: 449px !important;
}
.margin-top-450px {
  margin-top: 450px !important;
}
.margin-top-451px {
  margin-top: 451px !important;
}
.margin-top-452px {
  margin-top: 452px !important;
}
.margin-top-453px {
  margin-top: 453px !important;
}
.margin-top-454px {
  margin-top: 454px !important;
}
.margin-top-455px {
  margin-top: 455px !important;
}
.margin-top-456px {
  margin-top: 456px !important;
}
.margin-top-457px {
  margin-top: 457px !important;
}
.margin-top-458px {
  margin-top: 458px !important;
}
.margin-top-459px {
  margin-top: 459px !important;
}
.margin-top-460px {
  margin-top: 460px !important;
}
.margin-top-461px {
  margin-top: 461px !important;
}
.margin-top-462px {
  margin-top: 462px !important;
}
.margin-top-463px {
  margin-top: 463px !important;
}
.margin-top-464px {
  margin-top: 464px !important;
}
.margin-top-465px {
  margin-top: 465px !important;
}
.margin-top-466px {
  margin-top: 466px !important;
}
.margin-top-467px {
  margin-top: 467px !important;
}
.margin-top-468px {
  margin-top: 468px !important;
}
.margin-top-469px {
  margin-top: 469px !important;
}
.margin-top-470px {
  margin-top: 470px !important;
}
.margin-top-471px {
  margin-top: 471px !important;
}
.margin-top-472px {
  margin-top: 472px !important;
}
.margin-top-473px {
  margin-top: 473px !important;
}
.margin-top-474px {
  margin-top: 474px !important;
}
.margin-top-475px {
  margin-top: 475px !important;
}
.margin-top-476px {
  margin-top: 476px !important;
}
.margin-top-477px {
  margin-top: 477px !important;
}
.margin-top-478px {
  margin-top: 478px !important;
}
.margin-top-479px {
  margin-top: 479px !important;
}
.margin-top-480px {
  margin-top: 480px !important;
}
.margin-top-481px {
  margin-top: 481px !important;
}
.margin-top-482px {
  margin-top: 482px !important;
}
.margin-top-483px {
  margin-top: 483px !important;
}
.margin-top-484px {
  margin-top: 484px !important;
}
.margin-top-485px {
  margin-top: 485px !important;
}
.margin-top-486px {
  margin-top: 486px !important;
}
.margin-top-487px {
  margin-top: 487px !important;
}
.margin-top-488px {
  margin-top: 488px !important;
}
.margin-top-489px {
  margin-top: 489px !important;
}
.margin-top-490px {
  margin-top: 490px !important;
}
.margin-top-491px {
  margin-top: 491px !important;
}
.margin-top-492px {
  margin-top: 492px !important;
}
.margin-top-493px {
  margin-top: 493px !important;
}
.margin-top-494px {
  margin-top: 494px !important;
}
.margin-top-495px {
  margin-top: 495px !important;
}
.margin-top-496px {
  margin-top: 496px !important;
}
.margin-top-497px {
  margin-top: 497px !important;
}
.margin-top-498px {
  margin-top: 498px !important;
}
.margin-top-499px {
  margin-top: 499px !important;
}
.margin-top-500px {
  margin-top: 500px !important;
}
.margin-top-501px {
  margin-top: 501px !important;
}
.margin-top-502px {
  margin-top: 502px !important;
}
.margin-top-503px {
  margin-top: 503px !important;
}
.margin-top-504px {
  margin-top: 504px !important;
}
.margin-top-505px {
  margin-top: 505px !important;
}
.margin-top-506px {
  margin-top: 506px !important;
}
.margin-top-507px {
  margin-top: 507px !important;
}
.margin-top-508px {
  margin-top: 508px !important;
}
.margin-top-509px {
  margin-top: 509px !important;
}
.margin-top-510px {
  margin-top: 510px !important;
}
.margin-top-511px {
  margin-top: 511px !important;
}
.margin-top-512px {
  margin-top: 512px !important;
}
.margin-top-513px {
  margin-top: 513px !important;
}
.margin-top-514px {
  margin-top: 514px !important;
}
.margin-top-515px {
  margin-top: 515px !important;
}
.margin-top-516px {
  margin-top: 516px !important;
}
.margin-top-517px {
  margin-top: 517px !important;
}
.margin-top-518px {
  margin-top: 518px !important;
}
.margin-top-519px {
  margin-top: 519px !important;
}
.margin-top-520px {
  margin-top: 520px !important;
}
.margin-top-521px {
  margin-top: 521px !important;
}
.margin-top-522px {
  margin-top: 522px !important;
}
.margin-top-523px {
  margin-top: 523px !important;
}
.margin-top-524px {
  margin-top: 524px !important;
}
.margin-top-525px {
  margin-top: 525px !important;
}
.margin-top-526px {
  margin-top: 526px !important;
}
.margin-top-527px {
  margin-top: 527px !important;
}
.margin-top-528px {
  margin-top: 528px !important;
}
.margin-top-529px {
  margin-top: 529px !important;
}
.margin-top-530px {
  margin-top: 530px !important;
}
.margin-top-531px {
  margin-top: 531px !important;
}
.margin-top-532px {
  margin-top: 532px !important;
}
.margin-top-533px {
  margin-top: 533px !important;
}
.margin-top-534px {
  margin-top: 534px !important;
}
.margin-top-535px {
  margin-top: 535px !important;
}
.margin-top-536px {
  margin-top: 536px !important;
}
.margin-top-537px {
  margin-top: 537px !important;
}
.margin-top-538px {
  margin-top: 538px !important;
}
.margin-top-539px {
  margin-top: 539px !important;
}
.margin-top-540px {
  margin-top: 540px !important;
}
.margin-top-541px {
  margin-top: 541px !important;
}
.margin-top-542px {
  margin-top: 542px !important;
}
.margin-top-543px {
  margin-top: 543px !important;
}
.margin-top-544px {
  margin-top: 544px !important;
}
.margin-top-545px {
  margin-top: 545px !important;
}
.margin-top-546px {
  margin-top: 546px !important;
}
.margin-top-547px {
  margin-top: 547px !important;
}
.margin-top-548px {
  margin-top: 548px !important;
}
.margin-top-549px {
  margin-top: 549px !important;
}
.margin-top-550px {
  margin-top: 550px !important;
}
.margin-top-551px {
  margin-top: 551px !important;
}
.margin-top-552px {
  margin-top: 552px !important;
}
.margin-top-553px {
  margin-top: 553px !important;
}
.margin-top-554px {
  margin-top: 554px !important;
}
.margin-top-555px {
  margin-top: 555px !important;
}
.margin-top-556px {
  margin-top: 556px !important;
}
.margin-top-557px {
  margin-top: 557px !important;
}
.margin-top-558px {
  margin-top: 558px !important;
}
.margin-top-559px {
  margin-top: 559px !important;
}
.margin-top-560px {
  margin-top: 560px !important;
}
.margin-top-561px {
  margin-top: 561px !important;
}
.margin-top-562px {
  margin-top: 562px !important;
}
.margin-top-563px {
  margin-top: 563px !important;
}
.margin-top-564px {
  margin-top: 564px !important;
}
.margin-top-565px {
  margin-top: 565px !important;
}
.margin-top-566px {
  margin-top: 566px !important;
}
.margin-top-567px {
  margin-top: 567px !important;
}
.margin-top-568px {
  margin-top: 568px !important;
}
.margin-top-569px {
  margin-top: 569px !important;
}
.margin-top-570px {
  margin-top: 570px !important;
}
.margin-top-571px {
  margin-top: 571px !important;
}
.margin-top-572px {
  margin-top: 572px !important;
}
.margin-top-573px {
  margin-top: 573px !important;
}
.margin-top-574px {
  margin-top: 574px !important;
}
.margin-top-575px {
  margin-top: 575px !important;
}
.margin-top-576px {
  margin-top: 576px !important;
}
.margin-top-577px {
  margin-top: 577px !important;
}
.margin-top-578px {
  margin-top: 578px !important;
}
.margin-top-579px {
  margin-top: 579px !important;
}
.margin-top-580px {
  margin-top: 580px !important;
}
.margin-top-581px {
  margin-top: 581px !important;
}
.margin-top-582px {
  margin-top: 582px !important;
}
.margin-top-583px {
  margin-top: 583px !important;
}
.margin-top-584px {
  margin-top: 584px !important;
}
.margin-top-585px {
  margin-top: 585px !important;
}
.margin-top-586px {
  margin-top: 586px !important;
}
.margin-top-587px {
  margin-top: 587px !important;
}
.margin-top-588px {
  margin-top: 588px !important;
}
.margin-top-589px {
  margin-top: 589px !important;
}
.margin-top-590px {
  margin-top: 590px !important;
}
.margin-top-591px {
  margin-top: 591px !important;
}
.margin-top-592px {
  margin-top: 592px !important;
}
.margin-top-593px {
  margin-top: 593px !important;
}
.margin-top-594px {
  margin-top: 594px !important;
}
.margin-top-595px {
  margin-top: 595px !important;
}
.margin-top-596px {
  margin-top: 596px !important;
}
.margin-top-597px {
  margin-top: 597px !important;
}
.margin-top-598px {
  margin-top: 598px !important;
}
.margin-top-599px {
  margin-top: 599px !important;
}
.margin-top-600px {
  margin-top: 600px !important;
}
.margin-top-601px {
  margin-top: 601px !important;
}
.margin-top-602px {
  margin-top: 602px !important;
}
.margin-top-603px {
  margin-top: 603px !important;
}
.margin-top-604px {
  margin-top: 604px !important;
}
.margin-top-605px {
  margin-top: 605px !important;
}
.margin-top-606px {
  margin-top: 606px !important;
}
.margin-top-607px {
  margin-top: 607px !important;
}
.margin-top-608px {
  margin-top: 608px !important;
}
.margin-top-609px {
  margin-top: 609px !important;
}
.margin-top-610px {
  margin-top: 610px !important;
}
.margin-top-611px {
  margin-top: 611px !important;
}
.margin-top-612px {
  margin-top: 612px !important;
}
.margin-top-613px {
  margin-top: 613px !important;
}
.margin-top-614px {
  margin-top: 614px !important;
}
.margin-top-615px {
  margin-top: 615px !important;
}
.margin-top-616px {
  margin-top: 616px !important;
}
.margin-top-617px {
  margin-top: 617px !important;
}
.margin-top-618px {
  margin-top: 618px !important;
}
.margin-top-619px {
  margin-top: 619px !important;
}
.margin-top-620px {
  margin-top: 620px !important;
}
.margin-top-621px {
  margin-top: 621px !important;
}
.margin-top-622px {
  margin-top: 622px !important;
}
.margin-top-623px {
  margin-top: 623px !important;
}
.margin-top-624px {
  margin-top: 624px !important;
}
.margin-top-625px {
  margin-top: 625px !important;
}
.margin-top-626px {
  margin-top: 626px !important;
}
.margin-top-627px {
  margin-top: 627px !important;
}
.margin-top-628px {
  margin-top: 628px !important;
}
.margin-top-629px {
  margin-top: 629px !important;
}
.margin-top-630px {
  margin-top: 630px !important;
}
.margin-top-631px {
  margin-top: 631px !important;
}
.margin-top-632px {
  margin-top: 632px !important;
}
.margin-top-633px {
  margin-top: 633px !important;
}
.margin-top-634px {
  margin-top: 634px !important;
}
.margin-top-635px {
  margin-top: 635px !important;
}
.margin-top-636px {
  margin-top: 636px !important;
}
.margin-top-637px {
  margin-top: 637px !important;
}
.margin-top-638px {
  margin-top: 638px !important;
}
.margin-top-639px {
  margin-top: 639px !important;
}
.margin-top-640px {
  margin-top: 640px !important;
}
.margin-top-641px {
  margin-top: 641px !important;
}
.margin-top-642px {
  margin-top: 642px !important;
}
.margin-top-643px {
  margin-top: 643px !important;
}
.margin-top-644px {
  margin-top: 644px !important;
}
.margin-top-645px {
  margin-top: 645px !important;
}
.margin-top-646px {
  margin-top: 646px !important;
}
.margin-top-647px {
  margin-top: 647px !important;
}
.margin-top-648px {
  margin-top: 648px !important;
}
.margin-top-649px {
  margin-top: 649px !important;
}
.margin-top-650px {
  margin-top: 650px !important;
}
.margin-top-651px {
  margin-top: 651px !important;
}
.margin-top-652px {
  margin-top: 652px !important;
}
.margin-top-653px {
  margin-top: 653px !important;
}
.margin-top-654px {
  margin-top: 654px !important;
}
.margin-top-655px {
  margin-top: 655px !important;
}
.margin-top-656px {
  margin-top: 656px !important;
}
.margin-top-657px {
  margin-top: 657px !important;
}
.margin-top-658px {
  margin-top: 658px !important;
}
.margin-top-659px {
  margin-top: 659px !important;
}
.margin-top-660px {
  margin-top: 660px !important;
}
.margin-top-661px {
  margin-top: 661px !important;
}
.margin-top-662px {
  margin-top: 662px !important;
}
.margin-top-663px {
  margin-top: 663px !important;
}
.margin-top-664px {
  margin-top: 664px !important;
}
.margin-top-665px {
  margin-top: 665px !important;
}
.margin-top-666px {
  margin-top: 666px !important;
}
.margin-top-667px {
  margin-top: 667px !important;
}
.margin-top-668px {
  margin-top: 668px !important;
}
.margin-top-669px {
  margin-top: 669px !important;
}
.margin-top-670px {
  margin-top: 670px !important;
}
.margin-top-671px {
  margin-top: 671px !important;
}
.margin-top-672px {
  margin-top: 672px !important;
}
.margin-top-673px {
  margin-top: 673px !important;
}
.margin-top-674px {
  margin-top: 674px !important;
}
.margin-top-675px {
  margin-top: 675px !important;
}
.margin-top-676px {
  margin-top: 676px !important;
}
.margin-top-677px {
  margin-top: 677px !important;
}
.margin-top-678px {
  margin-top: 678px !important;
}
.margin-top-679px {
  margin-top: 679px !important;
}
.margin-top-680px {
  margin-top: 680px !important;
}
.margin-top-681px {
  margin-top: 681px !important;
}
.margin-top-682px {
  margin-top: 682px !important;
}
.margin-top-683px {
  margin-top: 683px !important;
}
.margin-top-684px {
  margin-top: 684px !important;
}
.margin-top-685px {
  margin-top: 685px !important;
}
.margin-top-686px {
  margin-top: 686px !important;
}
.margin-top-687px {
  margin-top: 687px !important;
}
.margin-top-688px {
  margin-top: 688px !important;
}
.margin-top-689px {
  margin-top: 689px !important;
}
.margin-top-690px {
  margin-top: 690px !important;
}
.margin-top-691px {
  margin-top: 691px !important;
}
.margin-top-692px {
  margin-top: 692px !important;
}
.margin-top-693px {
  margin-top: 693px !important;
}
.margin-top-694px {
  margin-top: 694px !important;
}
.margin-top-695px {
  margin-top: 695px !important;
}
.margin-top-696px {
  margin-top: 696px !important;
}
.margin-top-697px {
  margin-top: 697px !important;
}
.margin-top-698px {
  margin-top: 698px !important;
}
.margin-top-699px {
  margin-top: 699px !important;
}
.margin-top-700px {
  margin-top: 700px !important;
}
.margin-top-701px {
  margin-top: 701px !important;
}
.margin-top-702px {
  margin-top: 702px !important;
}
.margin-top-703px {
  margin-top: 703px !important;
}
.margin-top-704px {
  margin-top: 704px !important;
}
.margin-top-705px {
  margin-top: 705px !important;
}
.margin-top-706px {
  margin-top: 706px !important;
}
.margin-top-707px {
  margin-top: 707px !important;
}
.margin-top-708px {
  margin-top: 708px !important;
}
.margin-top-709px {
  margin-top: 709px !important;
}
.margin-top-710px {
  margin-top: 710px !important;
}
.margin-top-711px {
  margin-top: 711px !important;
}
.margin-top-712px {
  margin-top: 712px !important;
}
.margin-top-713px {
  margin-top: 713px !important;
}
.margin-top-714px {
  margin-top: 714px !important;
}
.margin-top-715px {
  margin-top: 715px !important;
}
.margin-top-716px {
  margin-top: 716px !important;
}
.margin-top-717px {
  margin-top: 717px !important;
}
.margin-top-718px {
  margin-top: 718px !important;
}
.margin-top-719px {
  margin-top: 719px !important;
}
.margin-top-720px {
  margin-top: 720px !important;
}
.margin-top-721px {
  margin-top: 721px !important;
}
.margin-top-722px {
  margin-top: 722px !important;
}
.margin-top-723px {
  margin-top: 723px !important;
}
.margin-top-724px {
  margin-top: 724px !important;
}
.margin-top-725px {
  margin-top: 725px !important;
}
.margin-top-726px {
  margin-top: 726px !important;
}
.margin-top-727px {
  margin-top: 727px !important;
}
.margin-top-728px {
  margin-top: 728px !important;
}
.margin-top-729px {
  margin-top: 729px !important;
}
.margin-top-730px {
  margin-top: 730px !important;
}
.margin-top-731px {
  margin-top: 731px !important;
}
.margin-top-732px {
  margin-top: 732px !important;
}
.margin-top-733px {
  margin-top: 733px !important;
}
.margin-top-734px {
  margin-top: 734px !important;
}
.margin-top-735px {
  margin-top: 735px !important;
}
.margin-top-736px {
  margin-top: 736px !important;
}
.margin-top-737px {
  margin-top: 737px !important;
}
.margin-top-738px {
  margin-top: 738px !important;
}
.margin-top-739px {
  margin-top: 739px !important;
}
.margin-top-740px {
  margin-top: 740px !important;
}
.margin-top-741px {
  margin-top: 741px !important;
}
.margin-top-742px {
  margin-top: 742px !important;
}
.margin-top-743px {
  margin-top: 743px !important;
}
.margin-top-744px {
  margin-top: 744px !important;
}
.margin-top-745px {
  margin-top: 745px !important;
}
.margin-top-746px {
  margin-top: 746px !important;
}
.margin-top-747px {
  margin-top: 747px !important;
}
.margin-top-748px {
  margin-top: 748px !important;
}
.margin-top-749px {
  margin-top: 749px !important;
}
.margin-top-750px {
  margin-top: 750px !important;
}
.margin-top-751px {
  margin-top: 751px !important;
}
.margin-top-752px {
  margin-top: 752px !important;
}
.margin-top-753px {
  margin-top: 753px !important;
}
.margin-top-754px {
  margin-top: 754px !important;
}
.margin-top-755px {
  margin-top: 755px !important;
}
.margin-top-756px {
  margin-top: 756px !important;
}
.margin-top-757px {
  margin-top: 757px !important;
}
.margin-top-758px {
  margin-top: 758px !important;
}
.margin-top-759px {
  margin-top: 759px !important;
}
.margin-top-760px {
  margin-top: 760px !important;
}
.margin-top-761px {
  margin-top: 761px !important;
}
.margin-top-762px {
  margin-top: 762px !important;
}
.margin-top-763px {
  margin-top: 763px !important;
}
.margin-top-764px {
  margin-top: 764px !important;
}
.margin-top-765px {
  margin-top: 765px !important;
}
.margin-top-766px {
  margin-top: 766px !important;
}
.margin-top-767px {
  margin-top: 767px !important;
}
.margin-top-768px {
  margin-top: 768px !important;
}
.margin-top-769px {
  margin-top: 769px !important;
}
.margin-top-770px {
  margin-top: 770px !important;
}
.margin-top-771px {
  margin-top: 771px !important;
}
.margin-top-772px {
  margin-top: 772px !important;
}
.margin-top-773px {
  margin-top: 773px !important;
}
.margin-top-774px {
  margin-top: 774px !important;
}
.margin-top-775px {
  margin-top: 775px !important;
}
.margin-top-776px {
  margin-top: 776px !important;
}
.margin-top-777px {
  margin-top: 777px !important;
}
.margin-top-778px {
  margin-top: 778px !important;
}
.margin-top-779px {
  margin-top: 779px !important;
}
.margin-top-780px {
  margin-top: 780px !important;
}
.margin-top-781px {
  margin-top: 781px !important;
}
.margin-top-782px {
  margin-top: 782px !important;
}
.margin-top-783px {
  margin-top: 783px !important;
}
.margin-top-784px {
  margin-top: 784px !important;
}
.margin-top-785px {
  margin-top: 785px !important;
}
.margin-top-786px {
  margin-top: 786px !important;
}
.margin-top-787px {
  margin-top: 787px !important;
}
.margin-top-788px {
  margin-top: 788px !important;
}
.margin-top-789px {
  margin-top: 789px !important;
}
.margin-top-790px {
  margin-top: 790px !important;
}
.margin-top-791px {
  margin-top: 791px !important;
}
.margin-top-792px {
  margin-top: 792px !important;
}
.margin-top-793px {
  margin-top: 793px !important;
}
.margin-top-794px {
  margin-top: 794px !important;
}
.margin-top-795px {
  margin-top: 795px !important;
}
.margin-top-796px {
  margin-top: 796px !important;
}
.margin-top-797px {
  margin-top: 797px !important;
}
.margin-top-798px {
  margin-top: 798px !important;
}
.margin-top-799px {
  margin-top: 799px !important;
}
.margin-top-800px {
  margin-top: 800px !important;
}
.max-height-0vh {
  max-height: 0vh !important;
}
.max-height-1vh {
  max-height: 1vh !important;
}
.max-height-2vh {
  max-height: 2vh !important;
}
.max-height-3vh {
  max-height: 3vh !important;
}
.max-height-4vh {
  max-height: 4vh !important;
}
.max-height-5vh {
  max-height: 5vh !important;
}
.max-height-6vh {
  max-height: 6vh !important;
}
.max-height-7vh {
  max-height: 7vh !important;
}
.max-height-8vh {
  max-height: 8vh !important;
}
.max-height-9vh {
  max-height: 9vh !important;
}
.max-height-10vh {
  max-height: 10vh !important;
}
.max-height-11vh {
  max-height: 11vh !important;
}
.max-height-12vh {
  max-height: 12vh !important;
}
.max-height-13vh {
  max-height: 13vh !important;
}
.max-height-14vh {
  max-height: 14vh !important;
}
.max-height-15vh {
  max-height: 15vh !important;
}
.max-height-16vh {
  max-height: 16vh !important;
}
.max-height-17vh {
  max-height: 17vh !important;
}
.max-height-18vh {
  max-height: 18vh !important;
}
.max-height-19vh {
  max-height: 19vh !important;
}
.max-height-20vh {
  max-height: 20vh !important;
}
.max-height-21vh {
  max-height: 21vh !important;
}
.max-height-22vh {
  max-height: 22vh !important;
}
.max-height-23vh {
  max-height: 23vh !important;
}
.max-height-24vh {
  max-height: 24vh !important;
}
.max-height-25vh {
  max-height: 25vh !important;
}
.max-height-26vh {
  max-height: 26vh !important;
}
.max-height-27vh {
  max-height: 27vh !important;
}
.max-height-28vh {
  max-height: 28vh !important;
}
.max-height-29vh {
  max-height: 29vh !important;
}
.max-height-30vh {
  max-height: 30vh !important;
}
.max-height-31vh {
  max-height: 31vh !important;
}
.max-height-32vh {
  max-height: 32vh !important;
}
.max-height-33vh {
  max-height: 33vh !important;
}
.max-height-34vh {
  max-height: 34vh !important;
}
.max-height-35vh {
  max-height: 35vh !important;
}
.max-height-36vh {
  max-height: 36vh !important;
}
.max-height-37vh {
  max-height: 37vh !important;
}
.max-height-38vh {
  max-height: 38vh !important;
}
.max-height-39vh {
  max-height: 39vh !important;
}
.max-height-40vh {
  max-height: 40vh !important;
}
.max-height-41vh {
  max-height: 41vh !important;
}
.max-height-42vh {
  max-height: 42vh !important;
}
.max-height-43vh {
  max-height: 43vh !important;
}
.max-height-44vh {
  max-height: 44vh !important;
}
.max-height-45vh {
  max-height: 45vh !important;
}
.max-height-46vh {
  max-height: 46vh !important;
}
.max-height-47vh {
  max-height: 47vh !important;
}
.max-height-48vh {
  max-height: 48vh !important;
}
.max-height-49vh {
  max-height: 49vh !important;
}
.max-height-50vh {
  max-height: 50vh !important;
}
.max-height-51vh {
  max-height: 51vh !important;
}
.max-height-52vh {
  max-height: 52vh !important;
}
.max-height-53vh {
  max-height: 53vh !important;
}
.max-height-54vh {
  max-height: 54vh !important;
}
.max-height-55vh {
  max-height: 55vh !important;
}
.max-height-56vh {
  max-height: 56vh !important;
}
.max-height-57vh {
  max-height: 57vh !important;
}
.max-height-58vh {
  max-height: 58vh !important;
}
.max-height-59vh {
  max-height: 59vh !important;
}
.max-height-60vh {
  max-height: 60vh !important;
}
.max-height-61vh {
  max-height: 61vh !important;
}
.max-height-62vh {
  max-height: 62vh !important;
}
.max-height-63vh {
  max-height: 63vh !important;
}
.max-height-64vh {
  max-height: 64vh !important;
}
.max-height-65vh {
  max-height: 65vh !important;
}
.max-height-66vh {
  max-height: 66vh !important;
}
.max-height-67vh {
  max-height: 67vh !important;
}
.max-height-68vh {
  max-height: 68vh !important;
}
.max-height-69vh {
  max-height: 69vh !important;
}
.max-height-70vh {
  max-height: 70vh !important;
}
.max-height-71vh {
  max-height: 71vh !important;
}
.max-height-72vh {
  max-height: 72vh !important;
}
.max-height-73vh {
  max-height: 73vh !important;
}
.max-height-74vh {
  max-height: 74vh !important;
}
.max-height-75vh {
  max-height: 75vh !important;
}
.max-height-76vh {
  max-height: 76vh !important;
}
.max-height-77vh {
  max-height: 77vh !important;
}
.max-height-78vh {
  max-height: 78vh !important;
}
.max-height-79vh {
  max-height: 79vh !important;
}
.max-height-80vh {
  max-height: 80vh !important;
}
.max-height-81vh {
  max-height: 81vh !important;
}
.max-height-82vh {
  max-height: 82vh !important;
}
.max-height-83vh {
  max-height: 83vh !important;
}
.max-height-84vh {
  max-height: 84vh !important;
}
.max-height-85vh {
  max-height: 85vh !important;
}
.max-height-86vh {
  max-height: 86vh !important;
}
.max-height-87vh {
  max-height: 87vh !important;
}
.max-height-88vh {
  max-height: 88vh !important;
}
.max-height-89vh {
  max-height: 89vh !important;
}
.max-height-90vh {
  max-height: 90vh !important;
}
.max-height-91vh {
  max-height: 91vh !important;
}
.max-height-92vh {
  max-height: 92vh !important;
}
.max-height-93vh {
  max-height: 93vh !important;
}
.max-height-94vh {
  max-height: 94vh !important;
}
.max-height-95vh {
  max-height: 95vh !important;
}
.max-height-96vh {
  max-height: 96vh !important;
}
.max-height-97vh {
  max-height: 97vh !important;
}
.max-height-98vh {
  max-height: 98vh !important;
}
.max-height-99vh {
  max-height: 99vh !important;
}
.max-height-100vh {
  max-height: 100vh !important;
}
.c-wrapper {
  background-color: #f9fafb;
}
.btn-secondary {
  background: #ffffff;
  border: 0px;
  width: auto;
  white-space: normal;
  border-radius: 4px;
}
.btn-secondary:hover, .btn-secondary:active {
  background: #ffffff;
}
/* Global compatibility classes */
.ml-0 {
  margin-left: 0 !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.ml-3 {
  margin-left: 1rem !important;
}
.ml-4 {
  margin-left: 1.5rem !important;
}
.ml-5 {
  margin-left: 3rem !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mr-3 {
  margin-right: 1rem !important;
}
.mr-4 {
  margin-right: 1.5rem !important;
}
.mr-5 {
  margin-right: 3rem !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.pl-3 {
  padding-left: 1rem !important;
}
.pl-4 {
  padding-left: 1.5rem !important;
}
.pl-5 {
  padding-left: 3rem !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pr-3 {
  padding-right: 1rem !important;
}
.pr-4 {
  padding-right: 1.5rem !important;
}
.pr-5 {
  padding-right: 3rem !important;
}
button:disabled {
  cursor: default;
}
button.disabled {
  cursor: default;
}
.btn-brand:not(:only-child) .c-icon {
  margin-top: 0 !important;
}
p {
  font-family: "Lato", sans-serif;
}
.custom-scroll-bar {
  overflow-y: scroll;
}
.custom-scroll-bar::-webkit-scrollbar {
  width: 4px;
}
.custom-scroll-bar::-webkit-scrollbar-thumb {
  background-color: #dfdedd;
  border-radius: 5px;
  height: 20px;
}
.icon-button {
  cursor: pointer;
  color: #4178ff;
}
.Cancel-order {
  background-color: blank;
}
.search-bar-container {
  width: 100%;
  /* margin: 0 auto;*/
  height: 52px;
  position: relative;
}
.search-bar {
  background: transparent;
  border: 1px solid #f6f6f6;
  font-size: 15px;
  padding-left: 40px;
  color: #4e5860;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  width: 100%;
  height: 80%;
  border-radius: 50px;
}
.search-bar:focus {
  outline: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.search-bar-icon {
  position: absolute;
  left: 12px;
  top: 16px;
  font-size: 22px;
  color: rgba(172, 10, 10, 0.8196078431);
}
.line-height-1 {
  line-height: 1;
}
.search-result {
  position: absolute;
  top: 42px;
  width: 98%;
  max-height: 300px;
  overflow-y: auto;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28);
  z-index: 1;
  background-color: white;
}
.list-group-item {
  cursor: pointer;
}
.list-group-item.active,
.list-group-item:hover {
  background-color: #e1e3e5;
  border-color: #d3d5d7;
}
.Leadgroup-card {
  border: 2px solid #ced2d8;
  border-collapse: separate;
  border-radius: 1.25rem;
}
.c-app {
  overflow: hidden;
}
@media screen and (max-width: 478px) {
  .c-header img {
    height: 25px;
  }
}
@media screen and (max-width: 375px) {
  .c-header img {
    height: 22px;
  }
}
.light-gray {
  color: #7f7f8a;
}
.sc {
  font-size: 0.75rem;
}
.height-50 {
  max-height: 50px;
}
.margin-15 {
  margin: 0 -15px;
}
.btn-blue {
  color: #0052ce;
}
.cursor-pointer {
  cursor: pointer;
}
.font-blue {
  color: #002d72;
}
.fs-22 {
  font-size: 22px;
}
.fs-18 {
  font-size: 18px;
}
.fs-16 {
  font-size: 16px;
}
.mb-20 {
  margin-bottom: 20px;
}
.font-075 {
  font-size: 0.75rem;
}
.br-4 {
  border-radius: 4px;
}
.cblack {
  color: #000000;
}
.fs-24 {
  font-size: 2rem;
}
.modal-paymentMethod-dialog {
  top: 15%;
  max-width: 750px !important;
  overflow: auto;
}
.modal-paymentMethod-content {
  width: auto;
  height: auto;
}
.divMapSection {
  margin-left: "5vh";
  height: auto;
  width: 100%;
  border: "1px solid black";
}
.marginRight-6v {
  margin-right: "6vh";
}
.hr-line-order {
  border-width: 1px;
  border-color: #8c8b8b;
  margin-top: 0rem;
}
.div-border-rev-order {
  display: inline-block;
  border: "1px solid #8c8b8b";
}
table {
  border-collapse: separate;
  border: solid black 1px;
  border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
}
.fa-times-circle:hover {
  color: red;
  cursor: pointer;
}
.row-bordered {
  display: block;
  margin: 0;
}
.border-W1 {
  border: 1px solid rgb(148, 145, 145);
}
.mr--5 {
  margin-right: -1.4vh;
}
.parentEnable {
  position: fixed;
  top: 0;
  left: 0;
  background: #666;
  opacity: 0.8;
  z-index: 998;
  height: 100%;
  width: 100%;
}
.parentDisable {
  position: fixed;
  top: 0;
  left: 0;
  background: #666;
  opacity: 0.8;
  z-index: 998;
  height: 100%;
  width: 100%;
  visibility: hidden;
}
.overlay-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  background: #fdfdfd;
  opacity: 0.8;
  z-index: 1000;
}
.input-disabled {
  background-color: #fdfdfd !important;
  cursor: not-allowed;
}
.input-NotValid {
  background-color: #fdfdfd !important;
  border: 2px solid red;
}
.bg-light {
  background-color: #f9fafb !important;
}
.c-sidebar,
.c-sidebar-brand,
.c-sidebar-minimizer {
  background-color: #ffffff !important;
}
.c-header .c-header-toggler-icon {
  background-image: url("/assets/bars-CBsl5zuw.png") !important;
  background-size: inherit;
}
body {
  background-color: #f9fafb !important;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: #333333;
  margin: 0;
  padding: 0;
  min-height: 100%;
}
body h6 {
  cursor: pointer;
}
body .listheader h5 {
  word-wrap: normal;
  font-size: 14px;
  font-weight: 700;
  color: #474748;
  /*text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;*/
  width: 100%;
}
/*
.cardTitle, .card-body{
    font-family: Open Sans, Helvetica Neue, sans-serif;

}*/
.fa,
.fas,
.far,
.fal {
  color: #2370a4;
}
.quickSearch-icon {
  font-size: 20px;
  /*height: 38px;
    width: 45px;
    text-align: center;
    padding: 0px;
    margin: 0px;*/
  margin-left: -30px;
  /* padding-left: 3px;
    padding-top: 2px;
    background-color: $background-white;
    border-radius: 0 .25rem 0.25rem 0;
    border-color: #C1C1C2 !important;
    border-width: 2px 2px 2px 0px;
    border-style: solid;*/
  z-index: 1;
}
/*  .form-control:focus {
  .quickSearch-icon {
          /box-shadow: 0.2rem 0.2rem 0.2rem 0px rgb(0 123 255/25%);
  }
}*/
/*
.form-control{
  font-size: 0.975rem !important;
  border:1px solid #B1B2B6;

  height: 38px;
  letter-spacing: 1px;
  padding-right:35px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  }*/
.form-control:focus::placeholder {
  color: transparent;
}
.form-control-orderleads {
  border: 1px solid #b1b2b6;
  padding: 3px;
  height: 26px;
  font-size: 16px;
  display: inline-block;
  width: 100%;
}
.shoppingCartqty {
  border: 1px solid #b1b2b6;
  padding: 3px;
  height: 26px;
  text-align: right;
  font-size: 16px;
  max-width: 70px;
  width: 65px;
}
.form-control-shoppingCart {
  font-size: 0.875rem !important;
  border: 1px solid #b1b2b6;
  height: 30px;
  width: 100% !important;
}
.form-control {
  border-color: #dfdedd;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: rgba(167, 168, 169, 0.231372549);
  opacity: 1;
}
.form-control:focus {
  border-color: rgba(29, 66, 137, 0.8);
  border-width: 2px;
  /*box-shadow: 0 0 0 0.2rem rgba(29, 66, 137, 0.20);*/
  box-shadow: none;
}
.shopping-cart-input {
  max-width: 4rem;
  min-width: 4rem;
  margin: auto;
  display: block;
  height: 1.8rem;
  text-align: right;
}
.w-20 {
  width: 20% !important;
}
.w-15 {
  width: 15% !important;
}
.w-10 {
  width: 10% !important;
}
.bold {
  font-weight: 700;
}
.textcenter {
  text-align: center;
}
.user-menu {
  font-family: "Lato", sans-serif;
}
.card {
  letter-spacing: 1px;
}
.cardTitle {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-bottom: 0px;
  width: 100%;
  font-size: 16px;
  font-weight: 800;
  color: #000000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.cardTitle + a i {
  font-size: 1.125rem;
  color: #2371a4;
}
.receivedDateFilterText {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 800;
  color: #000000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
}
.receivedDateFilterIcon {
  color: #000000;
  padding: 0.3rem;
  padding-left: 0;
}
/*
  .card-body{
    padding-bottom:0px;
  }
  */
.cardLabel {
  /* width: 50%;*/
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  font-size: 14px;
  color: #4b4b4c;
  margin: 0px;
  padding-bottom: 2px;
  word-wrap: normal;
}
.stateIdCls {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
}
.stateIdCls:hover {
  overflow: visible;
  white-space: normal;
}
/*
  .cardValue{
    word-wrap: normal;
  }
  */
.borderedCard {
  border: 2px solid #386a92;
}
.form-check-input {
  width: 15px;
  height: 15px;
  zoom: 1.2;
  margin-top: 3px;
}
.list-input {
  width: 15px;
  height: 15px;
}
.card {
  border-radius: 0.45rem;
}
.card-header:first-child {
  display: flex;
  flex-direction: row;
  border-radius: 0.45rem 0.45rem 0 0;
  /* padding-right:20px;*/
}
.tableHeaderWrapper {
  height: 32px;
  width: 100%;
}
/**/
.formDiv {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
.formDivSearch {
  width: 80%;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
.formDiv .rbt {
  width: 100%;
}
.formDivSearch .rbt {
  width: 100%;
}
.formDiv input {
  padding-right: 3rem !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.formDivSearch input {
  padding-right: 3rem !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.filterSearch {
  padding: 1rem 0;
  border: 1px solid #dcdcdc;
  border-width: 1px 0;
}
.filterSearch i {
  font-weight: 100;
}
.tableHeader {
  height: 30px;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-bottom: 40px;
}
.tableLeft {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.tableLeft i:first-child {
  padding-left: 0px;
}
.tableLeft i {
  padding-left: 1.5rem;
  font-weight: 100;
}
.tableLeft {
  /* div {
      margin-left:1.5rem;
      margin-right:0.9rem;
    }*/
}
.icon-active {
  color: #7ecc34;
}
.tableLeft .icon-active {
  color: #7ecc34;
  text-shadow: 1px 1px 1px #f1f1f1;
  font-weight: 400;
}
.tableRight {
  display: flex;
  width: 20%;
  align-items: center;
  padding: 0% 0% 1%;
  justify-content: flex-end;
}
.tableRight i {
  padding: 0% 5%;
  font-weight: 100;
}
.tableRight .iconLabel {
  font-size: 11px;
  font-weight: 500;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
}
.tableRight .borderRight {
  border-right: 2px solid #dfe3e6;
  height: 40px;
  width: 0%;
}
.iconLabel {
  font-size: 11px;
  font-weight: 500;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
}
@media only screen and (min-width: 768px) {
  .fixedWidthButton {
    width: 200px !important;
  }
  .fixedWidthButton-270 {
    width: 270px !important;
  }
}
.hLine {
  border-color: #2370a4;
}
.borderRight,
.borderRightRealtime {
  border-right: 2px solid #dfe3e6;
  height: 40px;
  width: 0%;
}
@media only screen and (max-width: 575px) {
  .borderRight {
    border-right: 2px solid rgba(223, 227, 230, 0);
    padding-bottom: 1rem;
  }
}
.mobileview__toggle {
  display: none;
}
@media only screen and (max-width: 601px) {
  .borderRightRealtime {
    border-right: 2px solid rgba(223, 227, 230, 0);
    padding-bottom: 1rem;
  }
  .webview__toggle {
    display: none !important;
  }
  .mobileview__toggle {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #ffffff;
    background-color: #051d43;
    padding: 18px 0px;
    padding-right: 1.5rem;
    position: fixed;
    z-index: 99;
    top: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  #grid {
    display: none;
  }
}
@media only screen and (max-width: 1023px) and (orientation: landscape) {
  #grid {
    display: none;
  }
  i:nth-child(2) {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 428px) and (orientation: portrait) {
  .tableRight #grid {
    display: none;
  }
}
@media only screen and (max-width: 926px) and (orientation: landscape) {
  .tableRight #grid {
    display: none;
  }
}
.expandIconView {
  margin-left: -5px;
}
.assignLeads_select .css-2b097c-container {
  width: 100%;
}
.c-sidebar-nav {
  font-size: 17px;
  letter-spacing: 0px;
  order: 2;
}
@media (min-width: 992px) {
  .c-sidebar-minimized .c-sidebar-minimizer {
    position: static;
  }
}
.listcard {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  /* margin-bottom: 1.5rem; */
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid #d8dbe0;
  border-top: 0;
  /*border-radius: 0.25rem;*/
  background-color: #ffffff;
  height: auto;
  padding: 10px 0px 10px 0;
}
.listcard:last-child {
  border-radius: 0px 0px 0.25rem 0.25rem;
}
.listcard p {
  word-wrap: normal;
}
.listdiv {
  /* padding: 2%;
     width: "100%"*/
  margin-left: -12px;
}
.listheader {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  /* margin-bottom: 1.5rem; */
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid #d8dbe0;
  border-radius: 0.25rem 0.25rem 0px 0px;
  background-color: #e6ecf1;
  height: 50px;
  justify-content: center;
}
.table {
  margin: 0px;
  padding: 0px;
  border-spacing: 0px;
  border: 1px solid #d8dbe0;
}
.table thead th {
  border: none;
  border-bottom: 1px solid #ccc !important;
}
.table thead th h5 {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
}
.table .thead-light th {
  border: 0px;
  height: 50px;
  vertical-align: middle;
  background-color: #d2d7da;
  color: #000000;
}
.table .thead-light th:first-child {
  border-top-left-radius: 0.4rem;
}
.table .thead-light th:last-child {
  border-top-right-radius: 0.4rem;
}
.table tbody:last-child tr td:first-child {
  border-bottom-left-radius: 0.4rem !important;
}
.table tbody:last-child tr td:last-child {
  border-bottom-right-radius: 0.4rem !important;
}
@media only screen and (max-width: 1409px) {
  .table .thead-light th {
    vertical-align: top;
  }
}
/*
.table tbody:last-child tr td{

  border-bottom:none;
}*/
.table tbody {
  border: 1px solid #d8dbe0;
  border-top: 0;
  /*border-radius: 0.25rem;*/
  background-color: #ffffff;
}
.table tbody td {
  border: none;
  border-bottom: 1px solid #cccccc;
  border-radius: 0px !important;
}
.table-outline td {
  vertical-align: top;
}
.table-hover tbody tr:hover {
  /* color: #3c4b64;
  background-color: rgba(0, 0, 21, 0.075);*/
  border: 2px solid #386a92;
  background: transparent;
}
.tableInner {
  width: 100%;
  border: none;
  border-spacing: 0px;
}
.tableInner td {
  border: none;
}
.tableInner tr:hover {
  background-color: transparent;
}
.assetsHeader th {
  background: rgb(31, 49, 95);
  color: #ffffff;
}
.assetsHeader th:first-child {
  border-top-left-radius: 0.4rem;
}
.assetsHeader th:last-child {
  border-top-right-radius: 0.4rem;
}
.pagination {
  display: flex;
  justify-content: center;
  list-style: none;
  cursor: pointer;
  align-items: center;
}
/*
  #manageLeadPagination{
    display:flex;
    flex: 0 0 100%;
    max-width: 100%;
     justify-content: space-between;
  }
*/
.pagination li {
  padding-right: 10px;
}
.pagination li a {
  display: inline-block;
  text-align: center;
  line-height: 25px;
  padding: 0px 8px;
  text-decoration: none;
  /*width: 35px;
    height: 35px;*/
  color: #4e7c97;
  /*font-weight: bold;*/
  letter-spacing: 0px;
  white-space: nowrap;
}
.pagination li a:hover {
  color: #4e7c97;
  border-radius: 10%;
  background-color: #cccccc;
}
.pagination__link--active a {
  /*border: 2px solid #4E7C97;*/
  color: #ffffff !important;
  border-radius: 10%;
  background-color: #465863;
  font-weight: bold;
}
.previous .pagination__link {
  border-right: 2px solid #dfe3e6;
  font-size: 24px;
  font-weight: 800;
  padding-right: 20px;
}
.previous a:hover {
  background-color: transparent !important;
}
.next .pagination__link {
  border-left: 2px solid #dfe3e6;
  font-size: 24px;
  font-weight: 800;
  padding-left: 16px;
}
.next a:hover {
  background-color: transparent !important;
}
.pagination__link--disabled a {
  color: rgb(198, 197, 202) !important;
}
.pagination li:first-child {
  padding-right: 20px;
}
.pagination li:last-child {
  padding-left: 20px;
}
.paginationWrapper {
  display: flex;
  /*align-items: center;*/
  justify-content: center;
}
.paginationWrapper .recordsperpage {
  padding-right: 0px;
  padding-top: 5px;
  padding-left: 20px;
  white-space: nowrap;
  position: absolute;
  right: 30px;
  text-align: right;
}
.paginationWrapper .recordsperpage select {
  height: 36px;
  padding: 7px 12px;
  font-size: 13px;
  line-height: 1.5384616;
  color: #333;
  background-color: #fff;
  border: 1px solid #ddd;
  outline: 0;
}
/*
.paginationWrapper .recordsperpage select option:checked,
.paginationWrapper .recordsperpage select option:hover {
    box-shadow: 0 0 10px 100px #000 inset;

    background-color:blue;
}*/
.paginationWrapper .recordsperpage select:focus > option:hover {
  box-shadow: 0 0 10px 100px #000 inset;
  background-color: blue;
}
.paginationWrapper .recordsperpage div {
  display: inline;
}
button.close span:first-child {
  font-size: 30px;
  font-weight: 200;
}
.modal-header {
  padding: 0.5rem 1rem;
}
.modal-footer {
  justify-content: flex-start;
  border-top: 0px;
}
.modal-noteReminder-dialog {
  max-width: 750px;
  top: 20%;
}
@media (max-width: 1280px) {
  .modal-disclaimer-content {
    width: auto;
  }
}
.note-modal-body .date-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
}
.note-modal-body .date-wrapper input {
  min-width: 300px;
}
.note-modal-body .date-wrapper p {
  margin: 0 0 0 10px;
}
.custom-note-section {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 10px 0 5px;
}
.modal-noteReminder-content .modal-header {
  border-color: transparent;
  padding: 1.5rem 1rem 0;
}
.modal-noteReminder-content .modal-header #addNoteReminder {
  font-size: 1.65rem;
}
.modal-noteReminder-content .modal-header label {
  font-size: 0.895rem;
  margin: 0 15px;
}
.modal-noteReminder-content .modal-header label input {
  margin-right: 3px;
  top: 1px;
  position: relative;
}
.btn-primary:active {
  background: #0b4164;
  box-shadow: 0 0 0 0.2rem rgba(31, 49, 95, 0.2);
}
.btn-primary:focus {
  box-shadow: none;
}
.btn:focus,
.btn.focus {
  outline: 0;
  box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(31, 49, 95, 0.2);
}
.btn-outline-primary,
.btn-outline-primary-noborder {
  width: 100%;
  max-width: 100%;
  outline: 0 !important;
  background: #ffffff;
  color: #0052ce;
  padding: 0.4rem 1rem;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  border-radius: 3px;
  text-transform: capitalize;
}
.btn-outline-primary {
  border: 1px solid #0052ce;
}
.btn-outline-primary:hover {
  color: #0052ce;
  background-color: #fff;
  border: 1px solid #0052ce;
}
.btn-outline-primary:not(:disabled):not(.disabled):active {
  color: #0052ce;
  background-color: #fff;
  border: 1px solid #0052ce;
  box-shadow: 0 0 0 0.2rem rgba(31, 49, 95, 0.2);
}
.btn-outline-primary:focus {
  box-shadow: none;
}
.btn-outline-primary:disabled {
  opacity: 0.65;
  color: #0052ce;
  cursor: not-allowed !important;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(31, 49, 95, 0.2);
}
/*
.btn-outline-primary:hover {
  color: #2371A4;
  background-color: transparent;
  border: 1px solid #2371A4;
}
*/
.btn-primary:disabled {
  opacity: 0.65;
  background-color: #a0c4f8 !important;
  cursor: not-allowed !important;
}
.btn-outline-secondary {
  padding: 0.4rem 1rem;
}
.btn-primary.btn-warn:active {
  background: #ffd390 !important;
  box-shadow: 0 0 0 0.2rem rgba(31, 49, 95, 0.2);
  color: #434a51 !important;
  outline: none !important;
}
.btn-link {
  font-weight: 400;
  color: #2371a4 !important;
  text-decoration: none;
  text-underline-offset: 2px;
  padding: 0px;
}
.btn-link:disabled {
  color: #a7a8a9 !important;
  font-weight: 400;
}
.couponBtnLink {
  font-weight: 600;
}
.couponCodeInput {
  width: 170px;
}
.dropdown-item:active {
  text-decoration: none !important;
  color: #0052ce;
  background-color: #f1faff;
}
.dropdown-item:hover {
  text-decoration: none !important;
  background: #f1faff;
  color: #0052ce;
}
.c-header .dropdown-menu {
  padding-bottom: 0;
}
.c-header .dropdown-menu .dropdown-item {
  border-bottom: 1px solid #dfdedd;
}
.submenu-icon {
  margin-right: 1rem;
  font-size: 1rem;
  color: #4178ff;
}
.carddiv {
  border: 1px solid #ced2d8;
  border-collapse: separate;
  border-radius: 1.25rem;
  background-color: white;
  padding: 3%;
}
.carddivSize {
  height: 600px;
  max-height: 100%;
  width: 100%;
  margin-bottom: 20px;
  margin-right: 1.3rem;
  overflow-x: hidden !important;
}
.card-deck .card {
  -webkit-flex: 1 0;
  flex: 1 0;
  margin-right: 15px;
  margin-bottom: 0;
  margin-left: 15px;
}
@media screen and (max-width: 576px) {
  .card-deck .card {
    margin-bottom: 1.5rem !important;
  }
  .card-deck {
    flex-direction: column;
  }
}
@media screen and (min-width: 576px) {
  .card-deck {
    flex-direction: column;
  }
}
.cardContent {
  padding: 0% 4%;
}
#editicon {
  display: flex;
  justify-content: flex-end;
  padding-right: 4%;
  height: 1.5rem;
}
#viewInput input {
  height: 2rem;
  padding: 0.375rem 0.75rem;
  width: 100%;
  color: #3b3b3b;
  border: 1px solid rgba(167, 168, 169, 0.168627451);
  background-color: #f2f2f2;
  border-radius: 0.25rem;
}
#viewInput .inputDropdown {
  flex: 0 0 100%;
  max-width: 100%;
}
#viewInput .checkboxDiv {
  position: relative;
  display: block;
}
#viewInput .inputCheckbox {
  width: 18px;
}
#viewInput textarea {
  width: 100%;
  border-radius: 0.25rem;
}
.css-g1d714-ValueContainer {
  max-height: 30px;
}
#inputDiv .multiselectdd {
  width: 100%;
}
#inputDiv input {
  width: 100%;
  height: 2rem;
  padding: 0.375rem 0.75rem 0.375rem 0.55rem;
  color: #808080;
  border: 1px solid #ccc;
  background: transparent;
  border-radius: 0.25rem;
}
#inputDiv input[type=text]:focus,
#inputDiv input[type=text]:focus-visible {
  border-color: rgba(29, 66, 137, 0.8);
  border-width: 2px;
  /*box-shadow: 0 0 0 0.2rem rgba(29, 66, 137, 0.20);*/
  box-shadow: none;
}
#inputDiv .input[type=text]:not(:focus):focus-visible {
  border-color: rgba(29, 66, 137, 0.8);
  border-width: 2px;
  /*box-shadow: 0 0 0 0.2rem rgba(29, 66, 137, 0.20);*/
  box-shadow: none;
}
#inputDiv .btn:focus:not(:focus-visible) {
  box-shadow: none;
}
#inputDiv .css-b8ldur-Input input:focus {
  box-shadow: none;
}
#inputDiv .css-g1d714-ValueContainer {
  position: static;
}
#inputDiv .inputDropdown {
  flex: 0 0 100%;
  max-width: 100%;
}
#inputDiv .checkboxDiv {
  position: relative;
  display: block;
}
#inputDiv .inputCheckbox {
  width: 18px;
}
#inputDiv textarea {
  width: 100%;
  border-radius: 0.25rem;
}
#inputDiv .input-error {
  border-color: red;
  background-color: rgba(255, 0, 0, 0.05);
}
/*
.btn-Add-Cart{
 width:auto;
 font-size: 14px;
  font-weight: 600;
  letter-spacing: .5px;
}
*/
/*shopping cart table styles start */
.table-shoppingcart {
  width: 100%;
  margin: 0 auto;
  max-width: 100%;
  border: 1px solid #b1b2b6;
  border-radius: 0.4rem;
  border-spacing: 0px;
  background: #ffffff;
  margin-top: 1.5rem;
}
.table-shoppingcart td,
.table-shoppingcart th {
  border: none;
  padding: 10px;
  vertical-align: top !important;
  text-align: left;
}
.table-shoppingcart th {
  border: none;
  border-bottom: 1px solid #ccc !important;
}
.table-shoppingcart tbody {
  background: none;
}
.table-shoppingcart tr:last-child td:first-child {
  border-bottom-left-radius: 0.2rem;
}
.table-shoppingcart tr:last-child td:last-child {
  border-bottom-right-radius: 0.2rem;
}
@media screen and (max-width: 300px) {
  .table-shoppingcart {
    border: none;
  }
  .table-shoppingcart td,
  .table-shoppingcart th {
    border: none;
  }
  .table-mo-shoppingcart tbody tr {
    margin-bottom: 10px;
  }
  .table-mo-shoppingcart td:before {
    content: attr(title);
    display: block;
    font-weight: bold;
    margin: 0 0 2px;
    color: #000;
    width: 100% !important;
  }
  .table-mo-shoppingcart td:before {
    width: 100%;
  }
}
@media screen and (max-width: 601px) {
  .table-shoppingcart tr.highlight-reminder {
    background-color: transparent;
  }
  .table-shoppingcart {
    border: none;
  }
  .table-shoppingcart td,
  .table-shoppingcart th {
    border: none;
  }
  .table-mo-shoppingcart {
    word-wrap: break-word;
  }
  .table-mo-shoppingcart thead {
    position: absolute;
    left: -999em;
    top: -999em;
  }
  .table-mo-shoppingcart td {
    display: block;
    float: left;
    width: 100%;
    clear: both;
    /*background:#f5f5f5;*/
    padding: 10px 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0px;
    border-radius: 0.4rem;
    text-align: left !important;
    justify-content: flex-start !important;
  }
  .table-mo-shoppingcart tbody td:first-child {
    padding-top: 50px;
  }
  .table-mo-shoppingcart tbody,
  .table-mo-shoppingcart tr {
    display: block;
    border: 0px;
    background: #ffffff;
  }
  .table-mo-shoppingcart td:before {
    content: attr(title);
    display: inline-table;
    font-weight: bold;
    margin: 0 0 2px;
    color: #000;
    width: 40%;
  }
  .table-mo-shoppingcart td div {
    display: inline;
  }
  .table-mo-shoppingcart tbody tr {
    float: left;
    width: 100%;
    margin: 0px;
    border: 1px solid #b1b2b6;
    border-radius: 0.8rem;
    border-spacing: 0px;
    margin-bottom: 20px;
  }
  .table-mo-shoppingcart tbody {
    background: none;
  }
  .table-shoppingcart {
    background: none;
  }
  .table-mo-shoppingcart tbody .action {
    position: absolute;
    right: 40px;
    padding-top: 20px !important;
    width: 10%;
    white-space: nowrap;
    background: transparent;
  }
  .table-mo-shoppingcart .input-mo-view {
    width: 25%;
  }
}
.shoppingcart-amt-wrapper {
  padding: 0;
  display: flex;
  /* flex-wrap: nowrap; */
  align-items: flex-end;
}
.coupon-row {
  display: flex;
  flex-wrap: nowrap;
}
.coupon-row > label {
  text-align: right;
  /*padding: .5em 1em .5em 0;*/
  white-space: nowrap;
}
.coupon-row > .coupon-input {
  width: 200px;
  height: 30px;
}
.amt-row {
  display: flex;
  flex-wrap: wrap;
}
.amt-row > label {
  /* padding: .5rem 1rem;*/
  flex: 3;
  text-align: right;
}
.amt-row > .val {
  flex: 1;
  text-align: right;
  /*padding: .5rem;*/
}
@media screen and (max-width: 500px) {
  .form-row label,
  .form-row div {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  .shoppingcart-amt-wrapper .form-row label {
    max-width: 25%;
    text-align: lect;
  }
  .coupon-row > label {
    text-align: right;
  }
  .coupon-row > .coupon-input {
    width: 100%;
  }
  .amt-row {
    justify-content: flex-start;
  }
  .amt-row > label {
    flex: auto;
    text-align: left;
  }
  .amt-row > .val {
    text-align: right;
    padding-left: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .amt-row > .val {
    flex: 1;
    text-align: right;
  }
  .amt-row {
    padding: 0px;
  }
}
@media screen and (min-width: 992px) {
  .amt-row > .val {
    flex: 1;
    text-align: right;
  }
}
@media screen and (min-width: 1200px) {
  .amt-row > .val {
    flex: 1;
    text-align: right;
  }
}
/* shopping cart styles end*/
.edit-savebtn button,
.edit-atnbtn div {
  width: 150px;
  cursor: pointer;
}
.campaign button {
  margin-right: 0.5rem;
}
@media screen and (max-width: 1800px) {
  .campaign button {
    width: 120px;
  }
}
@media screen and (max-width: 576px) {
  .edit-savebtn {
    width: 100%;
    /* max-width: 100%; */
    /* justify-content: left; */
    text-align: left !important;
    margin-right: 0px !important;
    margin-bottom: 1rem;
  }
  .edit-savebtn .delete-campaign {
    margin: 25px 5px 20px 0;
  }
  .edit-atnbtn {
    width: 100%;
    /* max-width: 100%; */
    /* justify-content: left; */
    text-align: left !important;
    margin-right: 0px !important;
  }
  .edit-savebtn button {
    max-width: 100% !important;
    width: 100% !important;
    margin-right: 0px !important;
    /*margin-bottom:1.25rem;*/
  }
  .edit-atnbtn div {
    max-width: 100% !important;
    width: 100% !important;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 576px) {
  #viewInput .checkboxDiv {
    width: 100%;
  }
  #viewInput .inputCheckbox {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 576px) {
  #inputDiv .inputDropdown {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  #inputDiv .checkboxDiv {
    width: 100%;
  }
  #inputDiv .inputCheckbox {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 700px) {
  .pagination li:first-child {
    padding-right: 10px;
  }
  .pagination li:last-child {
    padding-left: 10px;
  }
  .pagination li {
    padding-right: 4px;
  }
  /*
   #manageLeadPagination{
      padding-right: 45px;
   }

  */
}
@media only screen and (max-width: 767px) {
  .tableHeaderWrapper {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .logoLeftSpace-md {
    margin-left: 20px !important;
  }
}
@media only screen and (max-width: 575px) {
  .formDiv .rbt {
    width: 100%;
  }
}
@media (max-width: 600px) {
  /* .formDiv{
      width: 100% !important;
    }*/
  .formDivSearch {
    width: 100% !important;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 576px) {
  .formDiv {
    width: 100%;
  }
  .formDivSearch {
    width: 100%;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .formDiv {
    width: 100%;
  }
  .formDivSearch {
    width: 100%;
  }
}
.tooltip.show {
  opacity: 1;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #434a51;
}
.tooltip-inner {
  display: block;
  max-width: 270px;
  padding: 1rem;
  color: #ffffff;
  background-color: #434a51;
  border-radius: 0.25rem;
  font-size: 14px;
  font-weight: 200;
  text-align: left;
  padding-bottom: 1rem;
  line-height: 18px;
}
.tooltip-inner .unitCost {
  padding-top: 0.75rem;
  font-weight: 500;
}
.tooltip-inner svg {
  float: right;
}
#actionsId .dropdown {
  position: relative;
  display: inline-block;
}
#actionsId ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  top: 45px;
  right: 0px;
  width: 305px;
  background-color: white;
  font-weight: bold;
  position: absolute;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(167, 168, 169, 0.2666666667);
  border-radius: 0.4rem;
  z-index: 1;
}
#actionsId li a,
#actionsId li .no-credit {
  color: #000;
  text-decoration: none;
  font-weight: normal;
}
#actionsId li .no-credit {
  color: #7f7f8a;
  font-style: italic;
}
#actionsId li {
  text-align: left;
  padding: 8px 16px;
  border-bottom: 1px solid #e5e5e5;
}
#actionsId li.no-credit-li {
  cursor: not-allowed !important;
}
#actionsId li:last-child {
  border-bottom: none;
}
#actionsId li:hover {
  background-color: #e5e5e5;
  color: white;
}
#actionsId .button {
  background-color: #2371a4;
  padding: 0.5rem 1rem;
  color: white;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: capitalize;
  font-weight: 600;
}
.edit-atnbtn .disabled div {
  cursor: not-allowed !important;
}
.edit-atnbtn .disabled {
  opacity: 0.65;
  background-color: #a7a8a9 !important;
  cursor: not-allowed !important;
}
#actionsId .button:active {
  box-shadow: 0 0 0 0.2rem rgba(31, 49, 95, 0.2);
}
#actionsId .button:before {
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  content: "";
  height: 0.65em;
  /* left: 0.15em; */
  position: absolute;
  right: 13px;
  top: 12px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  vertical-align: top;
  width: 0.65em;
}
.colorBlack {
  color: #000000;
}
.colorWhite {
  color: #ffffff;
}
.dropdown {
  position: relative;
}
.dropdown-content {
  position: absolute;
  background-color: #f1f1f1;
  min-width: 12.8rem;
  overflow: auto;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  top: 0.9rem;
  left: -12.5rem;
  padding: 0.3rem 0.3rem 0.2rem 0.3rem;
  text-align: left;
}
.hideElement {
  display: none;
}
.disableAlertIcon {
  opacity: 0.6;
}
.enableAlertIcon {
  opacity: 1;
}
.showElement {
  display: inline;
}
.leadsgroupTextsize {
  font-size: 16px;
  font-weight: 800;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.leadsgroupTextsize2 {
  font-size: 16px;
}
.leadtypeOuterdiv h6 {
  line-height: 20px;
}
svg.infoCircle {
  width: 16px;
  height: 16px;
  cursor: pointer;
  vertical-align: Top;
  margin-top: 3px;
}
.leadtypeOuterdiv .overlay {
  color: "#000";
  cursor: pointer;
  height: 20px;
  width: 20px;
  font-size: 20px;
}
.col-form-label {
  font-weight: 500;
}
.iconSize-15 {
  font-size: 1.5rem;
}
.iconSize-12 {
  font-size: 1.25rem;
}
.iconSize-14 {
  font-size: 16px;
  cursor: pointer;
}
.iconSizewidth-24 {
  width: 1.25rem !important;
  cursor: pointer;
}
.iconWidth-25 {
  width: 2.5rem !important;
  cursor: pointer;
}
.iconSize-24 {
  font-size: 1.5rem !important;
  cursor: pointer;
}
.iconSize-25 {
  font-size: 2.5rem !important;
  cursor: pointer;
}
.disabledIcon {
  opacity: 0.6;
  cursor: none;
  pointer-events: not-allowed;
  color: #a7a8a9;
}
.iconSize-10 {
  font-size: 0.1rem;
  cursor: pointer;
}
.successIconSize {
  width: 100% !important;
  max-width: 65px;
  border-radius: 4px 0 0 4px;
  background-color: #d8f5d9;
}
.successIconSize svg {
  color: #434a51;
}
.disableIconPointer {
  pointer-events: none;
}
.div-editTitle {
  align-items: center;
}
.h1-editTitle {
  /*margin-Top: 10px;
  width: 50%;
  color: #676A6D;*/
  color: #202a44;
  font-weight: 100;
  white-space: nowrap;
  letter-spacing: 0px;
}
.h3-title {
  color: #202a44;
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: 0px;
}
.titleIcon {
  color: #202a44;
  font-size: 1.75rem;
}
.bg-transparent {
  background: transparent;
}
.leaddiv {
  padding: 0% 0%;
}
.leadCard {
  margin-bottom: 10%;
}
.leadCard h1 {
  font-size: 16px;
  font-weight: 800;
  padding: 2% 4%;
}
.h-60 {
  height: 60px;
}
.cards-dropdown {
  width: 100%;
}
.h-550 {
  height: 550px;
}
.hiddenRow {
  padding: 0;
  width: 30%;
}
.hiddenRow .textSize h5 {
  color: #768192;
}
.hiddenRow .textAddress {
  color: #3c4b64;
}
.hiddenRow .thead-light th {
  height: 30px !important;
  background-color: #d2d7da;
}
.td-bgColor {
  /*border-top: 1px dotted #d8dbe0 !important;*/
  background-color: #f8f9fa;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.table tbody tr:focus,
.table tbody tr:focus-visible {
  background-color: #f8f9fa;
  outline: 0;
  /*remove outline*/
}
.chekoutOrderbg-Border {
  background-color: #ffffff;
  border: 1px solid #b1b2b6;
  border-top-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
  margin-top: 1.5rem;
}
.checkoutOrderbg {
  border: 1px solid #b1b2b6;
  border-width: 1px 1px 1px 0px;
  background-color: #e6ecf1;
  border-top-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
  margin-top: 1.5rem;
}
.chekoutOrderbg-Borderbottom {
  border-bottom: 1px solid #b1b2b6;
}
@media screen and (max-width: 576px) {
  .chekoutOrderbg-Border {
    border: 1px solid #b1b2b6;
    border-radius: 0.4rem;
  }
  .checkoutOrderbg {
    border: 1px solid #b1b2b6;
    background-color: #e6ecf1;
    border-radius: 0.4rem;
  }
}
.ordersummary-msg {
  font-size: 16px;
  line-height: 1.5;
  border-radius: 0 4px 4px 0;
  color: #434a51;
  display: flex;
  align-items: center;
  margin-left: 65px;
}
#haveCards td {
  border-radius: 0px !important;
}
#haveCards:last-child td {
  border: none;
}
#haveCards:last-child td:first-child {
  border-bottom-left-radius: 0.4rem !important;
}
#haveCards:last-child td:last-child {
  border-bottom-right-radius: 0.4rem !important;
}
.c-sidebar-nav-icon {
  height: 1.5rem !important;
  margin-right: -5px;
}
.c-sidebar-nav-link {
  font-size: 19px;
  font-weight: 400;
  padding: 1.4445rem 1rem;
  font-family: "Lato", sans-serif;
}
.c-sidebar-nav-link .c-sidebar-nav-icon.inactive {
  display: block;
}
.c-sidebar-nav-link .c-sidebar-nav-icon.active {
  display: none;
}
@media only screen and (max-width: 768px) {
  .c-header-nav-link {
    line-height: 0;
    font-size: 0px;
    color: transparent;
  }
  .dropdown-toggle::after {
    display: inline;
    color: transparent;
    font-size: 20px;
  }
  .mobile-userIcon {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  .c-avatar {
    display: none;
  }
  .dropdown-toggle::after {
    display: none;
  }
}
.width-30 {
  width: 30%;
}
.flex-item {
  padding-bottom: 20px;
}
hr.logoborder {
  width: 80%;
  border-color: #7584a6;
  margin: 0 auto;
  padding: 0px;
}
hr.sectionDivider {
  width: 100%;
  border-color: #cccccc;
  margin: 0 auto;
  padding: 0px;
}
@media only screen and (max-width: 387px) {
  hr.sectionDivider {
    margin: 0 auto;
    /* margin-top:1.85rem;*/
  }
  #cardViewDiv {
    margin-top: 2rem !important;
  }
}
@media only screen and (max-width: 992px) {
  .c-sidebar-backdrop .c-show {
    opacity: 0.5;
  }
  .c-sidebar-backdrop .c-fade {
    opacity: 0;
  }
  .c-sidebar-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1030;
    width: 100vw;
    height: 100vh;
    background-color: #000015;
    transition: 0.3s;
  }
  .c-sidebar .sidebar-cash,
  .c-sidebar .sidebar-close {
    display: flex !important;
    justify-content: flex-end;
    padding: 1rem 1rem 1rem 0;
    font-size: 1rem;
  }
  .c-sidebar .sidebar-close {
    padding: 1rem 1rem 0 0;
    font-size: 1.5rem;
  }
}
#filterContent {
  margin-left: 0px;
  background-color: #f4f8fb !important;
  width: 300px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
  overflow-x: hidden;
  line-height: 1.3;
  z-index: 1032;
}
#filterContent.manageLeads {
  width: 315px;
}
#filterContent.manageLeads .dropdown-item {
  display: flex;
  white-space: normal;
  padding: 0.25rem 0.5rem;
}
@media (max-width: 991px) {
  #filterContent.manageLeads {
    width: 100% !important;
  }
}
#filterContent p {
  height: 10px;
}
#filterContent .scrollable {
  overflow-y: auto;
  overflow-x: hidden;
}
#filterContent .scrollable::-webkit-scrollbar {
  height: 7px;
  width: 4px;
}
#filterContent .scrollable::-webkit-scrollbar-thumb {
  margin-right: 2px;
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  cursor: pointer;
}
#filterContent .css-yk16xz-control {
  border-color: #a7a8a9;
}
.c-sidebar .c-sidebar-nav-link:hover {
  color: #434a51;
  background: #f9fafb;
  text-decoration: none !important;
  /*.c-sidebar .c-sidebar-nav-link[title]:hover::after {
    content:attr(title);
    color:transparent;
    border:none;
  }*/
}
.c-sidebar .c-sidebar-nav-link.c-active,
.c-sidebar {
  /* background: rgba(255, 255, 255, 0.15);*/
  background: #f9fafb;
  color: #051d43;
  text-decoration: none;
  border-left: outset;
  font-weight: 700;
  padding-left: 0;
}
.c-sidebar .c-sidebar-nav-link.c-active .sidebar-close,
.c-sidebar .c-sidebar-nav-link.c-active .sidebar-cash,
.c-sidebar .sidebar-close,
.c-sidebar .sidebar-cash {
  display: none;
}
.c-active .sidebarIcons {
  color: #1d4289;
}
.c-sidebar .c-sidebar-nav-link.c-active .c-sidebar-nav-icon {
  /* filter: brightness(0) saturate(100%) invert(19%) sepia(84%) saturate(1473%) hue-rotate(203deg) brightness(91%) contrast(93%);*/
  filter: brightness(0) saturate(100%) invert(11%) sepia(64%) saturate(608%) hue-rotate(184deg) brightness(89%) contrast(93%);
  color: #202a44;
}
.c-sidebar .c-sidebar-nav-link.c-active .c-sidebar-nav-icon.inactive {
  display: none;
}
.c-sidebar .c-sidebar-nav-link.c-active .c-sidebar-nav-icon.active {
  display: block;
}
.c-sidebar-nav-link .c-sidebar-nav-icon {
  color: rgb(67, 74, 81) !important;
}
.c-sidebar.c-sidebar-minimized .c-sidebar-nav-item:hover > .c-sidebar-nav-link,
.c-sidebar.c-sidebar-minimized .c-sidebar-nav-item:hover > .c-sidebar-nav-dropdown-toggle {
  background: rgba(255, 255, 255, 0.15);
  width: 56px !important;
  color: transparent;
}
.c-sidebar.c-sidebar-minimized .c-sidebar-nav-item:hover > .c-sidebar-nav-link .c-sidebar-nav-icon,
.c-sidebar.c-sidebar-minimized .c-sidebar-nav-item:hover > .c-sidebar-nav-dropdown-toggle .c-sidebar-nav-icon {
  filter: brightness(100%) saturate(100%) hue-rotate(365deg);
}
.c-sidebar .c-sidebar-nav-link[title]:hover::after {
  content: attr(title);
  color: transparent;
  border: none;
}
.c-sidebar-minimized .c-sidebar-nav-link[title]:hover::after {
  content: attr(title);
  color: #000;
  border: #000;
}
@media only screen and (min-width: 992px) {
  .c-sidebar-minimized .c-sidebar-nav-link[datatitle]:hover:after {
    opacity: 0;
    visibility: visible !important;
  }
  .c-sidebar-minimized .c-sidebar-nav-link:hover {
    overflow: visible;
    color: transparent;
  }
  .c-sidebar-minimized .c-sidebar-nav-link {
    color: transparent !important;
  }
  .c-sidebar-minimized .c-sidebar-nav-link .c-active {
    color: transparent !important;
  }
}
.c-sidebar-nav-link[datatitle]:hover:after {
  visibility: hidden;
}
/*.c-sidebar-nav-item:hover  {
   .c-active .sidebarIcons {
      color:$background-white;
    }
  }*/
.c-sidebar-nav-link[datatitle]:after {
  content: attr(datatitle);
  position: absolute;
  bottom: 3rem;
  left: 70%;
  padding: 4px;
  border: 1px solid black;
  background-color: #ffffff;
  color: #666;
  white-space: nowrap;
  opacity: 0;
  z-index: 99999;
  font-size: 12px;
  visibility: hidden;
}
.c-sidebar-nav-link[datatitle] {
  position: relative;
  color: rgb(67, 74, 81);
}
/*
  .c-sidebar-nav-link:after{
    width:200px;
  }
*/
.css-114m9zj-menu {
  color: #cccccc !important;
}
.css-1gormuo-menu,
.css-2613qy-menu {
  color: #808080;
}
.filterBgColor {
  background-color: rgba(167, 168, 169, 0.0941176471);
}
.prev-nav,
.next-nav {
  font-size: 40px;
  cursor: pointer;
}
.prev-nav {
  margin-right: -10px;
}
.prev-nav-disabled,
.next-nav-disabled {
  font-size: 40px;
  color: #cccccc;
}
.prev-nav-disabled {
  margin-right: -10px;
}
.agentHeader-border {
  border-bottom: 1px solid #d8dbe0;
  margin-right: 0px;
}
.breakWord {
  word-wrap: break-word;
}
.stickBottomAlign {
  vertical-align: text-bottom;
}
.bread-crumb a,
.bread-crumb label {
  color: rgba(16, 24, 32, 0.8) !important;
  font-size: 14px;
  text-underline-offset: 2px;
}
.bread-crumb label:hover {
  color: rgba(16, 24, 32, 0.8) !important;
  text-decoration: underline;
}
.bread-crumb label,
.bread-crumb text {
  color: #101820;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 0px;
}
#haveCards input[type=radio]:checked {
  background-color: #1d4289;
  border: 1px solid #000;
}
#haveCards input[type=radio] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  outline: none;
  box-shadow: inset 0 0 0 2px #fff;
  border: 2px solid #000000;
}
.agent-card-head {
  justify-content: space-between;
  border-bottom: 1px solid #d8dbe0;
  padding: 0.75rem 1.25rem;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  position: absolute;
  background-color: #f1f1f1;
  min-width: 15.6rem;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  top: 0;
  left: -15.5rem;
  padding: 1rem;
  border-radius: 0.4rem;
}
.dropdown-content i {
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  color: #ababab;
}
.dropdown-content i:active {
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  color: #236da8;
}
.dropdown-content i:enabled {
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  color: #236da8;
}
#menudiv {
  display: flex;
  align-items: center;
  padding-bottom: 12px;
}
#menudiv label {
  text-align: left;
  width: 70%;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #434a51;
}
#menuicondiv {
  display: flex;
  justify-content: space-evenly;
  width: 30%;
}
.cursor-pointer {
  cursor: pointer;
}
.color-red {
  color: #cf4843 !important;
}
#removeItem {
  cursor: pointer;
  width: 1.2rem;
  height: 1.2rem;
}
/* shopping cart icon and badge */
#cartDropDown {
  min-height: 100%;
}
.shoppingCart {
  width: 450px;
  padding: 1.2rem !important;
  background-color: #f4f8fb;
  border-radius: 8px;
  border-color: #ededed;
  border-top-color: transparent;
  position: relative;
  margin-top: -5px !important;
  max-height: 420px;
  overflow-y: auto;
  font-family: "Lato", sans-serif;
}
.shoppingCart * .arrow-up {
  position: absolute;
  top: -12px;
  right: 14px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #f4f8fb;
}
.shoppingCart::-webkit-scrollbar {
  width: 5px;
}
.shoppingCart::-webkit-scrollbar-track {
  background: #f1faff;
}
.shoppingCart::-webkit-scrollbar-thumb {
  background: #dfdedd;
}
.shoppingCart::-webkit-scrollbar-thumb:hover {
  background: #717171;
}
.shoppingCart > p {
  font-size: 1.5rem;
  color: #002d72;
  font-family: "Lato", sans-serif;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.shoppingCart .automate {
  font-size: 1rem;
  font-weight: bold;
  color: #0052ce;
}
.shoppingCart .lead-sec {
  margin-bottom: 1.25rem;
}
.shoppingCart .lead-sec p {
  font-weight: 700;
  margin-bottom: 0.3rem !important;
}
.shoppingCart .lead-sec p svg {
  margin-right: 8px;
}
.shoppingCart .scd-row {
  display: flex;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 10px;
  border-radius: 4px 4px 0 0;
}
.shoppingCart .scd-row .lead-type {
  width: 58%;
  color: #434a51;
  white-space: break-spaces;
}
.shoppingCart .scd-row .lead-type span {
  margin-left: 6px;
  color: #717171;
}
.shoppingCart .scd-row .lead-count {
  width: 20%;
  color: #434a51;
}
.shoppingCart .scd-row .lead-price {
  width: 22%;
  color: #717171;
  display: flex;
  justify-content: space-between;
}
.shoppingCart .scd-row .lead-price span:first-child {
  text-align: right;
}
.shoppingCart .scd-row .lead-price span:last-child {
  cursor: pointer;
  color: #0052ce;
}
.shoppingCart .scd-row:last-child {
  border-radius: 0 0 4px 4px;
}
.btn-row {
  display: flex;
  justify-content: flex-end;
}
.new-btn {
  max-width: 100%;
  height: 40px;
  outline: 0 !important;
  padding: 0.3rem 1rem;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-radius: 3px;
}
.light-btn {
  background: #ffffff;
  color: #0052ce;
  border: 1px solid #0052ce;
}
.light-btn.transparent-btn {
  background-color: transparent;
  border-color: transparent;
}
.dark-btn {
  background: #0052ce;
  color: #ffffff;
  border: 1px solid #0052ce;
}
.dark-btn:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}
.dark-btn.btn-warn {
  background: #ffd390 !important;
  color: #434a51;
  border-color: #ffd390;
}
.dark-btn.btn-warn:active {
  background: #ffd390 !important;
  box-shadow: 0 0 0 0.2rem rgba(31, 49, 95, 0.2);
  color: #434a51 !important;
  outline: none !important;
}
@media (max-width: 768px) {
  .shoppingCart .btn-row {
    flex-direction: column;
  }
  .shoppingCart .btn-row .light-btn {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.c-header-nav .c-header-nav-link svg {
  width: 22px;
  height: 22px;
  color: #ffffff;
}
.badge-warning {
  font-size: 11px;
  background-color: #f1faff;
  color: #434a51;
}
.c-header-nav .c-header-nav-link .badge {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 3px;
  left: auto !important;
}
@media screen and (max-width: 420px) {
  .c-header-nav .c-header-nav-link .badge {
    right: 4px;
  }
}
.c-header-nav .c-header-nav-link .notifyBadge {
  right: 10px;
}
@media screen and (max-width: 420px) {
  .c-header-nav .c-header-nav-link .notifyBadge {
    right: 4px;
  }
}
.c-header-nav .c-header-nav-link {
  padding: 15px;
  text-decoration: none !important;
  color: #ffffff !important;
}
.c-header-nav .c-header-nav-link i {
  color: #ffffff;
}
@media screen and (max-width: 400px) {
  .c-header-nav .c-header-nav-link {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
.c-avatar {
  height: 26px;
}
.sidebarIcons {
  color: white !important;
  font-size: 1.4rem;
}
.mailText {
  color: #4178ff;
  font-weight: 600;
}
.primaryBtn {
  color: #236da8;
}
.flexEnd {
  justify-content: flex-end;
}
.noteText {
  color: red;
}
tr.highlight-reminder {
  background-color: lightgray;
}
.read-or-hide {
  cursor: pointer;
  text-decoration: underline;
}
.note-view-page {
  margin-top: 1.125rem;
}
.note-view-page > div {
  padding: 0;
}
.notAllowedButton {
  cursor: not-allowed !important;
}
.custom-bell .c-icon {
  width: 1.35rem !important;
  height: 1.35rem !important;
}
.crsr-default {
  cursor: default;
}
.table-assets tr td {
  border-bottom: 1px solid #e9e5e5;
}
.table-assets tr:last-child td {
  border-color: transparent;
}
@media screen and (max-width: 767px) {
  .table-assets tbody td:first-child {
    padding-top: 5px;
  }
  .table-assets tr td {
    width: 100%;
  }
  .table-assets tr:last-child td {
    border-bottom: 1px solid #e9e5e5;
  }
}
.campaign-review-title {
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -0.01em;
  color: #002d72;
  margin-bottom: 0px;
}
.edit-icon {
  color: #4b4b4c;
}
.campaign-review-value {
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -0.01em;
  color: #3c4b64;
}
.lead-cash.noWarning {
  color: #0fba00;
}
.lead-cash.showWarning {
  color: #ff4444;
}
.campaign-bottom-row {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.75;
  color: #4b4b4c;
  letter-spacing: 0;
}
.campaign-bottom-row .regular {
  font-weight: 400;
}
.campaign-bottom-row i {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
}
.campaign-bottom-row .col {
  display: flex;
  justify-content: space-between;
  max-width: 350px;
}
.campaign-bottom-row .col span {
  text-align: right;
}
.campaign-bottom-row .lead-price-value {
  font-weight: 400;
}
.campaign-bottom-row:last-child {
  font-weight: normal;
  margin-top: 10px;
  font-size: 14px;
}
.coupon-cost {
  color: #2371a4;
}
.css-9gakcf-option {
  background-color: #ffffff !important;
  color: #000000 !important;
}
.dropdown-menu .dropdown-item {
  text-decoration: none;
}
.react-datepicker {
  display: flex !important;
  flex-direction: column;
  margin-left: -140px;
}
.react-datepicker__current-month.react-datepicker__current-month--hasYearDropdown, .react-datepicker__current-month--hasMonthDropdown {
  display: none;
}
.react-datepicker__navigation.react-datepicker__navigation--previous, .react-datepicker__navigation.react-datepicker__navigation--next {
  display: none;
}
.react-datepicker__month-read-view--selected-month, .react-datepicker__year-read-view--selected-year {
  font-weight: bold;
}
.inputcalendarIcon {
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  cursor: pointer;
  color: #4178ff;
}
.inputcalendarIcon.custom-filter-date {
  right: 7%;
}
@media (max-width: 576px) {
  .inputcalendarIcon.custom-filter-date {
    right: 3%;
  }
}
.inputcalendarIcon.custom-edit-date {
  right: 1%;
}
.invalidDate {
  color: red;
  font-size: 12px;
  font-weight: 600;
}
.main {
  font-weight: bold;
  margin-bottom: 12px;
  width: 100%;
}
.sub {
  width: 100%;
}
.times-icon {
  width: auto;
  text-align: right;
  cursor: pointer;
}
.times-icon svg {
  color: #0052ce;
}
.accordion-content {
  font-size: 12px;
  margin-left: 22px;
}
.delete-icon {
  font-size: 12px;
  color: #6c747b;
}
.content-seperator {
  border: 0.2px solid transparent;
  border-width: 0 0 0.2px 0;
  margin-top: 6px;
  margin-bottom: 10px;
}
.bannerclip {
  max-height: 305px;
  height: 305px;
  width: 100%;
  object-fit: cover;
  object-position: 0% 41%;
}
.btn-login {
  display: inline-block;
  color: #ffffff;
  background: #236c9e;
  border: 2px solid #236c9e;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  padding: calc(0.5em - 2px) 0.75em;
  border-radius: 0.25em;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.btn-login:hover {
  color: #ffffff;
}
.btn-login svg {
  fill: #ffffff;
}
.c-footer {
  border-top-color: transparent !important;
}
.c-footer a {
  color: #3c4b64;
  text-decoration: none;
}
.c-footer a:hover {
  text-decoration: underline;
}
.accordion-review {
  width: 100%;
}
.edit-on-review {
  cursor: pointer;
}
.backtotop {
  position: fixed;
  right: 0;
  bottom: 15%;
  z-index: 1;
  cursor: pointer;
  color: #fff;
}
@media (max-width: 576px) {
  .backtotop {
    right: 25px;
    bottom: 5%;
  }
}
.inlinescrollTotopBtn {
  display: inline;
  width: 100%;
  background: #0052ce;
  padding: 13px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
}
@media (max-width: 576px) {
  .inlinescrollTotopBtn {
    height: 43px;
    width: 43px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.inlinescrollTotopBtn span {
  display: inline;
}
@media (max-width: 576px) {
  .inlinescrollTotopBtn span {
    display: none;
  }
}
.fs-18px {
  font-size: 18px;
}
.fs-16px {
  font-size: 16px;
}
.nonescrollTotopBtn {
  display: none;
  width: 100%;
  background: #2371a4;
  padding: 8px;
  font-size: 13px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 600;
}
.ml-5px {
  margin-left: 5px;
}
.admin-notifications-bell .dropdown-menu .dropdown-item,
.admin-notifications-bell .dropdown-menu .dropdown-item a {
  text-decoration: none !important;
  color: #2370a4;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.admin-notifications-bell .dropdown-menu .dropdown-item:active {
  color: white;
}
.disabledAdminBell {
  cursor: pointer;
  color: #7f7f8a;
}
.enabledAdminBell {
  cursor: pointer;
  color: #2371a4;
}
.w-150px {
  width: 150px;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.modal-title h3 {
  color: #002d72;
  margin-bottom: 1rem;
  letter-spacing: 0px;
}
.notification__tooltip .tooltip-inner {
  background-color: #fff;
  color: #0052ce;
  font-size: 14px;
  font-weight: 400;
  max-width: 300px;
  margin-top: 5px;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  bottom: -5px;
  border-width: 0 0.6rem 0.6rem;
  border-bottom-color: #fff;
}
.missingupline {
  color: #d32028;
}
.bgc-uplinemissing {
  background-color: #fff1f1;
}
.denymodal {
  top: 25%;
  left: 5%;
}
.denymodal-content {
  max-width: 512px;
  padding: 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-style: normal;
}
.denymodal-content h2 {
  font-size: 25px;
  letter-spacing: -0.01em;
  color: #595959;
  font-weight: 700;
}
.denymodal-span {
  font-weight: 400;
  color: #595959;
  font-size: 20px;
  text-align: center;
}
.custom_wrapper {
  min-width: 80%;
}
#progressbar {
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
  z-index: 0;
  letter-spacing: 0;
}
#progressbar li span {
  width: 50%;
  display: inline-block;
}
#progressbar li {
  list-style-type: none;
  color: gray;
  text-transform: capitalize;
  text-align: center;
  font-size: 12px;
  width: 25%;
  float: left;
  position: relative;
}
#progressbar li:first-child {
  width: 15%;
}
#progressbar li:first-child span {
  width: 53%;
  display: flex;
  justify-content: center;
  padding-top: 5px;
}
#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 20px;
  line-height: 20px;
  display: block;
  font-size: 10px;
  color: transparent;
  background: lightgray;
  border-radius: 50%;
  margin: 0 auto 5px auto;
}
#progressbar li:after {
  content: "";
  width: 100%;
  height: 10px;
  background: lightgray;
  position: absolute;
  left: -50%;
  top: 6px;
  z-index: -1;
  /*put it behind the numbers*/
}
#progressbar li:first-child:before {
  margin: 0 15%;
}
#progressbar li:first-child:after {
  /*connector not needed before the first step*/
  content: none;
}
#progressbar li.active:before,
#progressbar li.active:after {
  background: #2371a4;
  color: transparent;
}
.color-black {
  color: #000;
}
.react-datepicker__month-dropdown-container.react-datepicker__month-dropdown-container--scroll {
  margin-right: 25px;
}
.h-35px {
  height: 35px;
}
.launch__payment_info {
  font-size: 12px;
  font-style: italic;
  letter-spacing: -0.01em;
  font-weight: 400;
  color: #7f7f8a;
}
.no-border {
  border: none !important;
}
.payment_modal__header {
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #595959;
  padding-bottom: 20px;
}
.payment_modal__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap-reverse;
  padding-top: 30px;
  padding-bottom: 30px;
}
.campaign {
  margin-top: 1.25rem;
}
@media screen and (max-width: 1833px) and (min-width: 1750px) {
  #progressbar li:first-child span {
    width: 60%;
  }
}
@media screen and (max-width: 1749px) and (min-width: 1600px) {
  #progressbar li:first-child span {
    width: 63%;
  }
}
@media screen and (max-width: 1599px) and (min-width: 1401px) {
  #progressbar li:first-child span {
    width: 77%;
  }
}
@media screen and (max-width: 1400px) and (min-width: 1281px) {
  #progressbar li:first-child span {
    width: 80%;
  }
}
@media screen and (max-width: 1280px) and (min-width: 1106px) {
  #progressbar li:first-child span {
    width: 84%;
  }
}
@media screen and (max-width: 1470px) and (min-width: 1390px) {
  .custom_wrapper {
    min-width: 78%;
  }
}
@media screen and (max-width: 1389px) and (min-width: 1116px) {
  .custom_wrapper {
    min-width: 71%;
  }
}
@media screen and (max-width: 1115px) and (min-width: 1106px) {
  .custom_wrapper {
    min-width: 71%;
  }
  .campaign button {
    width: 118px;
    margin-right: 0.25rem;
  }
}
@media screen and (max-width: 1105px) {
  .custom_wrapper {
    min-width: 100%;
  }
  #progressbar li:first-child {
    width: 25%;
  }
  #progressbar li:first-child span {
    width: 50%;
    display: inline-block;
  }
  #progressbar li:first-child:before {
    margin: auto;
  }
  .campaign-navigation {
    flex-direction: column !important;
  }
  .campaign {
    width: 110px;
    margin-right: 20px !important;
  }
}
.formDiv .quickSearch-icon .fa-search {
  font-weight: 100;
  color: #b1b2b6;
}
.custom-li-help {
  margin-right: 15px;
  color: #ffffff;
  font-weight: 400;
}
.custom-footer-help {
  cursor: pointer;
  color: #4178ff;
}
.custom-footer-help:hover {
  text-decoration: underline;
  color: #4178ff;
}
.disclaimer-para {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #7f7f8a;
}
.record-callscript-btn {
  border-radius: 7px;
  border: 2px solid #ffffff;
  background-color: transparent;
  color: #ffffff;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
}
.record-callscript-btn i {
  color: #ffffff;
}
.callstoggle-confirmation-dialog {
  width: 450px;
  max-height: 100%;
  background-color: #f4f8fb;
  top: 15%;
  margin: auto;
  border-radius: 8px;
}
@media screen and (max-width: 486px) {
  .callstoggle-confirmation-dialog {
    width: 360px;
  }
}
.callstoggle-confirmation-content {
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.callsdialogcontent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0px 20px;
}
.callsdialogcontent--title {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  text-align: center;
  color: #002d72;
  margin-bottom: 10px;
}
.callsdialogcontent--text {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  color: #434a51;
}
.callsdialogcontent--number {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  color: #051d43;
  margin-bottom: 5px;
}
.callsdialogcontent__block {
  min-height: 100px;
  width: 100%;
  background-color: #fff;
  border-radius: 8px;
  padding: 5px 0px;
}
.callsdialogcontent__block__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #dfdedd;
  padding-bottom: 5px;
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.callsdialogcontent__block__item--textfield {
  width: 100%;
  border: 2px solid #d8dbe0;
  border-radius: 5px;
  height: 35px;
  font-size: 16px;
  color: #3c4b64;
}
.callsdialogcontent__block__item__a {
  display: flex;
  align-items: center;
}
.callsdialogcontent__block__item__a__icon {
  height: 30px;
  width: 30px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f4f8fb;
  color: #0052ce;
}
.callsdialogcontent__block__item__a__icon--rtt {
  transform: rotate(90deg);
}
.callsdialogcontent__block__item__a--header {
  padding-left: 10px;
  margin-bottom: 0px;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: #000000;
}
@media screen and (max-width: 601px) {
  .callsdialogcontent__block__item__a--header {
    font-size: 14px;
  }
}
.callsdialogcontent__block__item__a--text {
  margin-bottom: 0px;
  padding-left: 10px;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #717171;
  text-align: center;
}
.callsdialogcontent__block__item--arrow {
  padding-right: 10px;
  cursor: pointer;
}
.callsdialogcontent__block__buttons {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.medicare_link {
  text-decoration: none;
  color: #0052ce;
}
.action-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 0;
}
.action-row .hl-edit i {
  display: inline-block;
  margin-right: 8px;
  letter-spacing: 0;
}
.action-row .hl-edit svg {
  font-size: 1.125rem;
  cursor: pointer;
  color: #2370a4;
}
.action-row .hl-edit img {
  max-width: 150px;
  margin-left: 8px;
  display: inline-block;
}
.save-btn-wrapper.only-save {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.card-deck.health-card .inputDropdown > div div:last-child > div {
  display: none;
}
@media screen and (max-width: 576px) {
  .h1-editTitle {
    width: 100%;
    text-align: center;
  }
  .action-row .hl-edit {
    margin-bottom: 2rem;
    width: 100%;
    text-align: center;
  }
  .save-btn-wrapper {
    width: 100%;
  }
  .save-btn-wrapper.only-save {
    flex-direction: column;
  }
  #progressbar li {
    font-size: 11px;
  }
}
.rc-modal .modal-dialog {
  max-width: 650px !important;
  width: 100%;
  top: 25%;
}
.rc-modal .modal-header {
  border-color: transparent;
}
.rc-modal .modal-body {
  padding: 0 3rem 4rem;
}
.rc-modal .modal-body .rc-header {
  padding-left: 15px;
  font-size: 1.25rem;
}
.rc-modal .modal-body .rc-form {
  display: flex;
  margin: 2rem 0 1.5rem;
  justify-content: flex-start;
  flex-direction: row;
}
.rc-modal .modal-body .rc-disclaimer {
  text-align: center;
  margin-bottom: 4rem;
  font-size: 0.75rem;
}
.rc-modal .modal-body .rc-modal-footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.rc-modal .modal-body .rc-modal-footer .btn {
  padding: 0.5rem 2rem;
}
@media screen and (max-width: 767px) {
  .rc-modal .modal-body {
    padding: 0 3rem 4rem;
  }
  .rc-modal .modal-body .rc-form {
    flex-direction: column;
  }
  .rc-modal .modal-body .rc-form label {
    margin-bottom: 1rem;
  }
  .rc-modal .modal-body .rc-disclaimer {
    margin-bottom: 1rem;
  }
  .rc-modal .modal-body .rc-modal-footer .btn {
    margin-top: 2rem;
  }
}
.toggle-ribbon {
  background-color: #0052ce;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -2rem -2rem 2rem -2rem !important;
  animation: "show-ribbon" 0.5s ease-in;
}
.toggle-ribbon--text {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  margin-bottom: 0px;
  color: #ffffff;
}
@media screen and (max-width: 715px) {
  .toggle-ribbon {
    margin: -2rem -1rem 2rem -1rem !important;
  }
  .toggle-ribbon--text {
    font-size: 12px;
  }
}
.vr {
  border-left: 1px solid #ffffff;
  height: 35%;
}
.bu-bck-btn {
  border: 1px solid #2371a4 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #2371a4 !important;
}
.mailer-icon {
  margin-top: 4px;
  margin-right: 8px;
}
.icon-wrapper div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}
.icon-wrapper div span {
  font-size: 0.55rem;
  color: #2371a4;
}
.icon-wrapper div svg {
  width: 21px !important;
  height: 21px;
}
.icon-wrapper div svg + span {
  margin-top: 2px;
}
.solid-alert {
  color: #0052ce !important;
}
.alert_text {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.01em;
  margin-right: 5px;
}
.menu-bar-icon {
  font-size: 24px;
}
.menu-bar-icon-label {
  font-size: 10px;
}
.menu-bar-icon-container {
  cursor: pointer;
  color: #2371a4;
}
.disabled {
  cursor: not-allowed;
  color: #c4c4c4;
}
h3.egift-title {
  margin-bottom: 1rem !important;
}
.elc-top-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.redeem-gift {
  font-size: 0.8rem;
  letter-spacing: 0;
  margin-left: 2rem;
  cursor: pointer;
  color: #2370a4;
}
.egift_list_wrapper {
  background-color: #fff;
  border: 1px solid #d8dbe0;
  padding: 15px 5px;
}
.egift_list_wrapper .egift-sub-title {
  font-weight: 700;
  font-size: 1.125rem;
  color: #0052ce;
  display: flex;
  flex-direction: row;
}
.egift_list_wrapper .egift-sub-title .tab_wrapper {
  display: flex;
  font-size: 0.895rem;
  align-items: flex-end;
  letter-spacing: 0;
  margin-left: 1rem;
}
.egift_list_wrapper .egift-sub-title .tab_life,
.egift_list_wrapper .egift-sub-title .tab_health,
.egift_list_wrapper .egift-sub-title .tab_recruitment {
  padding: 0 10px 5px;
  border-bottom: 3px solid;
  border-color: transparent;
  cursor: pointer;
  font-weight: normal;
  color: #000;
}
.egift_list_wrapper .egift-sub-title .tab_life.active,
.egift_list_wrapper .egift-sub-title .tab_health.active,
.egift_list_wrapper .egift-sub-title .tab_recruitment.active {
  color: #0052ce !important;
  border-color: #0052ce;
  font-weight: bold;
}
.egift_list_wrapper .egift-sub-title .tab_life span,
.egift_list_wrapper .egift-sub-title .tab_health span,
.egift_list_wrapper .egift-sub-title .tab_recruitment span {
  margin-left: 5px;
}
.egift_list_wrapper .egift-sub-title .separator {
  margin: 0 1.125rem 0.5rem;
  font-size: 1.25rem;
  color: #dfdedd;
}
.egift_list_wrapper .info-icon {
  padding: 0 5px;
  font-size: 14px;
  width: inherit;
}
.dropdown-wrap {
  display: flex;
  flex-direction: row;
  justify-content: end;
  padding: 0 30px;
}
.dropdown-wrap .dropdown-type {
  width: 200px;
  margin-right: 20px;
}
.no-border td {
  border-bottom-color: transparent !important;
}
.voucher-table {
  margin-top: 1rem;
}
.voucher-table .thead-light th {
  background-color: #0052ce;
  color: #fff;
}
.voucher-table tbody tr td {
  letter-spacing: 0;
  vertical-align: middle;
}
.voucher-table tbody tr td .miw {
  width: 105px;
  display: inline-block;
}
.voucher-table tbody tr td:last-child {
  text-align: right !important;
}
.voucher-table tbody tr td:last-child p {
  margin-bottom: 0 !important;
}
.voucher-table .eth {
  margin-bottom: 0 !important;
}
.voucher-table .eth span {
  width: 100%;
  display: inline-block;
  font-size: 0.8rem;
}
.voucher-table .eth span.noValue {
  display: none;
}
.voucher-table .agnt {
  font-style: normal;
}
.expanded-div {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  background-color: #efefef;
  padding: 1rem;
}
.expanded-div > div {
  width: 20%;
}
.expanded-div > div > div {
  font-size: 0.895rem;
  text-align: left !important;
  font-style: normal;
  letter-spacing: 0;
  color: #434a51;
  padding-right: 0.8rem;
}
.expanded-div > div > div span {
  float: left;
}
.expanded-div > div > div .ellipsis {
  display: flex;
}
.expanded-div .evh {
  font-style: normal;
  font-size: 0.75rem;
  margin-bottom: 0.2rem !important;
}
@media screen and (max-width: 767px) {
  .redeem-gift {
    display: inline-block;
    margin-left: 0;
    width: 100%;
  }
  .elc-top-row {
    flex-direction: column;
  }
  .egift_list_wrapper .egift-sub-title {
    flex-direction: column;
  }
  .egift_list_wrapper .egift-sub-title .tab_wrapper {
    margin-top: 1rem;
    justify-content: center;
  }
  .search-wrap {
    display: flex;
    flex-direction: column;
  }
  .search-wrap .dropdown-wrap {
    max-width: 100%;
  }
  .search-wrap .dropdown-wrap .dropdown-type {
    width: 80%;
  }
  .expanded-div > div > div {
    padding-right: 0.3rem;
  }
  .miw {
    display: flex;
    flex-direction: revert;
    justify-content: flex-start;
    align-items: center;
  }
}
.lead-select-checkbox {
  height: 13px !important;
  width: 13px !important;
}
.width-100px {
  width: 100px !important;
}
.revokeModal {
  top: 20%;
}
.revokeModal .modal-body {
  padding: 3rem 2rem;
}
.revoke-popup div {
  font-size: 1.125rem;
  text-align: center;
  font-weight: bold;
}
.revoke-popup p {
  margin-top: 1rem;
  font-size: 1rem;
}
.revoke-btn-wrap {
  margin-top: 3rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.revoke-btn-wrap button {
  margin: 0 1rem;
  width: 40%;
}
.revoke-btn-wrap button.revoke-btn {
  background-color: #ea5455 !important;
}
@media screen and (max-width: 767px) {
  .revoke-btn-wrap {
    flex-direction: column;
  }
  .revoke-btn-wrap button {
    margin: 1rem 0 1rem;
    width: 100%;
  }
}
.modal-assignLeadHealthErr {
  top: 20%;
  max-width: 700px;
}
.modal-assignLeadHealthErr .modal-body {
  padding: 3rem;
}
.modal-assignLeadHealthErr .modal-body p {
  text-align: center;
  margin-bottom: 2rem;
  font-size: 1rem;
}
.modal-assignLeadHealthErr .modal-body .err-content > p {
  font-size: 1rem;
  text-align: left;
  margin-bottom: 0.5rem;
  display: flex;
}
.modal-assignLeadHealthErr .modal-body .err-content > p span:first-child {
  width: 40px;
}
.modal-assignLeadHealthErr .modal-body .err-content > p span:first-child:before {
  display: inline-block;
  content: "";
  -webkit-border-radius: 0.375rem;
  border-radius: 0.375rem;
  height: 0.75rem;
  width: 0.75rem;
  margin-right: 0.5rem;
  background-color: darkgray;
}
.modal-assignLeadHealthErr .modal-body .btn-wrap {
  display: flex;
  justify-content: center;
}
.modal-assignLeadHealthErr .modal-body button {
  margin-top: 2rem;
  max-width: 300px;
}
.map__geography__info {
  position: relative;
  display: inline-block;
  z-index: 1;
  top: 83%;
  left: 1%;
  color: #ffffff;
  background-color: #434a51;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  padding: 12px 10px;
  opacity: 0.8;
}
.map__geography__info--title {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.map__geography__info--data {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
.header__subtitle {
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
}
.border-invalid {
  border: 1px solid #cf4843 !important;
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}
.disable-bg {
  background-color: #aaaaaa !important;
  opacity: 0.35;
}
.opacity-35 {
  opacity: 0.35 !important;
}
.toggle__demo__modal {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
  max-width: 350px;
}
@media screen and (max-width: 478px) {
  .toggle__demo__modal {
    top: 150px;
  }
}
.toggle__demo__modal--header {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #002d72;
}
.toggle__demo__modal__body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #434a51;
}
.toggle__demo__modal__body--link {
  color: #0052ce;
  font-weight: 500;
}
.demoIdentifyingDiv {
  border: 2px solid #ff0dff;
  padding: 3px;
  border-radius: 5px;
}
.pointingArrow {
  position: absolute;
  top: -10px;
  right: -80px;
}
.resize-none {
  resize: none;
}
@media screen and (max-width: 767px) {
  .custom-li-help {
    display: none;
  }
  .custom-li-help + .vr {
    display: none;
  }
  .c-header img {
    height: 22px;
  }
}
@media screen and (max-width: 601px) {
  .shoppingCart {
    max-width: 450px;
    width: 100%;
    min-width: 350px;
  }
  .c-header.c-header-fixed {
    top: 55px;
  }
}
.bg-lead-white {
  background-color: #ffffff;
  z-index: 1;
  border-radius: 10px 10px 0 0;
}
.greet-wrapper {
  display: flex;
  position: absolute;
  color: #ffffff;
  max-width: 700px;
  max-height: 700px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  left: 70%;
  top: -15rem;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.8rem;
}
.greet-wrapper span {
  margin-top: 2rem;
  margin-left: 5rem;
  overflow-wrap: break-word;
  inline-size: 400px;
  display: none;
}
.greet-wrapper.morning {
  background: #6a95ff;
}
.greet-wrapper.afternoon {
  background: #4178ff;
}
.greet-wrapper.evening {
  background: #1457ff;
}
@media (max-width: 1900px) {
  .greet-wrapper {
    left: 66%;
  }
}
@media (max-width: 1600px) {
  .greet-wrapper {
    left: 60%;
  }
}
@media (max-width: 1400px) {
  .greet-wrapper {
    left: 50%;
  }
}
@media (max-width: 1200px) {
  .greet-wrapper {
    left: 45%;
  }
}
@media (max-width: 768px) {
  .greet-wrapper {
    left: 0;
    top: 0;
    font-size: 1.3rem;
    background: none !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 0;
    max-width: 800px;
    max-height: 170px;
    width: 100%;
    height: 100%;
  }
  .greet-wrapper span {
    margin-top: 0;
    margin-left: 1rem;
    display: block;
    bottom: 2rem;
    position: relative;
    text-align: left;
    font-size: 1.5rem;
  }
}
.order-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2rem 0 0.5rem;
}
.order-title .greet-txt {
  font-size: 1.8rem;
  color: #ffffff;
  position: relative;
}
@media (max-width: 768px) {
  .order-title .greet-txt {
    display: none;
  }
}
@media (max-width: 768px) {
  .c-sidebar-nav-item {
    margin-left: 0.2rem;
  }
}
.red {
  color: #ff4444 !important;
  text-align: end;
}
.table-footr {
  padding: 15px;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.cart-calc {
  text-align: right;
  font-size: 1rem;
}
.cart-calc > div span {
  display: inline-block;
  width: 155px;
}
@media (max-width: 768px) {
  .cart-calc > div span {
    width: 100%;
  }
}
.cart-calc > div span:first-child {
  color: #000;
  font-weight: 700;
}
.cart-calc > div span:last-child {
  width: 270px;
  margin-right: 2rem;
  color: #434a51;
}
@media (max-width: 768px) {
  .cart-calc > div span:last-child {
    margin-right: 0;
    text-align: right;
  }
}
.cart-calc .cart-total {
  font-size: 1.5rem;
}
.cart-calc .cart-total span:first-child {
  font-weight: 400;
  color: #002d72;
}
.cart-calc .cart-total span:last-child {
  width: 265px;
  color: #002d72;
}
.order-summ {
  font-family: "Lato", sans-serif;
}
.order-summ #removeItem {
  visibility: hidden;
}
.order-summ .payment-sec {
  padding: 15px 25px;
}
.order-summ .summ-container {
  font-size: 1rem;
}
.order-summ .summ-container > div {
  line-height: 1.5;
}
.order-summ .summ-container > div span:last-child {
  color: #434a51;
}
.cgray {
  color: #717171 !important;
}
.arrow-sec:active, .arrow-sec:focus {
  outline-offset: 0;
  outline: none;
}
@media (max-width: 768px) {
  .m-mb-150 {
    margin-bottom: 150px;
  }
}
.sm-d-none {
  display: inline;
}
@media (max-width: 576px) {
  .sm-d-none {
    display: none;
  }
}
.min-w-100 {
  min-width: 100% !important;
}
.mobile_border_bottom {
  border: none;
}
@media (max-width: 1200px) {
  .mobile_border_bottom {
    border-bottom: 1px solid #dfdedd !important;
    border-radius: 0px;
  }
}
@media (max-width: 1200px) {
  .mobile_border_bottom:last-child {
    border-bottom: 1px solid #dfdedd !important;
    border-radius: 0px;
  }
}
.close {
  opacity: 1 !important;
}
.bg-action-selected {
  background: #f1faff !important;
}
.custom-multi-value {
  background: #f1f1f1;
  border-radius: 4px 0 0 4px !important;
  font-size: 14px;
  color: #434a51;
  max-width: 250px;
}
.select-input__single-value {
  font-size: 16px !important;
  font-weight: 400;
}
.select-input__multi-value__label {
  font-size: 16px !important;
  font-weight: 400;
  padding-right: 6px !important;
}
.select-input__option {
  color: #434a51 !important;
  font-size: 16px !important;
  font-weight: 400;
}
.select-input__option--is-selected {
  background-color: #f1faff !important;
}
.border-bottom_leads {
  box-shadow: 0 2px 2px -2px #ced2d8;
}
.lead-group-button {
  width: 80%;
}
.backtoCartHover {
  display: flex;
}
.backtoCartHover :hover {
  color: #017e9d;
}
.lead-group-button:hover {
  color: white;
}
table tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
table tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
.Lead-type {
  color: #727578;
}
.Lead-header {
  height: 85px;
}
.description-column {
  display: flex;
  justify-content: space-between;
}
.box {
  width: 100%;
  margin: 50px;
  display: table;
}
.box .box-row {
  display: table-row;
}
.box .box-cell {
  display: table-cell;
  width: 50%;
  padding: 10px;
}
.box .box-cell.box1 {
  text-align: justify;
}
.box .box-cell.box2 {
  text-align: justify;
}
.modal-AddToCart-dialog {
  top: 30%;
  max-width: 600px;
}
.lead-alert-notification {
  color: #c4c4c4;
  font-size: 12px;
}
.ellipsis {
  display: inline-block;
  height: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px;
  white-space: nowrap;
}
.product-group-row {
  border-color: #fff;
  margin-bottom: 15px;
}
.product-group-row-header {
  border-color: #fff;
  padding-left: 0;
  margin-left: 1rem;
}
.product-type-header {
  margin: 25px 0 25px 2rem;
  font-size: 16px;
  color: #005cc8;
  font-weight: 600;
}
.product-type-header-icon {
  font-size: 18px;
  margin-right: 20px;
}
.lead-group-container {
  border-top: solid 1px #d8dbe0;
}
.expand-collapse {
  cursor: pointer;
}
.expand-collapse-icon {
  height: 18px !important;
  width: 18px !important;
}
.lead-types-header {
  font-size: 14px;
  font-weight: 600;
  color: #3c4b64;
  margin-left: 1rem;
}
.lead-group-header {
  margin-left: 2rem;
}
.lead-info {
  margin-left: 2rem;
  align-items: center;
}
.checkbox-alignment {
  align-items: baseline;
}
.checkbox-alignment-leadType {
  align-items: center;
}
.collapse-all-mobile {
  margin-right: 20px;
}
.showHideMap {
  color: #2370a4;
}
.showHideMap > span {
  cursor: pointer;
}
.county-states {
  border-radius: 4px;
  background-color: #5b6166;
  padding: 1rem 0;
  color: #fff;
  width: 100%;
}
.county-states > span {
  padding-left: 0.5rem;
}
.county-states > span span {
  font-size: 0.77rem;
  opacity: 0.75;
}
.icon {
  cursor: pointer;
  color: #0052ce;
}
@media (max-width: 768px) {
  .desktop-icon {
    display: none;
  }
  .lead-group-header-mobile {
    margin-left: 0px;
  }
  .mobile-version-header {
    flex-direction: column;
  }
  .lead-type-header-mobile {
    display: none !important;
  }
  .lead-info {
    margin-left: 0rem !important;
  }
  .lead-property-mobile {
    display: none !important;
  }
  .leads-input-mobile {
    flex-direction: column;
  }
  .item-quantity-mobile {
    align-self: flex-end;
    font-size: 10px;
    color: #3c4b64;
  }
  .product-group-row-header {
    margin-left: 0px;
  }
}
@media (min-width: 768px) {
  .mobile-icon {
    display: none;
  }
  .item-quantity-mobile {
    display: none;
  }
  .lead-info-mobile {
    display: none;
  }
}
.clearall {
  width: 200px;
  display: flex;
  margin-left: 15px;
  margin-top: 15px;
  align-items: center;
  color: #0052ce;
  cursor: pointer;
}
@media screen and (max-width: 592px) {
  .clearall {
    margin-left: 0px;
    margin-top: 10px;
  }
}
.orderleads-settings {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.orderleads-settings__selections {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 70%;
}
@media screen and (max-width: 592px) {
  .orderleads-settings__selections {
    width: 100%;
    flex-wrap: wrap;
  }
}
.orderleads-settings__selections__dd {
  width: 100%;
}
.orderleads-settings__selections__dd--title {
  font-weight: 600;
  color: #7f7f8a;
}
.orderleads-settings__selections__dd--optional {
  font-weight: 400;
}
.orderleads-settings__selections__dd2 {
  width: 100%;
  margin-left: 15px;
}
.orderleads-settings__selections__dd2--title {
  font-weight: 600;
  color: #7f7f8a;
}
.orderleads-settings__selections__dd2--title span {
  font-weight: 400;
}
@media screen and (max-width: 592px) {
  .orderleads-settings__selections__dd2 {
    margin-left: 0px;
    margin-top: 5px;
  }
}
.orderleads-settings__addBtn {
  width: 100%;
  margin-top: 15px;
  display: flex;
}
@media screen and (max-width: 592px) {
  .orderleads-settings__addBtn {
    width: 100%;
  }
}
.map-component-wrapper {
  display: flex;
  position: relative;
  width: 100%;
  background-color: #ffffff;
  border-radius: 0 0 10px 10px;
  padding: 0 1.5rem 1.5rem;
}
.map-component-wrapper.orderleads-map {
  min-height: 550px;
}
.map-container-order-leads {
  flex-grow: 1;
  height: 550px;
  border: 1px solid black;
}
.price-deduction {
  background-color: #fbdede;
  border-radius: 4px;
  color: #434a51;
  font-size: 13px;
  margin-right: 0.5rem;
  padding: 3px 4px;
}
.price-old {
  color: #717171;
  font-weight: 400;
  margin-right: 0.5rem;
  text-decoration: line-through;
}
.price-new {
  color: #c81e27;
  font-weight: 400;
  font-style: normal;
}
.price-regular {
  font-weight: 400;
  font-style: normal;
  color: #434a51;
}
.mapfiltersection-hint {
  background-color: #ffffff;
  padding: 0 25px 15px 25px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #717171;
}
.custom-tooltip {
  position: relative;
}
.custom-tooltip-header {
  white-space: nowrap;
  color: #2371a4 !important;
}
.custom-tooltip .custom-tooltiptext {
  visibility: hidden;
  border-radius: 6px;
  top: 100%;
  left: 50%;
  margin-left: -120px;
  position: absolute;
  z-index: 1;
  background: #f5f6fa;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.custom-tooltip:hover .custom-tooltiptext {
  visibility: visible;
}
.line {
  border-top: 1px solid #dfdedd;
}
.card {
  color: black;
  border-radius: 0% !important;
}
.overlayDiv {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 25px 50px;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1;
  border-bottom-left-radius: 8px;
}
.overlayDiv__container {
  height: 95%;
  display: flex;
}
.overlayDiv__container__s1 {
  display: block;
}
@media (max-width: 1200px) {
  .overlayDiv__container__s1 {
    display: none;
  }
}
.overlayDiv__container__s2 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.overlayDiv__container::-webkit-scrollbar {
  width: 8px;
}
.overlayDiv__container::-webkit-scrollbar-track {
  background: #ffffff;
}
.overlayDiv__container::-webkit-scrollbar-thumb {
  background-color: #0052ce;
  border-radius: 10px;
}
.width-100 {
  width: 100%;
}
.width-20 {
  transition: width 0.5s;
}
@media (max-width: 1200px) {
  .width-20 {
    display: none;
  }
}
.mobileoverlay {
  display: none;
  position: relative;
  background-color: #ffffff;
  padding: 0 1.5rem 1.5rem;
}
@media (max-width: 1200px) {
  .mobileoverlay {
    display: block;
  }
}
.mobileoverlay__filters {
  max-width: 300px;
  width: 100%;
}
@media (max-width: 768px) {
  .mobileoverlay__filters {
    max-width: none;
  }
}
@media screen and (max-width: 592px) {
  .sm-width-75 {
    width: 75%;
  }
}
.indication-arrow {
  height: 174px;
  width: 174px;
  border-radius: 50%;
  background-color: #f1faff;
  background-color: rgba(0, 82, 206, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.indication-arrow--icon {
  color: #0052ce;
  font-size: 87px;
}
@media (max-width: 1200px) {
  .indication-arrow--icon {
    transform: rotate(90deg);
  }
}
.indication {
  margin-top: 20px;
  margin-left: 20px;
  flex-direction: column;
}
@media (max-width: 1200px) {
  .indication {
    margin-left: 0;
    flex-direction: column-reverse;
  }
}
.indication h3 {
  color: #002d72;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  margin-top: 20px;
  text-align: center;
}
@media (max-width: 1200px) {
  .indication h3 {
    font-size: 18px;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 20px;
  }
}
.leadtable {
  padding-bottom: 20px;
  border-radius: 8px;
}
.leadtable__headers {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #434a51;
}
.leadtable__headers--cell1 {
  flex: 0.1;
  display: flex;
  align-items: center;
}
.leadtable__headers--cell {
  flex: 0.2;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .leadtable__headers {
    display: none;
  }
}
.leadtable__body {
  display: flex;
  flex-direction: column;
}
.leadtable__body__mobileheatmapcheckbox {
  display: none;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #434a51;
}
@media (max-width: 768px) {
  .leadtable__body__mobileheatmapcheckbox {
    display: flex;
  }
}
.leadtable__body__sectioncard {
  background-color: #ffffff;
  padding: 15px 0px 0px 50px;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: #434a51;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
@media (max-width: 1200px) {
  .leadtable__body__sectioncard {
    padding: 5px 0px 5px 0px;
    background-color: transparent;
  }
}
.leadtable__body__card {
  background-color: #ffffff;
  padding: 15px;
  border-bottom: 0.5px solid #dfdedd;
  transition: transform 0.2s ease-in-out;
}
@media (max-width: 1200px) {
  .leadtable__body__card {
    padding: 16px;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #dfdedd;
  }
}
.leadtable__body__card:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.leadtable__body__card:last-child {
  border-bottom: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.leadtable__body__card__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .leadtable__body__card__content {
    display: none;
  }
}
.leadtable__body__card__content--name {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.06em;
  color: #434a51;
}
.leadtable__body__card__content__gemstonelead {
  padding: 5px 25px 5px 6px;
  background: #f1faff;
  border-radius: 3px;
  display: flex;
  align-items: center;
}
.leadtable__body__card__content__gemstonelead--name {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0.06em;
  color: #434a51;
}
.leadtable__body__card__content--cell2 {
  flex: 0.02;
  display: flex;
  align-items: center;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #434a51;
}
.leadtable__body__card__content--cell1 {
  flex: 0.1;
  display: flex;
  align-items: center;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #434a51;
}
.leadtable__body__card__content--cell {
  flex: 0.2;
  display: flex;
  align-items: center;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #434a51;
}
.leadtable__body__card__mobilecontent {
  display: none;
}
@media (max-width: 768px) {
  .leadtable__body__card__mobilecontent {
    display: flex;
    flex-direction: column;
  }
  .leadtable__body__card__mobilecontent__row1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 10px;
  }
}
@media (max-width: 768px) and (max-width: 1200px) {
  .leadtable__body__card__mobilecontent__row1 {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .leadtable__body__card__mobilecontent__row1__cell {
    display: flex;
    flex-direction: column;
    justify-content: end;
  }
}
@media (max-width: 768px) and (max-width: 284px) {
  .leadtable__body__card__mobilecontent__row1__cell {
    flex-basis: 100%;
  }
}
@media (max-width: 768px) {
  .leadtable__body__card__mobilecontent__row1__cell--header {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    color: #002d72;
    margin-bottom: 0.25rem;
  }
  .leadtable__body__card__mobilecontent__row1__cell--data {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    justify-content: end;
    text-align: right;
    color: #434a51;
  }
  .leadtable__body__card__mobilecontent__row1__cell:last-child {
    margin-top: 1rem;
    min-height: 58px;
  }
  .leadtable__body__card__mobilecontent__row1__cell:first-child {
    margin-top: 0;
  }
  .leadtable__body__card__mobilecontent__row1__cell .price-wrapper {
    min-height: 37px;
    display: flex;
    align-items: center;
  }
}
.leadtable__body__card__expandedcontent {
  margin-top: 5px;
  padding: 10px 15px;
  background: #f1faff;
  border-radius: 4px;
}
.leadtable__body__card__expandedcontent__items {
  display: flex;
  align-items: center;
  column-gap: 48px;
  row-gap: 16px;
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  .leadtable__body__card__expandedcontent__items {
    flex-direction: column;
    align-items: flex-start;
  }
}
.leadtable__body__card__expandedcontent__items__item--header {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #002d72;
}
.leadtable__body__card__expandedcontent__items__item__info {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #434a51;
}
.leadtable__body__card .flex-column-between {
  min-height: 115px;
}
.arrowIcon {
  position: relative;
  cursor: pointer;
  margin-left: 10px;
  transition: transform 0.3s ease-in-out;
}
.arrowIcon--icon {
  color: #0052ce;
}
.arrowIcon.open {
  transform: rotate(180deg);
}
.arrowIcon.closed {
  transform: rotate(0deg);
}
.no-leads-in-area {
  letter-spacing: 0;
  cursor: pointer;
  color: #0052ce;
  font-weight: 700;
  font-size: 1rem;
  margin-left: 0.5rem;
}
.no-leads-in-area svg {
  margin-right: 0.3rem;
}
.leads-request-modal {
  font-size: 1rem;
}
.leads-request-modal .form-group {
  margin: 0 auto 1.5rem;
  max-width: 400px;
}
.leads-request-modal label {
  color: #434a51;
}
.leads-request-modal .css-1wa3eu0-placeholder {
  color: #aaaaaa;
}
.leads-request-modal h3 {
  color: #002d72;
  margin-bottom: 0;
}
.leads-request-modal .req-text {
  font-size: 12px;
  padding-left: 0.5rem;
  line-height: 1.2;
  margin-bottom: 0 !important;
}
.leads-request-modal .required {
  color: #ff4444;
}
.leads-request-modal .button-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.purchase_today input[type=checkbox] {
  width: 16px;
  height: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #4178ff;
  border-radius: 3px;
  background-color: #ffffff;
}
.purchase_today {
  /* Custom checkmark using background-image when checkbox is checked */
}
.purchase_today input[type=checkbox]:checked {
  background-color: #4178ff;
  background-image: url("/assets/check-mark-XQtoLVcU.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.purchase_today input[type=checkbox]:disabled {
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  background-color: #ffffff;
}
.purchase_today label {
  line-height: 19px;
}
.flex-60 {
  flex: 0.6;
}
.flex-40 {
  flex: 0.4;
}
.menu-width {
  min-width: 350px;
}
.newvoucher__header {
  flex-wrap: wrap;
}
.newvoucher__header__text {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 34px;
  letter-spacing: -0.01em;
  color: #22315c;
}
.newvoucher__content {
  margin-top: 20px;
  margin-bottom: 20px;
  min-height: 200px;
  background-color: #ffffff;
  border: 1px solid #c7ccd1;
  border-radius: 3px;
  padding: 30px;
}
.newvoucher__content__amounts__section {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .newvoucher__content__amounts__section__input {
    padding-left: 0px;
    margin-top: 5px;
  }
}
.newvoucher__content__amounts__section--amount {
  margin-right: 10px;
}
.newvoucher__content__amounts__section--amount input[type=radio] {
  display: none;
}
.newvoucher__content__amounts__section--amount label {
  width: 100%;
  height: 48px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  padding: 12px;
  text-align: center;
  font-weight: 400;
  cursor: pointer;
}
.newvoucher__content__amounts__section--amount input:checked + label {
  background-color: #f1faff;
}
.newvoucher__content__settings {
  margin-top: 10px;
  border-bottom: 1px solid #dfdedd;
}
.newvoucher__content__prices {
  margin-top: 20px;
}
.customoutlinetext-group {
  padding: 12px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  min-width: 120px !important;
  height: 48px;
}
.value-amount-input {
  padding: 12px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  height: 48px;
  width: 100%;
}
.value-amount-input > input {
  outline: 0;
  border: none;
}
.customoutlinetext-group > label {
  position: absolute;
  top: -8px;
  left: 20px;
  background-color: white;
  color: #7f7f8a;
  font-size: 10px;
}
.customoutlinetext-group > input {
  outline: 0;
  border: none;
}
.min-height-40px {
  min-height: 40px;
}
.outline-none {
  outline: none;
}
.invalidcustomoutlinetext-group {
  padding: 3px;
  border: 2px solid #d32028;
  border-radius: 5px;
  min-width: 120px !important;
}
.invalidcustomoutlinetext-group > label {
  position: absolute;
  top: -8px;
  left: 20px;
  background-color: white;
  color: #d32028;
  font-size: 10px;
}
.invalidcustomoutlinetext-group > input {
  outline: 0;
  border: none;
}
.invalidAmountEntered {
  background-color: #fff2f2;
  border: 2px solid #d32028 !important;
  color: #d32028;
}
.invalidAmountEntered > input {
  background-color: #fff2f2;
}
.invalidAmountEntered > label {
  color: #d32028;
}
.availableCreditText {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -0.01em;
  color: #3c4b64;
}
.availableCreditSection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.invalidAmount {
  color: #d32028;
}
.statesList {
  list-style: none;
}
.statesList li {
  width: 150px;
}
.dfd-options {
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
}
.radio-btn-16px {
  height: 16px;
  width: 16px;
}
.value-button-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
}
@media (max-width: 1200px) {
  .value-button-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .value-button-container {
    grid-template-columns: 1fr;
  }
}
.create-voucher-container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 24px;
}
@media (max-width: 992px) {
  .create-voucher-container {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .create-voucher-details-section {
    width: 100%;
    margin-bottom: 16px;
    margin-right: 0px;
  }
}
.view-voucher-settings-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.reviewegift {
  padding: 15px;
  background-color: #ffffff;
  border: 1px solid #c7ccd1;
  border-radius: 3px;
}
.reviewegift__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.reviewegift__header--title {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: -0.01em;
  color: #2371a4;
}
.reviewegift__header--arrow {
  cursor: pointer;
  display: none;
}
@media screen and (max-width: 592px) {
  .reviewegift__header--arrow {
    display: flex;
  }
}
.reviewegift__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.reviewegift__content__form {
  width: 40%;
}
@media screen and (max-width: 620px) {
  .reviewegift__content__form {
    width: 100%;
  }
}
.reviewegift__content__form__section {
  width: 250px;
}
.reviewegift__content__form__section--input {
  width: 80% !important;
}
.reviewegift__content__form__section--invalidText {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #cf4843;
}
@media screen and (max-width: 620px) {
  .reviewegift__content__details {
    width: 100%;
    padding-top: 10px;
  }
}
.reviewegift__content__details__generalInfo {
  padding-bottom: 10px;
  border-bottom: 1px solid #333333;
}
.reviewegift__content__details__paymentInfo {
  padding-top: 10px;
}
.invalidInput {
  background: #fff2f2;
  border: 2px solid #d32028;
  border-radius: 5px;
}
.invalidInput.input {
  background-color: #fff2f2 !important;
}
.was-validated .invalidInput.input:valid {
  background-image: none;
}
.was-validated .invalidInput.input:invalid {
  background-image: none;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
  background-image: none !important;
  outline: none;
  box-shadow: none !important;
}
.form-control.is-valid,
.was-validated .form-control:valid {
  background-image: none !important;
  outline: none;
  box-shadow: none !important;
}
.reviewsearchBtn {
  all: unset;
}
.overlay-conatiner {
  max-height: 20vh;
  overflow-y: scroll;
  padding: 15px 0;
}
.overlay-conatiner::-webkit-scrollbar {
  width: 10px;
}
.overlay-conatiner::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  border-radius: 5px;
  height: 20px;
}
.active-color {
  color: #0052ce;
}
.revoked-color {
  color: #d32028;
}
.fs-16 {
  font-size: 16px;
}
.width-80 {
  width: 80%;
}
@media screen and (max-width: 592px) {
  .width-80 {
    width: 100%;
  }
}
.lead_importer__header {
  display: flex;
  justify-content: space-between;
}
.leadimporter--title {
  font-weight: 300;
  font-size: 20px;
  line-height: 29px;
  letter-spacing: -0.01em;
  color: #3c4b64;
}
.leadimporter--templateBtn {
  margin-left: 30px;
  color: #ffffff;
}
.leadimporter--templateBtn:hover {
  text-decoration: none !important;
}
@media screen and (max-width: 768px) {
  .leadimporter--templateBtn {
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 50% !important;
  }
}
@media screen and (max-width: 452px) {
  .leadimporter--templateBtn {
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100% !important;
  }
}
.leadimporter__content {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 452px) {
  .leadimporter__content {
    width: 100%;
    flex-wrap: wrap;
  }
}
.leadimporter__content__section {
  width: 50%;
}
@media screen and (max-width: 452px) {
  .leadimporter__content__section {
    width: 100%;
  }
}
.leadimporter__content__section2 {
  width: 50%;
  margin-left: 30px;
}
@media screen and (max-width: 452px) {
  .leadimporter__content__section2 {
    width: 100%;
    margin-left: 0;
  }
}
.leadimporter__status__info {
  display: flex;
}
.invalidtypeImport {
  border: 2px solid red;
  background-color: #fff1f1;
}
.inavildFileText {
  margin-left: 5px;
  color: #ff4444;
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
}
.fc-import {
  color: #3c4b64;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
.optional-text {
  color: #8f99a3;
  font-size: 14px;
  font-style: italic;
}
.custom-primary-btn {
  width: 100px;
  max-width: 100% !important;
}
.dropzone {
  min-width: 50px;
  min-height: 20px;
}
@media screen and (max-width: 452px) {
  .dropzone {
    padding: 0 20px 0 20px;
  }
}
.dropzone__uploadIcon {
  font-size: 80px;
  font-weight: 100;
  color: #0052ce;
}
.dropzone__accepted-text {
  color: #0052ce;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
}
.rejectedZone {
  border: 2px dashed #ff4444 !important;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  bottom: -2px !important;
  border-width: 0 0.6rem 0.6rem;
  border-bottom-color: #434a51 !important;
}
.disabled-bg {
  background-color: #a7a8a9 !important;
  opacity: 0.65;
  width: 100%;
  max-width: 100%;
  border: none !important;
  outline: 0 !important;
  color: white;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.disabled-bg:hover {
  color: #000000;
  opacity: 1;
}
.mappingTextContent {
  width: 50%;
}
@media screen and (max-width: 592px) {
  .mappingTextContent {
    width: 100%;
  }
}
.unassined__section {
  display: flex;
  margin-top: 20px;
}
@media screen and (max-width: 592px) {
  .unassined__section {
    flex-wrap: wrap;
  }
}
.unassined__section--header {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.01em;
  color: #3c4b64;
}
.unassined__section__items {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.unassined__section__items__optional-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 100px;
  background: #ffffff;
  border: 1px solid #2371a4;
  border-radius: 3px;
  margin: 5px;
  padding: 2px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.06em;
  color: #3c4b64;
}
.unassined__section__items__required-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 100px;
  background: #ffffff;
  border: 1px solid #ff4444;
  border-radius: 3px;
  margin: 5px;
  padding: 2px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.06em;
  color: #3c4b64;
}
.unassined__section__items__refresh {
  margin-left: 5px;
  margin-right: 5px;
  color: #0052ce;
  cursor: pointer;
}
.mappingTable {
  margin-top: 20px;
  width: 100%;
  overflow: auto;
  padding-bottom: 5px;
}
.mappingTable__th {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #2371a4;
  color: #ffffff;
  border: 1px solid #2371a4;
  border-radius: 3px;
}
.mappingTable::-webkit-scrollbar {
  height: 7px;
  width: 4px;
}
.mappingTable::-webkit-scrollbar-thumb {
  margin-right: 2px;
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  cursor: pointer;
}
.mappingTable table {
  border-collapse: collapse;
  border: 0;
}
.mappingTable table tr td:first-child {
  padding-left: 10px;
  min-width: 300px !important;
}
.mappingTable table td {
  padding: 10px;
  min-width: 300px !important;
}
.mappingTable table tr th:first-child {
  padding-left: 0px;
  min-width: 300px !important;
}
.mappingTable table th {
  padding: 10px 10px 10px 0px;
  min-width: 300px !important;
  width: 100% !important;
}
.mappingTable table tbody tr {
  border: 1px solid #d8dbe0 !important;
}
.mappingTable__footer {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mappingTable__footer__file {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mappingTable__footer__file--name {
  font-style: normal;
  font-weight: 700;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: -0.01em;
  color: #3c4b64;
}
[draggable=true] {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
[draggable=true]:active {
  cursor: grabbing;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}
.draggingItem {
  opacity: 0.5;
}
.solid-bg {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.drag-entered {
  -webkit-box-shadow: 0 0 10px #999;
  -moz-box-shadow: 0 0 10px #999;
  box-shadow: 0 0 10px #999;
  border-radius: 2px;
}
.file__placeholder {
  padding: 10px 50px 0px 50px;
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #000000;
}
.transactionshistory__selectedOptions {
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 10px 0;
}
.transactionshistory__selectedOptions:hover {
  overflow: auto;
}
.transactionshistory__selectedOptions::-webkit-scrollbar {
  height: 7px;
  width: 4px;
}
.transactionshistory__selectedOptions::-webkit-scrollbar-thumb {
  margin-right: 2px;
  background-color: #d8e6f9;
  border-radius: 5px;
  cursor: pointer;
}
.transactionshistory__selectedOptions__option {
  margin: 0px 3px;
  padding: 2px 4px;
  border-radius: 3px;
  background-color: #d8e6f9;
  color: #434a51;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.transactionshistory__selectedOptions__option span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
  margin-right: 5px;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.06em;
  color: #434a51;
  display: flex;
  align-items: center;
}
.transactionshistory__selectedOptions__option span span {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  letter-spacing: 0.06em;
  color: #434a51;
}
.transactionshistory__selectedOptions__option--icon {
  padding: 2px;
  border-radius: 3px;
  color: #0052ce;
}
.transactionshistory__selectedOptions__option--icon:hover {
  color: #ff4444;
  transform: scale(1.1);
}
.transactionshistory__selectedOptions__option--icon:active {
  transform: scale(0.9);
}
.transactionshistory__filter__buttons {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
}
@media (max-width: 576px) {
  .transactionshistory__filter__buttons {
    justify-content: center;
  }
}
.transactionshistory__card {
  background: #ffffff;
  border: 0.5px solid #dfdedd !important;
  border-radius: 8px !important;
}
.transactionshistory__card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.transactionshistory__card__header--title {
  font-size: 24px;
  font-weight: 400;
  align-items: left;
  margin-bottom: 0;
  text-align: left;
  color: #002d72;
}
@media (max-width: 1200px) {
  .transactionshistory__card__header--title {
    font-size: 18px;
  }
}
.transactionshistory--title {
  font-size: 25px;
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.transactionshistory hr {
  margin: 0.5rem 0 0.5rem;
  border-color: #0052ce;
}
.transactionshistory__orderdetailscard {
  min-height: 200px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.transactionshistory__orderdetailscard--header {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: -0.01em;
  color: #0052ce;
}
.transactionshistory__orderdetailscard__search_filter {
  margin: 1rem 0 0 -1rem;
}
.transactionshistory__orderdetailscard__filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  margin-top: 10px;
}
.transactionshistory__orderdetailscard__filters .transactionType {
  margin-right: 1rem;
}
.transactionshistory__orderdetailscard__table .table .thead-primary th {
  border: 0px;
  height: 50px;
  vertical-align: middle;
  background-color: #0052ce;
  color: #ffffff;
}
.transactionshistory__orderdetailscard__table .table .thead-primary th:first-child {
  border-top-left-radius: 0.4rem;
}
.transactionshistory__orderdetailscard__table .table .thead-primary th:last-child {
  border-top-right-radius: 0.4rem;
}
.transactionshistory__orderdetailscard__table .table tbody tr:first-child td:first-child,
.transactionshistory__orderdetailscard__table .table tbody tr:first-child td:last-child,
.transactionshistory__orderdetailscard__table .table tbody tr:last-child td:first-child,
.transactionshistory__orderdetailscard__table .table tbody tr:last-child td:last-child {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
@media only screen and (max-width: 1409px) {
  .transactionshistory__orderdetailscard__table .table .thead-primary th {
    vertical-align: top;
  }
}
.transactiontype {
  width: auto;
  border-radius: 3px;
  background-color: #f5f6fa;
  padding: 5px 10px;
  display: inline-flex;
  align-items: center;
}
.transactiontype__name {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.06em;
  color: #434a51;
}
.transactiontype__type {
  margin-right: 5px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
}
.voucher-indicator {
  background: #bb77ee;
}
.cash-reload-indicator {
  background: #5ad76b;
}
.realtime-campaign-indicator {
  background: #0267ff;
}
.ad-campaign-indicator {
  background: #ffde00;
}
.refund-indicator {
  background: #c1c1c1;
}
.lead-order-indicator {
  background: #a8cdf6;
}
.automated-order-indicator {
  background: #8893f6;
}
.bpl-campaign-indicator {
  background-color: #002d72;
}
.active-status {
  background-color: #5ad76b;
}
.paused-status {
  background-color: #ffd390;
}
.canceled-status {
  background-color: #ff7676;
}
.sorting__disabled {
  cursor: pointer;
  opacity: 0.6;
  color: #0052ce;
  font-size: 10px;
}
.sorting--icon {
  color: #0052ce;
  font-size: 10px;
  cursor: pointer;
}
.nodata-container {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border-radius: 8px;
  padding-left: 40px;
}
@media (max-width: 576px) {
  .nodata-container {
    padding-left: 0px;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
.nodata-container__block1 {
  flex: 0.5;
}
@media (max-width: 576px) {
  .nodata-container__block1 {
    padding: 10px;
  }
}
.nodata-container__block1__info {
  width: 80%;
  padding-left: 30px;
}
@media (max-width: 576px) {
  .nodata-container__block1__info {
    width: 100%;
    padding-left: 10px;
  }
}
.nodata-container__block1__info h2 {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 38px;
  color: #002d72;
}
@media (max-width: 576px) {
  .nodata-container__block1__info h2 {
    font-size: 20px;
    line-height: 22px;
  }
}
.nodata-container__block1__info p {
  margin-top: 15px;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #434a51;
}
@media (max-width: 576px) {
  .nodata-container__block1__info p {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 576px) {
  .nodata-container__block1__buttons {
    padding-left: 10px;
  }
}
@media (max-width: 576px) {
  .nodata-container__block1__buttons--linkBtn {
    margin-top: 10px;
  }
}
.nodata-container__block2 {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: start;
}
.error-color {
  color: #ff4444;
}
.campaignName {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-items: center;
  letter-spacing: -0.01em;
  color: #434a51;
}
.order-recurrences {
  margin-top: 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.order-recurrences > * {
  margin-left: 0.5rem;
}
.order-recurrences > .ml-2 {
  margin-left: 0.5rem;
}
.view-automate-orders-table {
  border-top: 1px solid #dfdedd;
}
.w-180px > div span:last-child {
  width: 180px !important;
}
.max-height-40vh {
  max-height: 40vh;
  height: 100%;
  overflow: auto;
}
.max-height-40vh::-webkit-scrollbar {
  width: 8px;
}
.max-height-40vh::-webkit-scrollbar-track {
  background: #ffffff;
}
.max-height-40vh::-webkit-scrollbar-thumb {
  background-color: #dfdedd;
  border-radius: 10px;
}
.cart-summary-calculations {
  text-align: right;
  font-size: 1rem;
}
.cart-summary-calculations > div span {
  display: inline-block;
  width: 155px;
}
.cart-summary-calculations > div span:first-child {
  color: #000;
  font-weight: 700;
}
.cart-summary-calculations > div span:last-child {
  width: 270px;
  margin-right: 2rem;
  color: #434a51;
}
@media (max-width: 768px) {
  .cart-summary-calculations > div span:last-child {
    margin-right: 0;
  }
}
.cart-summary-calculations .cart-total {
  font-size: 1.5rem;
}
.cart-summary-calculations .cart-total span:first-child {
  font-weight: 400;
  color: #002d72;
}
.cart-summary-calculations .cart-total span:last-child {
  width: 265px;
  color: #002d72;
}
.table-menu {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 16px;
}
.cartitem {
  display: flex;
  align-items: center;
  border: 1px solid #dfdedd;
  border-radius: 5px;
  color: #ffffff;
  height: 37px;
}
.cartitem__number {
  width: 63px;
}
.cartitem__number input {
  width: 70px;
  height: 100%;
  outline: none;
  border: none;
  color: #434a51;
}
.cartitem__number__disabled {
  cursor: not-allowed;
  opacity: 0.6;
  color: #0052ce;
  font-size: 10px;
}
.cartitem__number--icon {
  color: #0052ce;
  font-size: 10px;
  cursor: pointer;
}
.cartitem__carticon {
  height: 105%;
  padding: 6px;
  background-color: #0052ce;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.cartitem__carticon--disabled {
  height: 105%;
  padding: 6px;
  background-color: #a0c4f8;
  cursor: not-allowed;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.cartitem__carticon:hover {
  opacity: 0.8;
}
.cartitem__carticon:active {
  opacity: 1;
}
.dtable {
  width: 100%;
  border-collapse: collapse;
  border: none;
}
.dtable tbody tr {
  border-bottom: 1px solid red !important;
}
@media screen and (max-width: 767px) {
  table thead {
    display: none;
  }
  table tbody,
  table tbody tr {
    display: block;
    width: 100%;
  }
  table tbody tr th::before,
  table tbody tr td::before {
    content: attr(data-title);
    display: block;
  }
  table tbody tr td,
  table tbody tr th {
    display: block;
    width: 50%;
    float: left;
  }
  table tbody tr {
    margin-bottom: 16px;
    float: left;
    clear: both;
  }
}
.checkout-table {
  width: 75%;
  letter-spacing: 0;
}
.checkout-table.automate .cart-calc > div span:last-child {
  margin-right: 0;
}
.payment-sec {
  width: 25%;
  margin-left: 1%;
  border-radius: 8px;
  padding: 15px;
  font-family: "Lato", sans-serif !important;
  letter-spacing: 0;
}
.payment-sec .card-container {
  padding: 15px;
}
.payment-sec .cash-container {
  padding: 0 15px;
}
.payment-sec .card-detail {
  width: 75%;
}
.payment-sec .card-detail h5 {
  font-size: 1.12rem;
}
.payment-sec .card-detail p {
  font-size: 0.875rem;
}
.payment-sec .form-control-orderleads {
  height: 36px;
  border-radius: 4px;
}
.payment-sec .availableCreditAmount {
  color: #aaaaaa;
}
@media (max-width: 768px) {
  .checkout-container {
    flex-direction: column;
  }
  .checkout-container .checkout-table {
    width: 100%;
  }
  .checkout-container .payment-sec {
    width: 100%;
  }
}
.sc-table .leadtable__body__card__mobilecontent__row1__cell {
  min-height: 55px;
  margin-bottom: 0.5rem;
}
.sc-table .leadtable__body__card__mobilecontent__row1__cell:last-child .leadtable__body__card__mobilecontent__row1__cell--data {
  flex-direction: row;
  text-align: left;
}
.sc-table .leadtable__body__card__mobilecontent__row1__cell--header {
  text-align: left;
}
.sc-table .leadtable__body__card__mobilecontent__row1__cell--data {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  min-width: 140px;
  justify-content: flex-start;
}
@media (max-width: 768px) {
  .sc-table .table-footr {
    flex-direction: column;
  }
  .sc-table .table-footr .cart-calc {
    margin-top: 2rem;
  }
  .sc-table .table-footr .cart-calc > div {
    display: flex;
  }
}
@media (max-width: 768px) {
  .sticky-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    padding: 0.5rem 25px;
    z-index: 1;
    box-shadow: 0px -4px 15px rgba(0, 0, 0, 0.25);
  }
  .sticky-bottom .btn-row {
    width: 100%;
    justify-content: center;
    flex-direction: column;
  }
  .sticky-bottom .btn-row > button {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.5rem;
  }
}
.sorting__desktopmenu {
  display: block;
  position: absolute;
  top: 10px;
  left: -18.5rem;
  padding: 13px 25px;
  background: #f4f8fb;
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.161));
  transition: bottom 0.3s ease-in-out;
  z-index: 9;
  border-radius: 8px;
  max-height: 40vh;
  min-width: 18.6rem;
  overflow: auto;
}
@media (max-width: 576px) {
  .sorting__desktopmenu {
    display: none;
  }
}
.sorting__menu {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 13px 25px;
  background: #f4f8fb;
  box-shadow: 0px -4px 15px rgba(0, 0, 0, 0.25);
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.161));
  transition: bottom 0.3s ease-in-out;
  z-index: 10;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  max-height: 60vh;
  overflow: auto;
}
@media (max-width: 576px) {
  .sorting__menu {
    display: block;
  }
}
.sorting__menu__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 0;
  text-align: left;
  color: #002d72;
}
.sorting__menu__header--icon {
  color: #0052ce;
  font-size: 24px;
  cursor: pointer;
}
.sorting__menu__content {
  background-color: #ffffff;
  padding: 14px;
  border-radius: 4px;
}
.sorticon {
  color: #0052ce;
  cursor: pointer;
}
.sortInactiveIcon {
  color: #a0c4f8;
  cursor: pointer;
}
.viewlead {
  margin-top: -20px;
}
.viewlead__card {
  background: #ffffff;
  border: none !important;
  border-radius: 8px !important;
}
.viewlead__card--border-none {
  border: none;
  border-radius: 0.45rem !important;
}
.viewlead__card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: none !important;
}
.viewlead__card__header--title {
  font-size: 24px;
  font-weight: 400;
  align-items: left;
  margin-bottom: 0;
  text-align: left;
  color: #002d72;
  letter-spacing: 0;
}
@media (max-width: 1200px) {
  .viewlead__card__header--title {
    font-size: 18px;
  }
}
.viewlead__cardbody {
  min-height: 100px;
  padding-left: 5px;
  padding-top: 10px;
  display: flex;
  align-items: stretch;
  border-top: 0.5px solid #dfdedd !important;
}
.viewlead__cardbody__gradientborder {
  width: 5px;
  border-radius: 120px;
}
.viewlead__cardbody__data {
  padding-left: 30px;
  width: 100%;
}
.viewlead__arrowIcon {
  position: relative;
  transition: transform 0.3s ease-in-out;
}
.viewlead__arrowIcon--icon {
  font-size: 16px;
  cursor: pointer;
  color: #0052ce;
}
.viewlead__arrowIcon.open {
  transform: rotate(180deg);
}
.viewlead__arrowIcon.closed {
  transform: rotate(0deg);
}
.lead__body__menu {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  padding-right: 10px;
}
.lead__body__menu__block {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .lead__body__menu__block {
    flex-wrap: wrap;
  }
}
.lead__body__menu__block--header {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #002d72;
}
.lead__body__menu__items {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .lead__body__menu__items {
    flex-wrap: wrap;
  }
}
.lead__body__menu__items--item {
  margin-left: 20px;
}
.lead__body__menu__items--item img {
  height: 20px;
  width: 20px;
  object-fit: cover;
}
.lead__body__menu__items--item span {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #0052ce;
}
.lead__body__menu__more {
  position: relative;
  background-color: #f4f6fa;
  border-radius: 4px;
  padding: 4px;
}
.lead__body__menu__more__dropdown {
  position: absolute;
  top: 105%;
  right: 0;
  background-color: #ffffff;
  filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.25));
  border-radius: 3px;
  padding: 8px;
  min-width: 12.6rem;
  z-index: 1;
}
.lead__body__menu__more__dropdown__option {
  padding: 5px;
  margin: 4px;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #434a51;
}
.lead__body__menu__more__dropdown__option:hover {
  background-color: #ededee;
  color: #0052ce;
}
.lead__body__menu__more__dropdown__option.no-credit-li:hover {
  cursor: not-allowed;
}
.lead__body__menu__more__dropdown2 {
  position: absolute;
  top: 30%;
  right: 0;
  background-color: #ffffff;
  filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.25));
  border-radius: 3px;
  padding: 8px;
  min-width: 12.6rem;
  z-index: 1;
}
.lead__body__menu__more__dropdown2__option {
  padding: 5px;
  margin: 4px;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #434a51;
}
.lead__body__menu__more__dropdown2__option:hover {
  background-color: #ededee;
  color: #0052ce;
}
.lead__headerInfo {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .lead__headerInfo {
    flex-wrap: wrap;
  }
}
.lead__headerInfo--title {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  color: #434a51;
}
.lead__headerInfo--title:first-child {
  margin-left: 0px !important;
}
@media (max-width: 768px) {
  .lead__headerInfo--title {
    margin-left: 0 !important;
    margin-top: 5px;
  }
}
.lead__headerInfo--title span {
  text-transform: initial;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}
.leaddetails {
  padding-top: 10px;
}
.leaddetails__row {
  display: flex;
  flex-wrap: wrap;
}
.leaddetails__row__item {
  padding: 10px;
}
.leaddetails__row__item--label {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  color: #002d72;
}
.leaddetails__row__item--info {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: #434a51;
}
.flex-15 {
  flex: 0 0 15%;
}
.flex-25 {
  flex: 0 0 25%;
}
@media (max-width: 576px) {
  .flex-25 {
    flex: 0 0 100%;
  }
}
.flex-33 {
  flex: 0 0 33%;
}
@media (max-width: 576px) {
  .flex-33 {
    padding-top: 10px;
  }
}
.flex-44 {
  flex: 0 0 44%;
}
.flex-50 {
  flex: 0 0 50%;
}
@media (max-width: 576px) {
  .flex-50 {
    flex: 0 0 100%;
  }
}
.flex-85 {
  flex: 0 0 84%;
}
.flex-100 {
  flex: 0 0 100%;
}
.tabs-container {
  width: 280px;
}
.tabs {
  display: flex;
  position: relative;
}
.tab {
  flex: 1;
  padding: 10px;
  cursor: pointer;
  text-align: center;
  color: #0052ce;
  font-family: "Lato", sans-serif;
  font-style: normal;
  line-height: 14px;
  font-weight: 400;
}
.tab.active {
  font-weight: 700;
}
.tab-item {
  color: #717171;
  border-bottom: 2px solid #717171;
  padding: 8px 16px;
}
.tab-active {
  border-bottom: 4px solid #4178ff;
}
.indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #0052ce;
  border-radius: 5px;
}
.indicator-2,
.indicator-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(50% - 10px);
  height: 2px;
  background-color: #0052ce;
  border-radius: 5px;
  opacity: 0;
  transition: all 0.3s ease;
}
.indicator-2 {
  transform: translateX(0);
  margin: 0 5px;
}
.indicator-1 {
  transform: translateX(100%);
  margin: 0 5px 0 15px;
}
.tab.active ~ .indicator-2,
.tab.active ~ .indicator-1 {
  opacity: 1;
}
.tr {
  width: 2px;
  height: 22px;
  background-color: #dfdedd;
  margin-top: 10px;
  border-radius: 10px;
}
.medicare_redirect {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #717171;
  text-align: right;
}
.bg-morning {
  background: #6a95ff;
}
.bg-afternoon {
  background: #4178ff;
}
.bg-evening {
  background: #1457ff;
}
.h-2rem {
  height: 2rem;
}
.mobile_products {
  display: flex;
  align-items: center;
}
.mobile_products .transactionshistory__selectedOptions__option {
  margin-left: 10px;
}
@media (max-width: 768px) {
  .mobile_products {
    flex-wrap: wrap;
  }
  .mobile_products .transactionshistory__selectedOptions__option {
    margin: 5px 0px;
  }
}
.highlight-reminder {
  background-color: #f1faff !important;
  border-radius: 0px !important;
}
.rc-modal-header {
  font-size: 24px;
  font-weight: 400;
  align-items: left;
  justify-content: left;
  margin-bottom: 0;
  text-align: left;
  color: #002d72;
}
.modal-header .close {
  color: #0052ce !important;
}
.smallSizeBtn {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notesInfoText {
  padding: 5px 0;
  font-family: "Lato", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #aaaaaa;
}
.creditaction-banner {
  margin: 20px 0;
  border: 1px solid #dfdedd;
  background-color: #f1faff;
  border-radius: 3px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: left;
}
.creditaction-banner__section1 svg {
  font-size: 32px;
  color: #0052ce;
}
.creditaction-banner__section2 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.creditaction-banner__section2__label {
  margin-left: 20px;
  color: #434a51;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .creditaction-banner__section2__label {
    margin-left: 10px;
  }
}
.creditaction-banner__section2__label span {
  font-weight: 700;
}
.creditaction-banner__section2--cta {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: end;
}
.note-modal-body label {
  margin-bottom: 0;
  color: #434a51;
}
.note-modal-body label span {
  color: #aaaaaa;
}
.trusted-form-tooltip .tooltip-inner {
  max-width: 300px;
}
.trusted-form-tooltip .tooltip-inner p {
  font-size: 0.75rem;
  margin-bottom: 0 !important;
}
.trusted-form-disable span {
  color: #434a51 !important;
}
.trusted-form-link {
  text-decoration: none !important;
  color: #0052ce;
}
.grid-container {
  display: grid;
  gap: 24px;
}
.grid-container > :last-child {
  margin-bottom: 24px;
}
/* Individual Grid Items */
.grid-item {
  display: flex;
  justify-content: start;
  align-items: center;
}
.lead-header-container {
  display: flex;
  gap: 16px;
}
.lead-header-container > :last-child {
  margin-left: auto;
}
.lead-header-data-item {
  display: flex;
  gap: 24px;
}
.lead-header-certifications {
  display: inline-flex;
  gap: 8px;
}
.lead-header-certification-image {
  max-width: 24px;
  max-height: 24px;
}
.multiselect-container .searchBox {
  width: 100%;
}
.multiselect-container .search-wrapper .chip {
  border-radius: 0;
  background-color: #f5f6fa;
  color: #434a51;
}
.multiselect-container .search-wrapper .chip .custom-close {
  font-style: initial;
  font-weight: 400;
  margin-left: 0.3rem;
  font-size: 0.95rem;
  color: #0052ce;
  cursor: pointer;
}
.multiselect-container .optionContainer {
  list-style-type: none;
}
.multiselect-container .optionContainer .highlightOption:hover {
  background-color: #2175f4;
  color: #ffffff;
}
.multiselect-container .optionContainer .option:hover {
  background-color: #2175f4;
}
.left-before-1::before {
  left: 0%;
  width: 100%;
}
.left-after-1::after {
  left: 0% !important;
  width: 100% !important;
}
.left-before-2::before {
  left: 6%;
  width: 94.5%;
}
.left-after-2::after {
  left: 6% !important;
  width: 94.5% !important;
}
.left-before-3::before {
  left: 12%;
  width: 89%;
}
.left-after-3::after {
  left: 12% !important;
  width: 89% !important;
}
.left-before-4::before {
  left: 18%;
  width: 83.5%;
}
.left-after-4::after {
  left: 18% !important;
  width: 83.5% !important;
}
.left-before-5::before {
  left: 24%;
  width: 78%;
}
.left-after-5::after {
  left: 24% !important;
  width: 78% !important;
}
.multistep-form {
  margin-left: 35px;
}
@media (max-width: 768px) {
  .multistep-form {
    margin-left: 0;
  }
}
.multistep-form__desktop {
  display: flex;
}
.multistep-form__desktop__steps {
  display: flex;
  justify-content: space-between;
}
.multistep-form__desktop__steps__step {
  margin-left: 15px;
  position: relative;
  transition: 0.4s ease;
}
.multistep-form__desktop__steps__step:first-child {
  margin-left: 0;
}
.multistep-form__desktop__steps__step .circle {
  height: 48px;
  width: 48px;
  border-radius: 50%;
  background-color: #ededee;
}
.multistep-form__desktop__steps__step .circle.activeStep {
  background-color: #d8e6f9;
  color: #0052ce;
}
.multistep-form__desktop__steps__step span {
  display: block;
  width: 157px;
}
.multistep-form__desktop__steps__step:last-child:before, .multistep-form__desktop__steps__step:last-child:after {
  height: 0;
  width: 0;
}
.multistep-form__desktop__steps__step:before {
  content: "";
  position: absolute;
  background: #ededee;
  height: 4px;
  top: 25%;
  transform: translateY(-50%);
  border-radius: 10px;
}
.multistep-form__desktop__steps__step:after {
  content: "";
  position: absolute;
  background: #0052ce;
  height: 4px;
  width: 0;
  top: 25%;
  transform: translateY(-50%);
  border-radius: 10px;
  left: 35%;
}
@media (max-width: 768px) {
  .multistep-form__desktop {
    display: none;
  }
}
.multistep-form__mobile {
  display: none;
}
@media (max-width: 768px) {
  .multistep-form__mobile {
    display: block;
    margin-right: 10px;
    max-width: 420px;
  }
  .multistep-form__mobile__steps {
    display: flex;
    justify-content: space-between;
  }
  .multistep-form__mobile__steps__step {
    margin-left: 10px;
  }
  .multistep-form__mobile__steps__step:first-child {
    margin-left: 0;
  }
  .multistep-form__mobile__steps__step .progress-bar {
    height: 4px;
    border-radius: 10px;
    background-color: #ededee;
  }
}
.completed-progress-bar:after {
  content: "";
  position: absolute;
  background: #0052ce;
  height: 4px;
  width: 70%;
  top: 25%;
  transform: translateY(-50%);
  border-radius: 10px;
  left: 35%;
}
.realtime-steps,
.custom-ad-steps {
  margin: 1.5rem 0 1.5rem 0 !important;
}
.realtime-steps .multistep-form,
.custom-ad-steps .multistep-form {
  flex: 0 0 70%;
  max-width: 70%;
  position: relative;
  width: 100%;
  padding: 0;
}
.realtime-steps .multistep-form__desktop,
.custom-ad-steps .multistep-form__desktop {
  width: 100%;
}
.realtime-steps .multistep-form__desktop__steps,
.custom-ad-steps .multistep-form__desktop__steps {
  width: 100%;
}
.realtime-steps .multistep-form__desktop__steps__step,
.custom-ad-steps .multistep-form__desktop__steps__step {
  width: 100%;
}
.realtime-steps .multistep-form__desktop__steps__step span,
.custom-ad-steps .multistep-form__desktop__steps__step span {
  letter-spacing: 0;
  margin-left: -2rem;
}
.realtime-steps .multistep-form__desktop__steps__step:before,
.custom-ad-steps .multistep-form__desktop__steps__step:before {
  top: 1.5rem;
}
@media (max-width: 1400px) {
  .realtime-steps .multistep-form__desktop__steps__step:before,
  .custom-ad-steps .multistep-form__desktop__steps__step:before {
    width: 75%;
    left: 25%;
  }
}
.realtime-steps .multistep-form__desktop__steps__step:last-child,
.custom-ad-steps .multistep-form__desktop__steps__step:last-child {
  width: 5%;
}
.realtime-steps .multistep-form + div,
.custom-ad-steps .multistep-form + div {
  width: 20%;
  display: flex;
  justify-content: end;
}
.realtime-steps .desktop-buttons .new-btn,
.custom-ad-steps .desktop-buttons .new-btn {
  min-width: 70px;
  max-width: 155px;
}
.realtime-steps .completed-progress-bar:after,
.custom-ad-steps .completed-progress-bar:after {
  top: 1.5rem;
}
@media (max-width: 1400px) {
  .realtime-steps .completed-progress-bar:after,
  .custom-ad-steps .completed-progress-bar:after {
    width: 75%;
    left: 25%;
  }
}
@media (max-width: 1600px) {
  .realtime-steps,
  .custom-ad-steps {
    flex-direction: column;
  }
  .realtime-steps .multistep-form,
  .custom-ad-steps .multistep-form {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .realtime-steps .multistep-form + div,
  .custom-ad-steps .multistep-form + div {
    width: 100%;
    margin-top: 2rem;
  }
}
.custom-ad-steps .completed-progress-bar .circle {
  cursor: pointer;
}
.custom-ad-steps .completed-progress-bar .circle + span {
  cursor: pointer;
}
.iconProgressBar {
  margin-left: 35px;
  flex: 0 0 70%;
  max-width: 70%;
}
@media (max-width: 768px) {
  .iconProgressBar {
    margin-left: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.iconProgressBar__track {
  display: flex;
  width: 100%;
  position: relative;
  padding: 0;
  margin: 0;
}
.iconProgressBar__item {
  list-style: none;
  flex: 1 1 0;
  position: relative;
  cursor: default;
}
.iconProgressBar__item:last-child {
  flex: 0 0 auto;
}
.iconProgressBar__item::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 24px;
  width: calc(100% - 24px);
  height: 5px;
  background: #f1faff;
  border-radius: 8px;
  z-index: 0;
}
.iconProgressBar__item.is-done::after {
  content: "";
  position: absolute;
  top: 24px;
  left: 24px;
  width: calc(100% - 24px);
  height: 5px;
  background: #4178ff;
  border-radius: 8px;
  z-index: 0;
}
.iconProgressBar__item:last-child::before, .iconProgressBar__item:last-child::after {
  display: none;
}
.iconProgressBar__dot {
  height: 48px;
  width: 48px;
  border-radius: 999px;
  background: #f1faff;
  color: #4178ff;
  position: relative;
  z-index: 1;
}
.iconProgressBar__dot--active {
  background: #4178ff;
  color: #fff;
}
.iconProgressBar__dot--done {
  background: #4178ff;
  color: #fff;
}
.iconProgressBar__dot--clickable {
  cursor: pointer;
}
.iconProgressBar__icon {
  height: 24px;
  width: 24px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.iconProgressBar__icon svg,
.iconProgressBar__icon img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.iconProgressBar__label {
  display: block;
  margin-top: 8px;
  width: 180px;
  line-height: 1.2;
}
.iconProgressBar__label--active {
  color: #4178ff;
  margin-left: -35px;
}
@media (max-width: 768px) {
  .iconProgressBar__label--active {
    margin-left: 0;
  }
}
.iconProgressBar__label--inactive {
  color: #000000;
  margin-left: -35px;
}
@media (max-width: 768px) {
  .iconProgressBar__label--inactive {
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .iconProgressBar .iconProgressBar__label {
    display: none;
  }
  .iconProgressBar .iconProgressBar__dot {
    height: 40px;
    width: 40px;
    font-size: 14px;
  }
  .iconProgressBar .iconProgressBar__item::before, .iconProgressBar .iconProgressBar__item.is-done::after {
    top: 18px;
    left: 18px;
    width: calc(100% - 18px);
    height: 5px;
    border-radius: 6px;
  }
  .iconProgressBar .iconProgressBar__item:last-child::before, .iconProgressBar .iconProgressBar__item:last-child::after {
    display: none;
  }
}
.create-ads {
  display: flex;
  height: 600px;
}
.create-ads__verticalCarousel {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
.create-ads__verticalCarousel__dot {
  width: 4px;
  height: 4px;
  margin: 5px;
  background-color: #d9d9d9;
  border-radius: 50%;
  cursor: pointer;
}
.create-ads__verticalCarousel__dot:hover {
  background-color: #f1faff;
}
.create-ads__verticalCarousel__dot.active {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: #0052ce;
}
.create-ads__ad {
  flex: 1;
  display: flex;
  overflow: auto;
  flex-direction: column;
  max-height: 600px;
}
.create-ads__ad__info__template {
  display: flex;
  flex-direction: row;
  height: 95%;
}
@media (max-width: 768px) {
  .create-ads__ad__info__template {
    flex-direction: column;
  }
}
.create-ads__ad__info__template__image {
  flex: 0.25;
  height: 100%;
  background-color: #ffffff;
}
@media (max-width: 768px) {
  .create-ads__ad__info__template__image {
    flex: 1;
  }
}
.create-ads__ad__info__template__image img {
  padding: 20px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.create-ads__ad__info__template__content {
  flex: 0.75;
  padding: 20px;
}
@media (max-width: 768px) {
  .create-ads__ad__info__template__content {
    flex: 1;
  }
}
.create-ads__ad__info .bg-selectedCreative {
  background-color: #f1faff;
  color: #000000;
  margin-top: 20px;
  width: 100%;
  height: 500px;
  border-radius: 8px;
  flex-direction: column;
}
@media (max-width: 768px) {
  .create-ads__ad__info .bg-selectedCreative {
    height: auto;
  }
}
.create-ads__ad__info .bg-selectedCreative:first-child {
  margin-top: 0;
}
.create-ads__ad__info .bg-nonSelectedCreative {
  margin-top: 20px;
  width: 100%;
  height: 500px;
  background-color: #f9fafb;
  color: #000000;
  border-radius: 8px;
  flex-direction: column;
}
@media (max-width: 768px) {
  .create-ads__ad__info .bg-nonSelectedCreative {
    height: auto;
  }
}
.create-ads__ad__info .bg-nonSelectedCreative:first-child {
  margin-top: 0;
}
.create-ads__ad::-webkit-scrollbar {
  display: none;
}
.desktop-buttons {
  display: flex;
}
@media (max-width: 768px) {
  .desktop-buttons {
    display: none;
  }
}
.mobileFixedBtns {
  display: none;
}
@media (max-width: 768px) {
  .mobileFixedBtns {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 13px 25px;
    background: #f4f8fb;
    box-shadow: 0px -4px 15px rgba(0, 0, 0, 0.25);
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.161));
    transition: bottom 0.3s ease-in-out;
    z-index: 10;
  }
}
.select-creativeTabs {
  width: 200px;
  margin-left: 20px;
}
.social_media_chip {
  background-color: #fff2dd;
  color: #a99057;
}
.direct_mail_chip {
  background-color: #d8e6f9;
  color: #0052ce;
}
.borderedSection {
  margin-left: 20px;
  flex-grow: 1;
  height: 1px;
  background-color: #dfdedd;
}
.creative-template-image {
  height: auto;
  width: 274px;
}
.creative-template-image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.walmart-modal-dialog {
  margin-top: 10% !important;
}
.walmart-modal-content {
  border: 0px;
  border-radius: 8px !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
@media (max-width: 768px) {
  .flex-wrap-md {
    flex-wrap: wrap;
  }
}
.h-65vh {
  height: auto;
  min-height: 65vh;
}
@media (max-width: 768px) {
  .h-65vh {
    height: auto;
  }
}
.top-0 {
  top: 0 !important;
  max-width: 800px !important;
}
.required-select-field {
  border: 1px solid #ff4444 !important;
  border-radius: 4px;
}
.payment-card {
  background-color: #f9fafb;
  border: 1px solid #dfdedd;
  border-radius: 8px;
  float: right;
}
@media (max-width: 576px) {
  .payment-card {
    margin-top: 10px;
  }
}
.flex-05 {
  flex: 0.5;
}
@media (max-width: 576px) {
  .flex-05 {
    flex: 1;
  }
}
.walmart-organization-select {
  width: 90%;
}
@media (max-width: 576px) {
  .walmart-organization-select {
    width: 100%;
  }
}
.status-processing {
  background-color: #ffd390;
}
.status-processed {
  background-color: #5ad76b;
}
.status-canceled {
  background-color: #aaaaaa;
}
.status-10 {
  background-color: #5ad76b;
}
.status-20 {
  background-color: #ffd390;
}
.status-21 {
  background-color: #ffd390;
}
.status-22 {
  background-color: #ffdcdc;
}
.status-30 {
  background-color: #ff4444;
}
.status-40 {
  background-color: #717171;
}
.modal-automate-dialog {
  max-width: 950px;
  width: 100%;
  top: 5%;
}
.modal-automate-dialog .modal-header {
  background-color: #002d72;
  color: #ffffff;
}
.modal-automate-dialog .modal-header svg {
  max-width: 100px;
  width: 100%;
  font-size: 4rem;
}
.modal-automate-dialog .modal-header h3 {
  margin: 0 !important;
  font-size: 3rem !important;
  text-align: center;
  width: 100%;
  padding: 3rem 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-automate-dialog .modal-body {
  padding: 20px;
}
.modal-automate-dialog .modal-body .automate-section-one {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.modal-automate-dialog .modal-body .col-automate {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 30%;
  border: 1px solid #c7ccd1;
  padding: 10px;
  min-height: 260px;
}
.modal-automate-dialog .modal-body .col-automate p {
  font-size: 18px;
  color: #002d72;
  text-align: center;
}
.modal-automate-dialog .modal-body .col-automate p svg {
  font-size: 4rem;
  color: #0052ce;
}
.modal-automate-dialog .modal-body .col-automate .automated-leads {
  font-size: 4rem;
  font-weight: lighter;
  color: #0052ce;
}
.modal-automate-dialog .modal-body .bg-body {
  background-color: #f1faff;
  margin: 0 !important;
  padding: 10px;
  min-height: 125px;
}
.modal-automate-dialog .modal-body .small-text {
  font-size: 12px;
  color: #002d72;
  display: inline-block;
}
.modal-automate-dialog .modal-body .automate-section-two {
  margin: 2rem 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #c7ccd1;
}
.modal-automate-dialog .modal-body .automate-section-two .vertical-line {
  min-height: 200px;
  height: 100%;
  border: 1px solid #c7ccd1;
  margin: 1rem 5rem;
}
.modal-automate-dialog .modal-body .col-automate-two {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.modal-automate-dialog .modal-body .col-automate-two h3 {
  text-align: center;
  font-size: 1.5rem;
  margin: 0 !important;
  color: #002d72;
}
.modal-automate-dialog .modal-body .col-automate-two p {
  text-align: center;
  font-size: 1rem;
  color: #002d72;
  min-height: 25px;
  margin: 0 !important;
}
.modal-automate-dialog .modal-body .col-automate-two p svg {
  font-size: 1rem;
  color: #0052ce;
}
.modal-automate-dialog .modal-body .col-automate-two p .tool-tip {
  display: inline-block;
}
.modal-automate-dialog .modal-body .col-automate-two .cost {
  font-size: 3rem;
  color: #434a51;
  margin: 1rem 0 !important;
}
.modal-automate-dialog .modal-body .col-automate-two .cost.approximate {
  color: #0052ce;
}
.modal-automate-dialog .modal-body .col-automate-two > div {
  min-height: auto;
  padding: 10px;
}
.modal-automate-dialog .modal-body .col-automate-two .bg-body {
  padding: 15px 30px;
}
.modal-automate-dialog .modal-body .footer-buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 768px) {
  .modal-automate-dialog {
    width: 90%;
    margin: 0 auto;
  }
  .modal-automate-dialog .automate-section-one,
  .modal-automate-dialog .automate-section-two {
    flex-direction: column !important;
  }
  .modal-automate-dialog .modal-header {
    padding: 1rem;
  }
  .modal-automate-dialog .modal-header h3,
  .modal-automate-dialog .modal-header svg {
    font-size: 1.5rem !important;
  }
  .modal-automate-dialog .modal-header svg {
    max-width: 40px;
  }
  .modal-automate-dialog .col-automate {
    width: 90% !important;
    margin-bottom: 1rem;
  }
  .modal-automate-dialog .vertical-line {
    min-height: 1px !important;
    width: 70%;
    margin: 2rem auto !important;
  }
  .modal-automate-dialog .cost {
    font-size: 2rem !important;
  }
  .modal-automate-dialog .col-automate-two {
    width: 90%;
  }
  .modal-automate-dialog .col-automate-two .bg-body {
    padding: 10px !important;
    width: 100%;
    margin-top: 1rem !important;
  }
  .modal-automate-dialog .small-text {
    margin-bottom: 1rem;
  }
}
.faq-page-title {
  color: #002d72;
  font-size: 2rem;
  font-family: "Lato", sans-serif;
  letter-spacing: 0;
}
.accordion_item.with-separator .button {
  border-top: 1px solid #dfdedd;
}
.accordion_item .button {
  text-align: left;
  width: 100%;
  margin: 0 !important;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  color: #002d72;
  line-height: 30px;
  background-color: #ffffff;
  border: transparent;
  border-bottom: 1px solid #dfdedd;
  min-height: 80px;
  padding: 0 20px;
}
.accordion_item .button img.title-icon {
  margin-top: -5px;
  max-width: 32px;
  margin-right: 0.5rem;
}
.accordion_item .button svg {
  color: #434a51;
  width: 32px;
}
.accordion_item .button .chevron {
  font-size: 1.5rem;
  color: #4178ff;
  width: 24px;
}
.accordion_item .button.sub-section-button {
  background-color: #f9fafb;
}
.accordion_item .button.sub-section-button img.title-icon {
  max-width: 200px;
  height: auto;
}
.accordion_item.active {
  border-bottom: 1px solid #dfdedd;
}
.accordion_item.active .button {
  border-bottom-color: transparent;
}
.accordion_item.active:last-child {
  border-bottom-color: transparent;
}
.accordion_item:first-child .button {
  border-radius: 4px 4px 0 0;
}
.accordion_item:last-child .button {
  border-bottom-color: transparent;
  border-radius: 0 0 4px 4px;
}
.section_wrapper {
  height: 0;
  overflow: hidden;
  transition: height 0.2s ease-in;
  background-color: #ffffff;
}
.section_wrapper .section {
  background-color: #ffffff;
}
.section_wrapper .section #third-party-section-header {
  background-color: inherit;
  border: 0;
}
.section_wrapper .section .question-section {
  margin: 0 1rem 0;
  padding: 1rem;
  background-color: #f9fafb;
  border-bottom: 1px solid #dfdedd;
  position: relative;
}
.section_wrapper .section .question-section:first-child {
  border-radius: 4px 4px 0 0;
}
.section_wrapper .section .question-section:last-child {
  border-bottom-color: transparent;
  margin-bottom: 1rem;
  border-radius: 0 0 4px 4px;
}
.section_wrapper .section .question-section h3 {
  font-family: "Lato", sans-serif;
  font-size: 1.25rem;
  color: #052a63;
  line-height: 24px;
  margin-bottom: 0.5rem !important;
}
.section_wrapper .section .question-section h3:first-child {
  border-top-color: transparent;
}
.section_wrapper .section .question-section p {
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  color: #434a51;
  line-height: 24px;
  margin-bottom: 0.5rem !important;
}
.section_wrapper .section .question-section p.flex-end .account-settings-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 6px 12px;
  font-size: 0.875rem;
}
@media (max-width: 768px) {
  .section_wrapper .section .question-section p.flex-end .account-settings-btn {
    position: static;
    margin-top: 2rem;
  }
}
.section_wrapper.sub-section {
  overflow: visible;
}
.section_wrapper.sub-section .section {
  padding-bottom: 1px;
}
.section_wrapper.sub-section .sub-section .section {
  background-color: #f9fafb;
}
.section_wrapper.sub-section .sub-section .question-section {
  background-color: #f9fafb;
  padding: 1rem 0;
}
.accordion_item:last-child > .section_wrapper > .question-section:last-child p {
  margin-bottom: 2rem !important;
}
.expand-button,
.collapse-button {
  cursor: pointer;
  color: #4178ff;
  font-size: 1rem;
}
.highlight-keyword {
  color: #ffffff;
  border-radius: 4px;
}
.highlight-keyword.morning {
  background: #6a95ff;
}
.highlight-keyword.afternoon {
  background: #4178ff;
}
.highlight-keyword.evening {
  background: #1457ff;
}
.faq-info-icon {
  font-size: 1rem;
  margin-left: 1px;
  color: #4178ff !important;
}
.communication-banners {
  position: relative;
  top: 0;
  width: 100%;
  z-index: 10;
  background: #4178ff;
}
@media (max-width: 992px) {
  .communication-banners .carousel-indicators {
    bottom: -10px;
  }
}
.communication-banners .close-banner {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  color: #ffffff !important;
  font-size: 1.5rem;
}
.communication-banners .button-icon {
  font-size: 1.75rem;
  padding-left: 0.3rem;
}
.communication-banners .carousel-indicators li {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  opacity: 0.3;
}
.communication-banners .carousel-indicators .active {
  background-color: #ffffff;
  opacity: 1;
}
.communication-banners__banner {
  padding: 1.5rem;
  height: 152px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .communication-banners__banner {
    height: 220px;
  }
}
.communication-banners__banner--img {
  width: 260px;
  height: 100%;
  display: block;
  flex: 0.2;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 768px) {
  .communication-banners__banner--img {
    display: none;
  }
}
.communication-banners__banner__content {
  flex: 1;
  padding-right: 2rem;
  margin-left: 260px;
}
@media (max-width: 768px) {
  .communication-banners__banner__content {
    flex-wrap: wrap;
    margin-left: 0;
    padding-right: 0;
    justify-content: center;
    align-items: center;
  }
}
.communication-banners__banner__content .banner-text {
  color: #ffffff;
  display: inline-block;
  width: 100%;
  text-align: left;
}
@media (max-width: 768px) {
  .communication-banners__banner__content .banner-text {
    font-size: 18px;
    text-align: center;
  }
}
.blocked-banner {
  width: 100%;
  z-index: 10;
  background: #ffdcdc;
}
@media (max-width: 768px) {
  .blocked-banner {
    position: absolute;
  }
}
.blocked-banner__reason {
  min-height: 62px;
  display: flex;
  align-items: center;
  position: relative;
}
.blocked-banner__reason__icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 62px;
  height: 100%;
  width: 60px;
  font-size: 18px;
  color: #c81e27;
}
.blocked-banner__reason__info {
  margin-left: 65px;
  padding: 8px 0px;
  color: #434a51;
  font-size: 14px;
  font-weight: 400;
}
.page-title-font {
  font-size: 32px;
}
@media (max-width: 768px) {
  .page-title-font {
    font-size: 24px;
  }
}
.user-table {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.user-table .header,
.user-table .user {
  display: flex;
}
.user-table .cell {
  flex: 1;
  padding: 12px 15px;
  font-size: 16px;
  word-break: break-all;
}
.user-table .header {
  color: #434a51;
  font-weight: 600;
}
.user-table .header .cell {
  text-align: left;
  word-break: keep-all;
  word-wrap: break-word;
}
.user-table .user .cell {
  min-height: 72px;
  display: flex;
  align-items: center;
  background: #ffffff;
  border-bottom: 1px solid #dfdedd;
  text-align: left;
}
.user-table .user .cell.no-border-btn {
  background-color: #ffffff;
  border-color: transparent;
  border-bottom-color: #dfdedd;
  color: #4178ff !important;
  cursor: pointer;
}
.user-table .user .cell.no-border-btn:active {
  border: none;
  border-bottom: 1px solid #dfdedd;
  outline: none;
}
.user-table .user .cell.no-border-btn.disable-button {
  cursor: not-allowed !important;
  opacity: 0.6;
}
.user-table .cell[data-label=Name],
.user-table .cell[data-label="Location (City, State)"],
.user-table .cell[data-label=Organizations] {
  word-wrap: break-word;
  word-break: keep-all;
}
@media (max-width: 1200px) {
  .user-table .cell[data-label="Account Created"],
  .user-table .cell[data-label="Last Login"],
  .user-table .cell[data-label=Organizations] {
    display: none;
  }
}
@media (max-width: 992px) {
  .user-table .cell[data-label="Account Created"],
  .user-table .cell[data-label="Last Login"],
  .user-table .cell[data-label=Organizations],
  .user-table .cell[data-label=Status] {
    display: none;
  }
}
@media (max-width: 380px) {
  .user-table .cell[data-label="Account Created"],
  .user-table .cell[data-label="Last Login"],
  .user-table .cell[data-label=Organizations],
  .user-table .cell[data-label=Status],
  .user-table .cell[data-label="Location (City, State)"] {
    display: none;
  }
}
.dot {
  height: 18px !important;
  width: 18px !important;
  border-radius: 50%;
  display: inline-block;
}
.success-main {
  background-color: #4ca93a;
}
.error-main {
  background-color: #c81e27;
}
.text-disabled {
  background-color: rgba(0, 0, 0, 0.3803921569);
}
.selected-option {
  background-color: #0052ce !important;
}
.form-text-area {
  min-height: 40px;
  max-height: 150px;
}
.user-profile .quick-search {
  max-width: 450px;
  width: 100%;
}
.user-profile .quick-search input[type=text],
.user-profile .quick-search input[type=text]:focus-visible {
  border-color: #dfdedd;
  border-right-color: transparent;
  outline: none;
}
.user-profile .quick-search input::placeholder {
  color: #aaaaaa !important;
}
.user-profile .quick-search button {
  background-color: #ffffff;
  border-color: #dfdedd;
  border-left-color: transparent;
}
.kpi-grid-container {
  display: grid;
  padding: 8px 0;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 24px;
  margin-top: 0.5rem !important;
  margin-bottom: 2rem;
}
@media (max-width: 576px) {
  .kpi-grid-container {
    grid-template-columns: 1fr;
    grid-gap: 16px;
  }
}
.kpi-value {
  border-left: 16px solid #4178ff;
  background-color: #ffffff;
  height: auto;
  border-radius: 8px;
  min-width: 250px;
  font-size: 48px;
}
@media (max-width: 992px) {
  .kpi-value {
    font-size: 32px;
  }
}
.kpi-value:hover {
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
}
.coupon-container {
  display: grid;
  padding: 8px 0;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-gap: 24px;
  margin-top: 0.5rem !important;
  margin-bottom: 1rem;
}
@media (max-width: 1200px) {
  .coupon-container {
    display: grid;
    grid-auto-flow: row;
    grid-gap: 16px;
  }
}
.card-section {
  background: #ffffff;
  border-radius: 8px;
  padding: 16px;
  height: auto;
}
.card-section .form-control {
  height: 40px;
  border: 1px solid #dfdedd;
  border-radius: 4px;
}
.card-section .css-yk16xz-control {
  min-height: 40px !important;
}
.p-text {
  color: #717171;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 16px;
}
.basic-chip {
  display: inline-block;
  width: auto;
  padding: 6px 10px;
  background: #f1f1f1;
  color: #434a51;
  font-size: 13px;
  margin: 2px 4px 2px 0px;
  border-radius: 4px;
}
.table-container {
  display: grid;
  width: 100%;
  color: #434a51;
  border-radius: 8px;
}
.table-row {
  display: contents;
}
.table-cell {
  min-height: 52px;
  vertical-align: middle;
  padding: 16px;
}
.data-cell {
  border-bottom: 1px solid rgba(0, 0, 0, 0.0705882353);
  min-height: 72px;
  background-color: white;
}
.link-align,
.text-align,
.leadGroups-align,
.date-align,
.status-align,
.voucherBalance-align,
.checkbox-align,
.email-align,
.upline-align {
  text-align: left;
}
.table-row > .data-cell {
  word-break: break-word;
}
.link-align {
  overflow-wrap: break-word;
}
.leadGroups-align,
.number-align {
  min-width: 150px;
}
.amount-align {
  padding-right: 20%;
}
.discount-align,
.number-align,
.revoke-align,
.amount-align {
  justify-content: end;
}
.leadName-align,
.leadType-align {
  text-align: justify;
}
.header > .discount-align,
.number-align,
.revoke-align,
.amount-align {
  text-align: right;
}
.header-cell {
  font-weight: bold;
}
.header > .certifications-align {
  justify-content: center;
}
.link-decoration:hover {
  text-decoration: none !important;
  color: #4178ff;
}
@media (max-width: 768px) {
  .link-align {
    overflow-wrap: break-word;
  }
  .table-row > .data-cell {
    word-break: break-all;
  }
}
.expanded-content {
  grid-column: 1/-1;
  padding: 16px;
  background-color: #f1faff;
}
.chevron-align {
  justify-content: end;
}
.icon-up,
.icon-down {
  transition: transform 0.3s ease-in-out;
}
.icon-up {
  transform: rotate(180deg);
}
.icon-down {
  transform: rotate(0deg);
}
.expanded-row-content {
  height: 100%;
}
.expanded-row-content__section {
  display: flex;
  flex-wrap: wrap;
}
.expanded-row-content__section > div {
  flex: 1 1 33.33%;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .expanded-row-content__section > div {
    flex: 1 1 100%;
  }
}
.expanded-row-content__section > div:nth-child(3n+1):nth-last-child(1) {
  flex: 1 1 100%;
}
.expanded-row-content__section > div:nth-child(3n+1):nth-last-child(2):nth-child(3n+1):nth-last-child(2),
.expanded-row-content__section > div:nth-child(3n+1):nth-last-child(2) ~ div:nth-child(3n+1):nth-last-child(2) {
  flex: 1 1 33.33%;
}
@media (max-width: 768px) {
  .expanded-row-content__section > div:nth-child(3n+1):nth-last-child(2):nth-child(3n+1):nth-last-child(2),
  .expanded-row-content__section > div:nth-child(3n+1):nth-last-child(2) ~ div:nth-child(3n+1):nth-last-child(2) {
    flex: 1 1 100%;
  }
}
.expanded-row-content__section > div:nth-child(3n+1):nth-last-child(2):nth-child(3n+2),
.expanded-row-content__section > div:nth-child(3n+1):nth-last-child(2) ~ div:nth-child(3n+2) {
  flex: 1 1 66.66%;
}
@media (max-width: 768px) {
  .expanded-row-content__section > div:nth-child(3n+1):nth-last-child(2):nth-child(3n+2),
  .expanded-row-content__section > div:nth-child(3n+1):nth-last-child(2) ~ div:nth-child(3n+2) {
    flex: 1 1 100%;
  }
}
.expanded-row-content__section.vendor-credits > div {
  flex: 1 1 10%;
}
.expanded-row-content__section.vendor-credits > div:nth-child(3n) {
  flex: 1 1 80%;
}
.expanded-row-content__section.vendor-credits > div:nth-child(5n) {
  flex: 1 1 90%;
}
.expanded-row-content__section.vendor-credits > div:last-child {
  flex: 1 1 100%;
}
.limited-height {
  max-height: 170px;
  overflow: hidden;
}
.limited-height.vendor-credits {
  max-height: 400px;
}
.mapped-items {
  display: flex;
  flex-wrap: wrap;
}
.mapped-items > div {
  flex: 1 1 50%;
}
@media (max-width: 768px) {
  .mapped-items > div {
    flex: 1 1 100%;
  }
}
.email-tooltip-text .tooltip-inner {
  font-size: 12px;
  font-weight: 500;
}
.certificate-wrapper {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f1faff;
  border-color: transparent;
  cursor: pointer;
}
.certificate-wrapper svg {
  color: #4178ff;
  font-size: 20px;
  margin: 0 !important;
}
.certificate-wrapper.disabled {
  background-color: #f1f1f1;
}
.certificate-wrapper.disabled svg {
  color: rgba(0, 0, 0, 0.3803921569);
}
.certificate-wrapper.disabled *:hover {
  cursor: not-allowed;
}
.no-results-container {
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
}
@media (max-width: 768px) {
  .no-results-container {
    width: auto;
    display: flex;
    flex-direction: column;
    margin: 24px 0;
  }
}
@media (max-width: 768px) {
  .no-results-text {
    padding: 0px !important;
    width: 100% !important;
  }
  .no-results-img-container {
    width: 100% !important;
  }
}
.no-results-img-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.no-results-img {
  max-width: 100%;
  height: auto;
}
.vendor-request {
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.more[data-title]::after {
  content: attr(data-title);
  position: absolute;
  bottom: 95%;
  left: 50%;
  color: #0052ce !important;
  transform: translateX(-50%);
  padding: 5px;
  border-radius: 4px;
  white-space: wrap;
  transition: opacity 0.3s;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  font-size: 12px;
  font-weight: 500;
}
.more[data-title]:hover::after {
  opacity: 1;
}
.Toastify__toast-container {
  min-height: 48px !important;
}
.Toastify__toast {
  min-height: 48px !important;
  color: #434a51;
  display: flex;
  align-items: center;
}
.Toastify__toast--success {
  background: #e5faeb !important;
}
.Toastify__toast--info {
  background: #f1faff !important;
}
.Toastify__toast--warning {
  background: #fcf2e8 !important;
}
.Toastify__toast--error {
  background: #fbdede !important;
}
.Toastify__toast-close {
  border: none;
  background: none;
  align-self: center !important;
  padding-right: 0.5rem !important;
  margin-left: auto !important;
}
.Toastify__toast-close > svg {
  width: 18px !important;
  height: 18px !important;
}
.Toastify__close-button {
  border: none;
  background: none;
  align-self: center !important;
  padding-right: 0.5rem !important;
}
.Toastify__close-button > svg {
  width: 18px !important;
  height: 18px !important;
}
.severity-icon-0 {
  color: #4ca93a;
}
.severity-icon-10 {
  color: #49648b;
}
.severity-icon-90 {
  color: #f56600;
}
.severity-icon-100 {
  color: #c81e27;
}
.invalid-exclamation-icon {
  position: absolute;
  color: #ff4444;
  right: 10px;
  top: 15%;
  font-size: 24px;
}
.nav-bar-container {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 767px) {
  .nav-bar-container {
    position: relative;
    flex-direction: row;
  }
}
@media screen and (min-width: 767px) {
  .tab-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.disabled-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3803921569);
}
.page-utility-container {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 767px) {
  .page-utility-container {
    position: relative;
    flex-direction: row;
  }
}
.page-utility-search-bar {
  width: 100%;
  flex-wrap: wrap;
  gap: 8px;
}
@media screen and (min-width: 767px) {
  .page-utility-search-bar {
    width: 50%;
    flex-wrap: nowrap;
    gap: 0;
  }
}
.page-utility-search-bar .quick-search {
  width: 100%;
}
.page-utility-search-bar .quick-search input[type=text],
.page-utility-search-bar .quick-search input[type=text]:focus-visible {
  border-color: #dfdedd;
  border-right-color: transparent;
  outline: none;
}
.page-utility-search-bar .quick-search input::placeholder {
  color: #aaaaaa !important;
}
.page-utility-search-bar .quick-search button {
  background-color: #ffffff;
  border-color: #dfdedd;
  border-left-color: transparent;
}
.page-utility-search-bar .product-dropdown-container {
  width: auto;
}
.page-utility-search-bar .product-dropdown-container .product-dropdown {
  min-width: 200px;
  width: auto;
}
.page-utility-search-bar .product-dropdown-container .product-dropdown .MuiButtonBase-root {
  margin-right: 8px !important;
}
@media (max-width: 768px) {
  .page-utility-search-bar {
    width: 100%;
  }
  .page-utility-search-bar .product-dropdown-container {
    width: 100%;
    margin-left: 0 !important;
  }
  .page-utility-search-bar .product-dropdown-container .product-dropdown {
    width: 100%;
    min-width: 100%;
  }
}
.selected-count-box {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  background-color: #ffffff;
  border: 1px solid #dfdedd;
  border-radius: 4px;
  font-size: 14px;
  color: #434a51;
  white-space: nowrap;
}
.selected-count-box .select-all-link {
  color: #0052ce;
  cursor: pointer;
  text-decoration: none;
  font-weight: 400;
}
.selected-count-box .select-all-link:hover {
  text-decoration: underline;
}
.import-button-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  height: 40px;
}
.import-button-container.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
@media screen and (max-width: 576px) {
  .import-button-container .import-text {
    display: none;
  }
}
.import-icon {
  color: var(--primary-main, #4178FF);
  text-align: center;
  font-family: var(--Font-Family, "Font Awesome 7 Pro");
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 1;
}
.import-text {
  color: var(--primary-main, #4178FF);
  font-family: "Lato";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.create-lead-button {
  display: inline-flex !important;
  padding: 8px 16px !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 32px !important;
  background: var(--primary-main, #4178FF) !important;
  color: var(--primary-contrast, #FFF) !important;
  font-family: "Lato";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  width: auto !important;
  white-space: nowrap;
  height: 40px;
}
@media screen and (max-width: 576px) {
  .create-lead-button {
    padding: 8px 12px !important;
    font-size: 14px;
    height: 36px;
  }
  .create-lead-button .create-lead-icon {
    font-size: 18px;
  }
}
.create-lead-icon {
  color: var(--primary-contrast, #FFF);
  text-align: center;
  font-family: var(--Font-Family, "Font Awesome 7 Pro");
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 1;
}
.refer-agent {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 115px;
  border: 8px solid #f1f1f1;
  border-left: none;
  border-right: none;
  font-size: 16px;
  overflow: hidden;
  align-items: center;
  background-color: #ffffff;
}
.refer-agent-icon {
  width: 60px;
  height: inherit;
  background-color: #49648b;
  color: #ffffff;
}
.refer-agent-icon svg {
  font-size: 24px;
}
.refer-agent-text {
  height: inherit;
  justify-content: center;
  align-items: flex-start;
  padding: 16px;
  font-weight: 500;
}
.refer-agent-text .button-no-border {
  padding-left: 0;
  font-weight: 600;
}
@media (max-width: 768px) {
  .refer-agent {
    width: 250px;
    position: relative;
    overflow: visible;
    overflow-y: clip;
  }
}
#agent-referral-modal .ilc-modal-content {
  border-radius: 8px;
  width: 510px;
}
#agent-referral-modal .ilc-modal-content > div:first-child {
  background-color: #052a63;
  border-radius: 8px 8px 0 0;
}
#agent-referral-modal .ilc-modal-content > div:first-child .ilc-modal-header {
  width: 100%;
  color: #ffffff;
}
#agent-referral-modal .ilc-modal-content > div:first-child .ilc-modal-header .title-text {
  margin-left: 1rem;
}
#agent-referral-modal .ilc-modal-content > div:first-child .ilc-modal-header + div button span svg {
  color: #ffffff !important;
}
#agent-referral-modal .ilc-modal-content .agent-referral {
  padding: 16px;
}
#agent-referral-modal .ilc-modal-content .agent-referral-section {
  background-color: #f1f1f1;
  padding: 8px;
  margin-top: 24px;
}
#agent-referral-modal .ilc-modal-content .agent-referral-section button {
  background-color: #4178ff !important;
  font-weight: 400;
  border-radius: 25px;
}
#agent-referral-modal .ilc-modal-content .agent-referral-section button:active {
  box-shadow: none;
}
#agent-referral-modal .ilc-modal-content .agent-referral-text {
  color: #434a51;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: left;
}
#agent-referral-modal .ilc-modal-content .agent-referral-code .referral-link {
  font-size: 24px;
  color: #4178ff;
}
#agent-referral-modal .ilc-modal-content .agent-referral-code .referral-code {
  padding-left: 8px;
}
@media (max-width: 768px) {
  #agent-referral-modal .ilc-modal-content .agent-referral-code {
    flex-direction: column;
    align-items: center;
    padding: 16px;
  }
  #agent-referral-modal .ilc-modal-content .agent-referral-code button {
    margin-top: 20px;
  }
}
#agent-referral-modal .ilc-modal-content .agent-referral-code.success {
  border: 1px solid #4ca93a;
}
#agent-referral-modal .ilc-modal-content .agent-referral-code .success-block {
  color: #4ca93a;
}
#agent-referral-modal .ilc-modal-content .agent-referral-code .success-block svg {
  font-size: 24px;
}
#agent-referral-modal .ilc-modal-content .agent-referral-code .success-block .success-text {
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 768px) {
  #agent-referral-modal .ilc-modal-content .agent-referral-code .success-block {
    flex-direction: column;
    align-items: center;
  }
}
#agent-referral-modal .ilc-modal-content .agent-referral-code .success-block .flex-start, #agent-referral-modal .ilc-modal-content .agent-referral-code .success-block .refer-agent, #agent-referral-modal .ilc-modal-content > div:first-child .agent-referral-code .success-block .ilc-modal-header {
  margin-top: 10px;
}
#agent-referral-modal .ilc-modal-content .agent-referral-email {
  padding: 16px 8px;
}
#agent-referral-modal .ilc-modal-content .agent-referral-email input[type=email] {
  padding: 12px;
  height: 48px;
  width: 300px;
  border-radius: 4px;
  border-color: #c7ccd1;
  outline: none;
  box-shadow: none;
  overflow: hidden;
  offset: none;
  border-width: 1px;
  border-style: solid;
}
#agent-referral-modal .ilc-modal-content .agent-referral-email input[type=email].invalid {
  border-color: #ff4444;
}
@media (max-width: 768px) {
  #agent-referral-modal .ilc-modal-content .agent-referral-email input[type=email] {
    width: 280px;
    margin: 0 auto;
  }
}
#agent-referral-modal .ilc-modal-content .agent-referral-email .email-label {
  color: #052a63;
  font-weight: 600;
  font-size: 16px;
  text-align: left;
  padding-left: 5px;
  margin-bottom: 4px;
}
#agent-referral-modal .ilc-modal-content .agent-referral-email .error {
  text-align: left;
  padding-left: 5px;
}
@media (max-width: 768px) {
  #agent-referral-modal .ilc-modal-content .agent-referral-email .flex-between {
    flex-direction: column;
  }
  #agent-referral-modal .ilc-modal-content .agent-referral-email .flex-between button {
    margin-top: 20px;
  }
  #agent-referral-modal .ilc-modal-content .agent-referral-email .error {
    text-align: center;
  }
}
#agent-referral-modal .ilc-modal-content .agent-referral-content {
  padding: 24px 16px;
}
#agent-referral-modal .ilc-modal-content .agent-referral-content-list-item {
  margin-bottom: 24px;
}
#agent-referral-modal .ilc-modal-content .agent-referral-content-list-item p {
  margin-bottom: 0 !important;
}
#agent-referral-modal .ilc-modal-content .agent-referral-content-list-item svg {
  font-size: 32px;
  color: #4178ff;
}
#agent-referral-modal .ilc-modal-content .agent-referral-content-list-item:last-child {
  margin-bottom: 0;
}
.collapsible-card {
  width: 100%;
}
.collapsible-card-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.collapsible-card-content {
  background: #ffffff;
  border-radius: 8px;
  padding: 16px;
  height: auto;
}
.info-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 equal columns */
  gap: 24px;
}
.info-flex {
  display: flex;
  gap: 16px;
  margin-bottom: 8px;
}
.info-grid-column {
  display: grid;
  gap: 16px;
}
.info-label {
  color: #052a63;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
}
.info-value {
  color: #717171;
  font-size: 16px;
}
.reminders-description {
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 4px;
  padding: 12px;
}
/* Responsive adjustments */
@media (max-width: 992px) {
  .info-grid {
    grid-template-columns: repeat(3, 1fr); /* 3 columns on medium screens */
  }
}
@media (max-width: 768px) {
  .info-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 columns on smaller screens */
  }
}
@media (max-width: 480px) {
  .info-grid {
    grid-template-columns: 1fr; /* 1 column on very small screens */
  }
}
.client-notes-grid-container {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-auto-rows: auto;
}
@media (max-width: 768px) {
  .mobile-background {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    width: 100%;
    margin-top: -1%;
  }
  .mobile-background.morning {
    background-image: url("/assets/greeting-morning-CWUMHsDR.svg");
  }
  .mobile-background.afternoon {
    background-image: url("/assets/greeting-afternoon-Z83mv7Ja.svg");
  }
  .mobile-background.evening {
    background-image: url("/assets/greeting-evening-DCrfNHmk.svg");
  }
}
.bg-greet {
  height: 250px;
  width: auto;
  border-bottom-left-radius: 50% 100%;
}
@media (max-width: 992px) {
  .bg-greet {
    width: 40%;
    text-align: center;
  }
}
.bg-greet.morning {
  background-color: #6a95ff;
}
.bg-greet.afternoon {
  background-color: #4178ff;
}
.bg-greet.evening {
  background-color: #1457ff;
}
/* Make AG Grid header and body backgrounds transparent */
.ag-theme-alpine,
.ag-theme-alpine .ag-root-wrapper,
.ag-theme-alpine .ag-root-wrapper-body,
.ag-theme-alpine .ag-root,
.ag-theme-alpine .ag-header,
.ag-theme-alpine .ag-body-viewport,
.ag-theme-alpine .ag-center-cols-clipper,
.ag-theme-alpine .ag-center-cols-container {
  background: transparent !important;
  border-radius: 0 !important;
  overflow: hidden;
  font-family: "Lato", sans-serif !important;
}
/* Remove double borders on the header */
.ag-theme-alpine .ag-header {
  border-radius: 0 !important;
  overflow: hidden;
  background-color: #f1f1f1 !important;
}
.ag-theme-alpine .ag-root-wrapper {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden;
  border: none !important;
  box-shadow: none !important;
}
.ag-theme-alpine .ag-row-even {
  background-color: #fff !important; /* White */
}
.ag-theme-alpine .ag-row-odd {
  background-color: #fcfcfc !important; /* Light gray */
}
/* Vertically center cell content in AG Grid Alpine theme */
.ag-theme-alpine .ag-cell {
  display: flex;
  align-items: center;
  color: #434a51;
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-family: "Lato", sans-serif !important;
}
.ag-cell-focus {
  border: none !important;
}
.ag-theme-alpine .ag-header-cell-label {
  color: #434a51;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.ag-theme-alpine .ag-header-cell-resize {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: ew-resize;
  position: absolute;
  top: 0;
  right: -3px;
  width: 4px;
  height: 100%;
  z-index: 2;
  background: transparent;
  padding: 0;
}
.ag-theme-alpine .ag-header-cell-resize::before {
  content: "";
  display: block;
  width: 4px;
  height: 28px;
  margin: 10px 0;
  background: #cccccc;
}
.ag-theme-alpine.manage-leads-table .ag-header-cell.ag-column-first:hover {
  background-color: #ffffff !important;
}
.ag-theme-alpine.manage-leads-table .ag-header-cell.ag-column-first {
  background-color: #ffffff;
}
.ag-theme-alpine .ag-cell:not(:last-child) {
  border-right: 8px solid inherit; /* Simulate a gap of 8px */
}
.ag-theme-alpine .ag-row {
  cursor: pointer;
}
.ag-theme-alpine .ag-row:last-child {
  border-bottom-color: transparent;
}
.ag-theme-alpine .ag-row:hover {
  background-color: #f1faff !important;
}
.ag-theme-alpine .ag-row.ag-row-focus {
  background-color: #d6ecf5 !important;
}
.ag-theme-alpine.manage-leads-table .ag-row.ag-row-focus {
  background-color: #f1faff !important;
}
.ag-cell-wrapper {
  width: 100%;
}
.custom-overlay-button {
  pointer-events: all;
}
.ag-header-icon.ag-header-cell-menu-button {
  display: none;
}
.ag-theme-alpine .ag-side-buttons {
  padding-top: 0;
}
.ag-theme-alpine div[class^=ag-theme-params-] {
  --ag-list-item-height: 40px !important;
  --ag-side-bar-panel-width: 260px;
  --ag-header-height: 48px !important;
  --ag-icon-size: 16px !important;
  --ag-checbox-border-radius: 4px !important;
  --ag-grid-size: 6px !important;
  --ag-selected-row-background-color: $background-body !important;
}
:where(.ag-theme-checkboxStyle-3) .ag-checkbox-input-wrapper:where(.ag-indeterminate) {
  background-color: #4178ff !important;
  border-color: transparent !important;
}
.ag-column-panel-column-select {
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}
.ag-column-select-header .ag-input-wrapper:before {
  display: none;
}
.ag-theme-alpine .ag-ltr input[class^=ag-][type=text] {
  height: 36px;
  border-radius: 4px;
}
.ag-ltr .ag-column-select-header-checkbox:not(:last-child) {
  margin-right: 0;
}
.ag-pivot-mode-panel {
  display: none !important;
}
.ag-drag-handle {
  color: #4178ff;
}
.ag-icon-grip::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDcuMS4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjYgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTI4OCAxMDRDMjg4IDgxLjkgMjcwLjEgNjQgMjQ4IDY0TDIwMCA2NEMxNzcuOSA2NCAxNjAgODEuOSAxNjAgMTA0TDE2MCAxNTJDMTYwIDE3NC4xIDE3Ny45IDE5MiAyMDAgMTkyTDI0OCAxOTJDMjcwLjEgMTkyIDI4OCAxNzQuMSAyODggMTUyTDI4OCAxMDR6TTI4OCAyOTZDMjg4IDI3My45IDI3MC4xIDI1NiAyNDggMjU2TDIwMCAyNTZDMTc3LjkgMjU2IDE2MCAyNzMuOSAxNjAgMjk2TDE2MCAzNDRDMTYwIDM2Ni4xIDE3Ny45IDM4NCAyMDAgMzg0TDI0OCAzODRDMjcwLjEgMzg0IDI4OCAzNjYuMSAyODggMzQ0TDI4OCAyOTZ6TTE2MCA0ODhMMTYwIDUzNkMxNjAgNTU4LjEgMTc3LjkgNTc2IDIwMCA1NzZMMjQ4IDU3NkMyNzAuMSA1NzYgMjg4IDU1OC4xIDI4OCA1MzZMMjg4IDQ4OEMyODggNDY1LjkgMjcwLjEgNDQ4IDI0OCA0NDhMMjAwIDQ0OEMxNzcuOSA0NDggMTYwIDQ2NS45IDE2MCA0ODh6TTQ4MCAxMDRDNDgwIDgxLjkgNDYyLjEgNjQgNDQwIDY0TDM5MiA2NEMzNjkuOSA2NCAzNTIgODEuOSAzNTIgMTA0TDM1MiAxNTJDMzUyIDE3NC4xIDM2OS45IDE5MiAzOTIgMTkyTDQ0MCAxOTJDNDYyLjEgMTkyIDQ4MCAxNzQuMSA0ODAgMTUyTDQ4MCAxMDR6TTM1MiAyOTZMMzUyIDM0NEMzNTIgMzY2LjEgMzY5LjkgMzg0IDM5MiAzODRMNDQwIDM4NEM0NjIuMSAzODQgNDgwIDM2Ni4xIDQ4MCAzNDRMNDgwIDI5NkM0ODAgMjczLjkgNDYyLjEgMjU2IDQ0MCAyNTZMMzkyIDI1NkMzNjkuOSAyNTYgMzUyIDI3My45IDM1MiAyOTZ6TTQ4MCA0ODhDNDgwIDQ2NS45IDQ2Mi4xIDQ0OCA0NDAgNDQ4TDM5MiA0NDhDMzY5LjkgNDQ4IDM1MiA0NjUuOSAzNTIgNDg4TDM1MiA1MzZDMzUyIDU1OC4xIDM2OS45IDU3NiAzOTIgNTc2TDQ0MCA1NzZDNDYyLjEgNTc2IDQ4MCA1NTguMSA0ODAgNTM2TDQ4MCA0ODh6Ii8+PC9zdmc+");
}
.ag-icon-grip::before,
.ag-icon-columns::before {
  color: #4178ff;
  font-size: 16px;
}
.ag-checkbox-input-wrapper {
  border-radius: 4px !important;
  border: 1px solid #717171 !important;
}
.ag-checkbox-input-wrapper.ag-checked {
  background-color: #4178ff !important;
  border-color: transparent !important;
}
.ag-checkbox-input-wrapper::before, .ag-checkbox-input-wrapper::after {
  color: #ffffff !important;
  content: "" !important;
}
button.ag-button.ag-side-button-button,
.ag-side-button.ag-selected {
  border-bottom: none !important;
  border-top: none !important;
}
.ag-side-button-icon-wrapper {
  margin-top: 12px;
}
.ag-virtual-list-container.ag-column-select-virtual-list-container .ag-column-select-column-label {
  color: #434a51 !important;
  line-height: 18px;
  font-size: 14px;
}
.ag-virtual-list-container.ag-column-select-virtual-list-container .ag-column-select-checkbox.ag-checkbox {
  margin-right: 0;
}
.ag-virtual-list-container.ag-column-select-virtual-list-container .ag-icon-grip.ag-drag-handle {
  margin-right: 0;
}
.ag-virtual-list-container.ag-column-select-virtual-list-container .ag-virtual-list-item {
  padding-left: 12px;
}
.ag-theme-alpine .ag-menu {
  display: none;
}
@media (max-width: 768px) {
  .ag-theme-alpine .ag-header-container,
  .ag-theme-alpine .ag-body {
    z-index: 0;
  }
}
.banner-detail-container {
  display: flex;
  background-color: #ffffff;
  padding: 1rem;
}
.banner-detail-container .form-container {
  flex-grow: 1;
  margin-right: 1.5rem;
  max-width: 450px;
}
.banner-detail-container .form-container .error-text {
  font-size: 12px;
  color: #ff4444;
  margin-top: 0.25rem;
}
.banner-detail-container .preview-container {
  flex-grow: 2;
}
.banner-detail-container .view-description {
  max-width: 350px;
}
.banner-detail-container .banner-label {
  margin-bottom: 0.5rem !important;
  color: #052a63;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.banner-detail-container .banner-input {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.23);
  padding-left: 0.75rem;
}
.banner-detail-container .banner-input.select {
  border-color: transparent;
  padding-left: 0;
}
.banner-detail-container .banner-input:focus-visible {
  border-color: #4178ff;
  box-shadow: none;
  outline: none;
}
.banner-detail-container .banner-input .select-input__control {
  max-width: 100%;
}
.banner-detail-container .banner-input .select-input__control:focus-visible {
  border-color: #4178ff;
  box-shadow: none;
  outline: none;
}
.banner-detail-container .banner-input.textarea {
  height: 96px;
  resize: none;
}
.banner-detail-container .button-inputs-container {
  padding: 1.5rem;
  background-color: #f1faff;
}
.banner-detail-container .wr-toggle {
  margin-right: 0.5rem;
}
.banner-detail-container .wr-toggle.wr-toggle--checked .wr-toggle-container {
  background-color: #4178ff;
}
.banner-detail-container .wr-toggle .wr-toggle-container {
  background-color: #7188a8;
  border-color: transparent;
}
.banner-detail-container .wr-toggle .wr-toggle-container.disable-bg + .primary-bgc svg,
.banner-detail-container .wr-toggle .wr-toggle-container.disable-bg + .light-bgc svg {
  color: transparent;
}
.banner-detail-container .wr-toggle + span {
  font-size: 16px;
  color: #434a51;
}
.banner-detail-container .date-picker-container {
  padding-right: 1rem;
}
.banner-detail-container .date-picker-container > div > div {
  width: 100%;
}
.banner-detail-container .date-picker-container > div:first-child {
  margin-right: 0.5rem;
  height: 95px;
}
.banner-detail-container .date-picker-container > div:last-child {
  margin-left: 0.5rem;
  height: 95px;
}
.banner-detail-container .inputcalendarIcon {
  color: #4178ff;
}
.banner-detail-container .inputcalendarIcon.custom-filter-date {
  right: 1%;
}
.banner-detail-container .preview-section-wrapper {
  height: 100%;
}
.banner-detail-container .preview-wrapper {
  background-color: #dddddd;
  border-radius: 8px;
  padding: 1.5rem;
  height: 100%;
}
@media (max-width: 768px) {
  .banner-detail-container {
    flex-direction: column-reverse;
  }
  .banner-detail-container .form-container {
    margin-right: 0;
    margin-top: 1.5rem;
  }
  .banner-detail-container .preview-container {
    margin-bottom: 1.5rem;
  }
  .banner-detail-container .date-picker-container {
    flex-direction: column;
    padding-right: 0;
  }
  .banner-detail-container .date-picker-container > div:first-child {
    margin-right: 0;
    margin-top: 1rem;
  }
  .banner-detail-container .date-picker-container > div:last-child {
    margin-left: 0;
    margin-top: 1rem;
  }
}
.banner-detail-container.view-banner .banner-input {
  border-color: transparent;
  background-color: transparent;
  padding-left: 0;
}
.banner-detail-container.view-banner .banner-input .select-input__control {
  border-color: transparent;
  background-color: transparent;
}
.banner-detail-container.view-banner .banner-input .select-input__control .select-input__value-container {
  margin-left: -16px;
}
.banner-detail-container.view-banner .banner-input .select-input__control .select-input__indicators {
  display: none;
}
.banner-detail-container.view-banner .readOnly-field .MuiPickersOutlinedInput-root.Mui-readOnly {
  padding-left: 0;
}
.banner-detail-container.view-banner .readOnly-field button.Mui-disabled {
  display: none;
}
.banner-detail-container.view-banner .readOnly-field fieldset.MuiPickersOutlinedInput-notchedOutline {
  border-color: transparent;
  background-color: transparent;
}
.banner-detail-container.view-banner .inputcalendarIcon.custom-filter-date {
  display: none;
}
.show-on-desktop {
  display: block;
}
@media (max-width: 768px) {
  .show-on-desktop .button-container {
    display: none !important;
  }
}
.show-on-mobile {
  display: none;
}
@media (max-width: 768px) {
  .show-on-mobile {
    display: block;
  }
  .show-on-mobile .button-container {
    justify-content: space-between;
    width: 100%;
    margin-top: 1rem;
  }
  .show-on-mobile .button-container button:last-child {
    max-width: 180px;
  }
}
.outer-wrapper-banner,
.outer-wrapper-banner-modal {
  width: 100%;
  background-color: #ffffff;
  border-radius: 8px;
}
.outer-wrapper-banner.outer-wrapper-banner,
.outer-wrapper-banner-modal.outer-wrapper-banner {
  padding: 24px;
}
.outer-wrapper-banner .wrapper-header,
.outer-wrapper-banner-modal .wrapper-header {
  color: #052a63;
  margin-bottom: 8px !important;
}
.outer-wrapper-banner .container-banner,
.outer-wrapper-banner-modal .container-banner {
  width: 100%;
  padding: 24px 16px;
  border-radius: 8px;
}
.outer-wrapper-banner .container-banner.light-gray-bg,
.outer-wrapper-banner-modal .container-banner.light-gray-bg {
  background-color: #dddddd;
}
.outer-wrapper-banner .container-banner.dark-gray-bg,
.outer-wrapper-banner-modal .container-banner.dark-gray-bg {
  background-color: #434a51;
}
@media (max-width: 768px) {
  .outer-wrapper-banner .container-banner,
  .outer-wrapper-banner-modal .container-banner {
    padding: 24px;
  }
}
.outer-wrapper-banner .container-banner .carousel-indicators,
.outer-wrapper-banner-modal .container-banner .carousel-indicators {
  bottom: 0;
}
.outer-wrapper-banner .container-banner .carousel-indicators li,
.outer-wrapper-banner-modal .container-banner .carousel-indicators li {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  opacity: 0.3;
}
.outer-wrapper-banner .container-banner .carousel-indicators .active,
.outer-wrapper-banner-modal .container-banner .carousel-indicators .active {
  background-color: #ffffff;
  opacity: 1;
}
.communication-banner {
  top: 0;
  width: 100%;
  z-index: 10;
  background: #4178ff;
  border-radius: 8px;
}
.communication-banner .close-banner {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  color: #ffffff !important;
  font-size: 1.5rem;
}
.communication-banner .button-icon {
  font-size: 1.75rem;
  padding-left: 0.4rem;
}
.communication-banner__banner {
  padding: 16px;
  height: 170px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .communication-banner__banner {
    height: auto;
    flex-direction: column;
  }
}
.communication-banner__banner-img {
  max-width: 260px;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  flex: 0.2;
}
@media (max-width: 768px) {
  .communication-banner__banner-img {
    flex: 1;
  }
}
.communication-banner__banner__content {
  flex: 1;
  margin-left: 1rem;
}
@media (max-width: 768px) {
  .communication-banner__banner__content {
    flex-wrap: wrap;
    margin-left: 0;
    padding-right: 0;
    justify-content: center;
    align-items: center;
  }
}
.communication-banner__banner__content .content_wrapper {
  padding: 0 40px;
}
@media (max-width: 768px) {
  .communication-banner__banner__content .content_wrapper {
    padding: 40px 0 24px;
    width: 100%;
  }
}
.communication-banner__banner__content h4 {
  margin-bottom: 8px !important;
  font-size: 20px !important;
  font-style: normal;
  line-height: 20px;
  text-align: left;
}
.communication-banner__banner__content h5 {
  font-size: 16px !important;
  font-style: normal;
  line-height: 20px;
  text-align: left;
}
.communication-banner__banner__content button {
  border-radius: 24px;
  font-weight: 600;
  padding: 8px 8px 8px 16px;
  letter-spacing: 0;
  cursor: default !important;
}
.communication-banner__banner__content button span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 140px;
}
#preview-banner-carousel-modal .ilc-modal-content {
  max-width: 800px;
  width: 100%;
}
#preview-banner-carousel-modal .ilc-modal-content .content_wrapper {
  padding: 0 16px;
}
@media (max-width: 768px) {
  #preview-banner-carousel-modal .ilc-modal-content .content_wrapper {
    padding: 16px 0 8px;
  }
}
#preview-banner-carousel-modal .ilc-modal-content .outer-wrapper-banner {
  background-color: transparent;
}
#preview-banner-carousel-modal .ilc-modal-content .communication-banner__banner {
  height: 200px;
}
@media (max-width: 768px) {
  #preview-banner-carousel-modal .ilc-modal-content .communication-banner__banner {
    height: auto;
    padding-bottom: 48px;
  }
}
#preview-banner-carousel-modal .ilc-modal-content .ilc-modal-body {
  background-color: #f1f1f1;
  padding: 0 !important;
}
#preview-banner-carousel-modal .ilc-modal-content .ilc-modal-footer {
  display: none !important;
}
.sms_phone__section {
  height: 48px;
  border: 1px solid #dddddd;
  border-radius: 8px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sms_phone__section__details {
  display: flex;
  align-items: center;
  flex: 0.98;
  height: 100%;
}
.sms_phone__section__details input {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
}
.sms_modal .MuiFormControlLabel-root {
  margin-right: 0;
}
@media (max-width: 768px) {
  .sms_modal h2 .MuiTypography-h6 {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .sms_footer {
    flex-direction: column;
  }
  .sms_footer__subSection {
    flex-direction: column;
  }
}
.appointment-hours-modal .timezone-select {
  width: 225px;
}
.appointment-hours-modal .date-time-select {
  width: 150px;
}
.appointment-hours-modal button.MuiButtonBase-root {
  padding: 0 4px;
}
.appointment-hours-modal .start-time-picker,
.appointment-hours-modal .end-time-picker {
  width: 145px;
}
.appointment-hours-modal .start-time-picker button.MuiButtonBase-root,
.appointment-hours-modal .end-time-picker button.MuiButtonBase-root {
  padding: 2px;
}
.appointment-hours-modal .MuiInputAdornment-root {
  margin-left: 0;
}
.appointment-hours-modal .add-button-text {
  display: none;
}
@media (max-width: 768px) {
  .appointment-hours-modal .timezone-select {
    width: 100%;
    margin-bottom: 1rem;
  }
  .appointment-hours-modal .date-time-select {
    width: 100%;
  }
  .appointment-hours-modal .start-time-picker,
  .appointment-hours-modal .end-time-picker {
    width: 100%;
  }
  .appointment-hours-modal .range,
  .appointment-hours-modal .add-button {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .appointment-hours-modal .add-button-text {
    display: block;
  }
}
.zipcode-list-wrapper {
  flex: 0 0 85%;
  height: 150px;
  overflow-y: auto;
}
@media (max-width: 768px) {
  .zipcode-list-wrapper {
    flex: 0 0 80%;
  }
}
.zipcode__input .MuiInputBase-root.MuiOutlinedInput-root {
  height: 40px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.zindex-1201 {
  z-index: -2 !important;
}
.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: initial;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}
.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

h2.react-datepicker__current-month {
  padding: 0;
  margin: 0;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: rgb(165.75, 165.75, 165.75);
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:not([aria-disabled=true]):hover,
.react-datepicker__month-text:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
.react-datepicker__year-text:not([aria-disabled=true]):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
  background-color: rgb(207, 82.9642857143, 0);
}
.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: rgb(186.25, 217.0833333333, 241.25);
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}
.fresh-chat-launcher {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 9999;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: none;
  background-color: var(--integrity-navy, #1b2d5b);
  color: #ffffff;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  transition: right 0.3s ease;
}
.fresh-chat-launcher.filter-open {
  right: 324px;
}
@media (max-width: 768px) {
  .fresh-chat-launcher.filter-open {
    display: none;
  }
}
.fresh-chat-launcher:hover {
  background-color: var(--color-primary-dark, #142249);
}
.fresh-chat-launcher:focus-visible {
  outline: 2px solid var(--color-primary-main, #1b2d5b);
  outline-offset: 3px;
}
a {
  text-decoration: underline;
}

.content-frame {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.content-frame.register-bu {
  background-image: url("/assets/multi-bu-bg-BgOOUhJw.jpg") !important;
}

.container {
  display: flex;
  flex-direction: column;
}
.container .sub-container {
  position: relative;
}
.container .provider-input {
  background: #ffffff;
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  border-radius: 4px;
  height: 40px;
  width: 359px;
}
.container .provider-input[value],
.container .provider-input ::placeholder {
  font-family: Lato;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: #64748b;
  padding-left: 16px;
}
.container .label-name {
  font-family: Lato;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 150%;
  color: #475569;
  padding-bottom: 5px;
}
.container .label-dropdown {
  width: 359px;
  overflow-y: "scroll";
  padding: 0;
  list-style-type: none;
  position: "relative";
  background: #ffffff;
  border: 1px solid #cbd5e1;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.container .label-close {
  position: absolute;
  top: 12px;
  left: 315px;
  transform: scale(0.8);
  color: #64748b;
}
.container .provider-dropdown {
  max-height: 359px;
  overflow-y: auto;
}
.container .provider-section {
  font-family: Lato;
  font-style: normal;
  font-weight: normal;
  padding: 10px;
}
.container .provider-section.selected {
  background-color: #f1f5f9;
}
.container .provider-name {
  font-family: Lato;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 130%;
  color: #313336;
}
.container .provider-info {
  font-family: Lato;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 130%;
  color: #64748b;
}
.container .selected-provider {
  background: #f2f9ff;
  border-radius: 4px;
  width: 345px;
  padding: 16px 0px 16px 16px;
}

.register-bu .container--size-small {
  background: transparent;
}

.container--size-small {
  background: #ffffff;
  color: #1b1b1b;
  border: 2px solid #e8eaef;
  box-sizing: border-box;
  border-radius: 0;
  border-left-style: none;
  border-right-style: none;
  padding: 45px 2rem;
  max-width: 480px;
  border-color: transparent;
}
@media (min-width: 480px) {
  .container--size-small {
    padding: 45px 60px;
    border-radius: 12px;
    border-left-style: solid;
    border-right-style: solid;
  }
}

.v2 {
  background: #f9fafb;
  color: #1b1b1b;
  font-family: "Lato", sans-serif;
}
.v2 .simple-header .logo {
  color: #1b1b1b;
  width: 172px;
}
.v2 .simple-header .ils-logo {
  width: 255px;
}
.v2 .simple-footer {
  color: #6a6a6a;
}
.v2 .simple-footer .link {
  color: #6a6a6a;
}
.v2 .text--secondary {
  color: #6a6a6a;
}
.v2 .text-sm {
  letter-spacing: -0.25px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.v2 .text-xl {
  font-size: 1.875rem;
  line-height: 3rem;
}
.v2 .link {
  color: #0052ce;
}
.v2 .link:hover {
  color: #0052ce;
  text-decoration: underline;
}
.v2 .link--secondary {
  color: #6a6a6a;
}
.v2 .link--dark-underline {
  text-decoration: underline;
}
.v2 .auth-notification {
  padding: 1rem 1rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 2rem;
  background: #f1f8ff;
  border-radius: 2px;
}
.v2 .auth-notification svg {
  width: 2rem;
  margin: 0.25rem 0.625rem 0 0;
  height: auto;
}
.v2 .auth-notification a {
  color: #0052ce;
}
.v2 .form__fields > * + .form__submit {
  margin-top: 4rem;
}

.btn--flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 380px) {
  .btn--flex {
    margin-top: -25px;
  }
}
.btn-v2 {
  display: inline-flex;
  flex-direction: row;
  padding: 0.75rem 1rem;
  min-width: 6rem;
  background: #0052ce;
  border-radius: 2px;
  font-weight: 700;
  font-size: 1rem;
  text-decoration: none;
  line-height: 1.1875rem;
  color: #fff;
  cursor: pointer;
  border: 0;
}

.btn-v2-disabled {
  display: inline-flex;
  flex-direction: row;
  padding: 0.75rem 1rem;
  min-width: 150px;
  background: #0052ce;
  border-radius: 2px;
  font-weight: 700;
  font-size: 1rem;
  text-decoration: none;
  line-height: 1.1875rem;
  color: #fff;
  cursor: pointer;
  border: 0;
}

.btn-v2-disabled:disabled,
.btn-v2-disabled[disabled] {
  background-color: #cccccc;
  color: #fff;
}

.icon-btn {
  border: 0;
  background: none;
  width: 3rem;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: inherit;
  cursor: pointer;
}
.icon-btn--bump-right {
  margin-right: -0.5rem;
}

.inputElement {
  border: 0;
  background: none;
  font-size: 1rem;
  min-width: 0;
  flex: 1 0;
  padding: 0.5rem;
  height: 38px;
  line-height: 38px;
}

.form__fields {
  border: 0;
  margin: 0;
  padding: 0;
}
.form__fields > * + * {
  margin-top: 1rem;
}
.form__fields > * + .form__submit {
  margin-top: 2.5rem;
  display: flex;
  justify-content: center;
}
.form__fields .custom-txt {
  width: 100%;
  text-align: right;
}
.form__fields--constrained {
  max-width: 22.5rem;
}
.form-input__header {
  margin-bottom: 0;
}
.form-input__focus-banner {
  position: relative;
  opacity: 1;
}
.form-input__focus-banner .form-tip {
  background-color: transparent;
  color: #1b1b1b;
  padding: 1rem 0;
  font-size: 12px;
  line-height: 18px;
}
.form-input--readonly > .form-input__input {
  border-color: #c7ccd1;
}
.form-input--readonly > .form-input__input input {
  background-color: #e3e5e7;
  color: #8d8d8d;
}
.form-input__input-actions button {
  position: absolute;
  top: -2.25rem;
  right: 0rem;
}
.form-input__input .showPassword {
  position: absolute;
  top: -1.9rem;
  right: 0;
  justify-content: flex-end;
  min-width: 6rem;
  font-size: 14px;
  color: #0052ce;
}
.form-input__input .showPassword svg {
  color: #0052ce;
  margin-right: 0.375rem;
}

.label {
  display: block;
  font-size: 1rem;
  line-height: 1.5;
}

.form-input__header {
  display: flex;
  margin-bottom: 0.5rem;
}
.form-input__header > .label {
  margin-right: auto;
}
.form-input__input {
  border: 2px solid #e3e6ec;
  background: #ffffff;
  border-radius: 0.25rem;
  display: flex;
  box-sizing: border-box;
  position: relative;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.form-input__input:focus-within {
  border-color: #236c9e;
  z-index: 1;
}
.form-input__input input,
.form-input__input select,
.form-input__input textarea {
  border: 0;
  background: none;
  font-size: 1rem;
  min-width: 0;
  flex: 1 0 0;
  padding: 0.5rem;
  height: 38px;
  line-height: 38px;
}
.form-input__input input:focus,
.form-input__input select:focus,
.form-input__input textarea:focus {
  outline: none;
}
.form-input__input input:read-only {
  background-color: transparent;
  color: #8f99a3;
}
.form-input__input textarea {
  height: auto;
  line-height: 1.5;
  min-height: 10rem;
  max-height: 25rem;
  resize: vertical;
}
.form-input__date-wrap {
  flex: 1 0 auto;
}
.form-input__date-wrap > input {
  width: 100%;
}
.form-input__input-actions {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  padding: 0 0.375rem;
}
.form-input__input-actions > * + * {
  margin-left: 0.5rem;
}
.form-input__input-actions:empty {
  display: none;
}
.form-input__error {
  visibility: hidden;
  font-size: 0.75rem;
  line-height: 2;
  min-height: 1.5rem;
  color: #d86a66;
}
.form-input--error > .form-input__input {
  border-color: #d86a66;
}
.form-input--error > .form-input__error {
  visibility: visible;
}
.form-input--success > .form-input__input {
  border-color: #94d199;
}
.form-input__focus-banner {
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  width: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.25s ease;
}
.form-input__input--show-banner > input:focus + .form-input__focus-banner {
  opacity: 1;
}
.form-input--readonly > .form-input__input {
  border-color: #8f99a3;
  background-color: #e8eaef;
}
.form-input__icon {
  color: #e8eaef;
}
.form-input__icon--main {
  display: inline-flex;
  width: 2.25rem;
  align-items: center;
  justify-content: center;
}
.form-input__icon--main + input {
  padding-left: 0;
}

.form-input--invert .form-input__input {
  background: rgba(255, 255, 255, 0.25);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0);
}
.form-input--invert .form-input__input:focus-within {
  border-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.35);
}
.form-input--invert .form-input__input > input::placeholder {
  color: #a6a3a1;
}
.form-input--invert .form-input__input:focus-within > input::placeholder {
  color: #ffffff;
}
.form-input--invert .form-input__icon {
  color: #ffffff;
}

.form-input--select .form-input__input > select {
  appearance: none;
  text-indent: 1px;
  text-overflow: "";
  padding-top: 0;
  padding-right: 3rem;
}
.form-input--select .form-input__input > select::-ms-expand {
  display: none;
}
.form-input--select .form-input__input-actions {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.form-tip {
  background-color: #333;
  color: #fff;
  padding: 1rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  line-height: 2;
}

.list-basic > li:before {
  content: "•";
  margin-right: 0.25em;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-transition-delay: 99999s;
}

.showPasswordIcon {
  justify-content: flex-end;
  min-width: 6rem;
  color: #0052ce;
  outline: none;
}

.svg {
  fill: #0052ce;
  margin-right: 0.375rem;
}

button:focus {
  outline: none;
}

.buWordWrap {
  word-wrap: break-word;
}

.label.custom-text {
  margin-top: 1rem;
  margin-bottom: 0;
}
.label.custom-text span {
  display: inline-block;
  margin-top: 1rem;
  font-style: italic;
  font-size: 0.75rem;
}
.label.custom-text + div {
  margin-top: 0 !important;
  margin-bottom: 1.5rem !important;
}

.bu-header {
  margin-bottom: 3rem !important;
  color: #002d72;
}

.custom-footer-multibu {
  margin-top: 5rem;
  padding: 30px 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.custom-footer-multibu .ftr-links {
  text-decoration: none !important;
  cursor: pointer;
}
.custom-footer-multibu .ftr-links:hover, .custom-footer-multibu .ftr-links:visited,
.custom-footer-multibu .ftr-links :active {
  color: #434a51;
  text-decoration: none !important;
}
.custom-footer-multibu .separator {
  padding: 1.5rem;
}
@media (max-width: 768px) {
  .custom-footer-multibu .separator {
    padding: 0.5rem;
  }
}
@media (max-width: 768px) {
  .custom-footer-multibu {
    padding: 30px;
    flex-direction: column;
  }
  .custom-footer-multibu > div {
    margin-top: 1rem;
  }
}

.bg-blue {
  background-color: #051d43;
}

.custom-header-multi-bu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  color: #ffffff;
  padding: 0 20px;
  height: 100px;
  margin-bottom: 10rem;
}
.custom-header-multi-bu img {
  max-width: 250px;
}
@media (max-width: 768px) {
  .custom-header-multi-bu img {
    max-width: 150px;
  }
}

.colorWhite {
  text-decoration: none !important;
}
.colorWhite:hover {
  color: #ffffff;
  text-decoration: none !important;
}

.button-no-border {
  background-color: transparent;
  border-color: transparent;
  color: #4178ff !important;
}

.the-footer a {
  text-decoration: none;
}.simple-header {
  display: flex;
  padding: 0 1rem;
  align-items: center;
  justify-content: center;
  margin-top: 0.5rem;
}
.simple-header__title a {
  display: flex;
  padding: 1rem;
  margin-left: -1rem;
  max-width: calc(293px + 2rem);
}
@media (min-width: 480px) {
  .simple-header {
    padding: 0.5rem 2rem;
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .simple-header {
    justify-content: space-around;
    padding: 1rem 2.5rem;
  }
}

.ils-logo {
  width: 125px;
}

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.username {
  color: #7f7f8a !important;
}@media (min-width: 576px) {
  .modal-dialog {
    margin: 1.75rem auto;
  }
}
.delete-popup-text {
  width: 100%;
}
.delete-popup-text ul {
  padding-left: 1rem;
}

.defaultCard {
  height: 12px;
  width: 12px;
  border: 1px solid #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.defaultBackground {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background: #39f;
}

.nonDefaultCard {
  height: 12px;
  width: 12px;
  border: 2px solid #000;
  border-radius: 50%;
  cursor: pointer;
  margin: 0 auto;
}

.table {
  border-collapse: separate;
  width: 100%;
}

.makeDefault {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*
@media (max-width: 576px) {
    .table thead{
        display: none;
    }
    .table, .table tbody,.table tr,.table td{
        display: block;
        width: 100%;
    }
    .table tr{
        margin-bottom: 15px;
        border: 2px solid #000;
    }
    .table tbody tr td{
        text-align: left;
        padding-left: 50%;
        position: relative;
    }
    .table td:before{
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 50%;
        padding-left: 15px;
        text-align: left;
    }
    .makeDefault{
        display: flex !important;
        align-items: flex-start;
        justify-content: flex-start;
    }
}*/
.invalid-field {
  color: #ff0000;
}h3 {
  margin-bottom: 1.15rem !important;
  margin-top: 0px !important;
  letter-spacing: 0px !important;
}

h4,
.h4 {
  font-size: 1.3125rem;
  margin-bottom: 1.15rem !important;
  letter-spacing: 0px !important;
}

p {
  display: block;
  margin: 0 0 1em;
  margin-bottom: 1.15rem !important;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
}

a {
  text-decoration: none !important;
  background-color: transparent;
  color: #321fdb;
}

a:hover {
  text-decoration: underline !important;
  color: #321fdb;
}

.c-footer a {
  color: #3c4b64;
}

.outerlist {
  list-style-type: lower-roman;
  padding-left: 2.15rem;
  list-style-position: inside;
}

.innerlist {
  list-style-type: lower-alpha;
  margin: 1rem 0;
  padding-left: 2.35rem;
}

ul {
  padding-left: 3.1rem;
  list-style-position: inside;
  list-style-type: disc;
}

h4 {
  font-size: 1.3125rem;
}

.table tbody {
  background-color: transparent !important;
}

.table tbody:last-child tr td:first-child {
  border-bottom-left-radius: 0px !important;
}

.table tbody:last-child tr td:last-child {
  border-bottom-right-radius: 0px !important;
}

.simple-footer {
  margin-top: auto;
  background: #25408f;
}

.simple-footer a:hover,
.simple-footer a {
  color: #ffffff;
}

.simple-footer__content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 2.25rem 1rem;
  color: #fff;
}

.simple-footer__content > * {
  padding: 0.25rem 0;
}

.simple-footer a:hover {
  color: #ffffff;
}

.ccpa-wrapper {
  margin: 0 1rem 1rem;
  padding: 6rem 4rem 2rem;
}
.ccpa-wrapper p {
  font-size: 1rem;
}
.ccpa-wrapper h1 {
  font-size: 3.333rem;
  line-height: 115%;
  font-weight: 500;
  margin-bottom: 2rem;
}
.ccpa-wrapper h2 {
  font-size: 2rem;
  line-height: 130%;
  font-weight: 400;
  margin-bottom: 1rem;
}
.ccpa-wrapper ul li {
  font-size: 1rem;
  letter-spacing: 0;
}
.ccpa-wrapper ul li ul {
  list-style-type: circle;
}
.ccpa-wrapper.custom-ccpa {
  padding: 2rem;
}

@media (max-width: 767px) {
  .ccpa-wrapper {
    padding: 6rem 1rem 2rem;
  }
  .ccpa-wrapper.custom-ccpa {
    padding: 1rem;
  }
  .ccpa-wrapper h1 {
    font-size: 1.25rem;
  }
  .ccpa-wrapper h2 {
    font-size: 1.125rem;
  }
  .ccpa-wrapper ul {
    padding-left: 1.5rem;
  }
}
@media (min-width: 480px) {
  .simple-footer__content {
    padding: 2.25rem 2rem;
  }
  .simple-footer__content > * {
    padding: 0.5rem 0;
  }
}
@media (min-width: 768px) {
  .simple-footer__content {
    padding: 2.25rem 2.5rem;
  }
  .simple-footer__content > * {
    padding: 0.625rem 0;
  }
}
.simple-footer__legal {
  font-size: inherit;
  line-height: 1.5;
  color: #fff;
}

.simple-footer__legal > span {
  white-space: nowrap;
}

.simple-footer--no-padding {
  padding: 0px;
}

@media (max-width: 767px) {
  .simple-footer__content {
    flex-direction: column;
    align-items: center;
  }
  .simple-footer__legal {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .simple-footer__links {
    margin-right: auto;
  }
}
.c-header-nav .btn {
  display: inline-block;
  color: #ffffff;
  background: #236c9e !important;
  border: 2px solid #236c9e !important;
  font-size: 1rem;
  line-height: 1.5;
  padding: calc(0.5em - 2px) 1.25em;
  border-radius: 0.25em;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  min-width: 8.75rem;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -0.25px;
}

.rtl-payment-terms {
  padding-left: 1em;
}

.terms-radio-wrapper {
  margin: 0;
  padding-left: 3rem;
}
.terms-radio-wrapper label {
  padding-right: 2rem;
}
.terms-radio-wrapper label input {
  margin-right: 0.2rem;
}

.privacy-table {
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .privacy-table thead {
    display: block;
  }
  .privacy-table thead tr {
    display: flex;
  }
  .privacy-table thead tr th {
    width: 50%;
    border-bottom-color: transparent !important;
  }
  .privacy-table tbody tr {
    display: flex;
  }
  .privacy-table tbody tr:last-child td {
    border-bottom-color: transparent !important;
  }
}

.privacy-link {
  color: #2175f4;
}
.privacy-link:hover {
  text-decoration: underline;
}

.footer-pages p,
.footer-pages ol li,
.footer-pages ul li {
  font-size: 1rem;
}.modal-disclaimer-content .modal-header {
  border-color: #fff !important;
}

.disclaimerButtons {
  display: flex;
  justify-content: flex-end;
}

.modal-disclaimer-dialog {
  width: 90%;
  max-width: 850px;
  top: 2%;
  margin: auto;
}

@media (min-width: 576px) {
  .modal-disclaimer-dialog {
    width: 90%;
    max-width: 850px;
    top: 10%;
    margin: 0 auto;
  }
  .modal-disclaimer-dialog.miscellaneous {
    top: 20%;
  }
}
@media only screen and (min-width: 576px) {
  .fixedWidthModalButton {
    width: 150px !important;
  }
}
.modal-disclaimer-content {
  height: auto;
}

@media (max-width: 1280px) {
  .modal-disclaimer-content {
    width: auto;
  }
}
.disclaimer_links a {
  color: #1e88e5;
  font-size: 15px;
  text-decoration: none;
}

.disclaimer_container p {
  font-size: 15px;
  font-weight: 400;
}

.disclaimer_container {
  height: 350px;
  max-height: 350px;
  overflow-x: hidden;
  overflow-y: scroll;
  scroll-behavior: smooth;
}

.hide-me {
  display: none;
}

.show-me {
  display: block;
}

.invisible-me {
  visibility: hidden;
}

.visible-me {
  visibility: visible;
}

.table tbody tr td {
  border-radius: 0px !important;
}

.table tbody:last-child tr td:last-child {
  border-bottom-right-radius: 0px !important;
}

.table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 0.4rem !important;
}

.table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0.4rem !important;
}

p {
  margin: 0 0 1em;
  margin-bottom: 1.15rem !important;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}

a {
  text-decoration: none !important;
  background-color: transparent;
  color: #321fdb;
}

a:hover {
  text-decoration: underline !important;
  color: #321fdb;
}

.c-footer a {
  color: #3c4b64;
}

.outerlist {
  list-style-type: lower-roman;
  padding-left: 2.15rem;
  list-style-position: inside;
}

.innerlist {
  list-style-type: lower-alpha;
  margin: 1rem 0;
  padding-left: 2.35rem;
}

ul {
  padding-left: 2.15rem;
  list-style-position: inside;
}

h4 {
  font-size: 1.3125rem;
}

.table tbody {
  background-color: transparent !important;
}

.table tbody:last-child tr td:first-child {
  border-bottom-left-radius: 0px !important;
}

.rtl-payment-terms {
  padding-left: 1em;
}

.terms-container {
  margin: 1rem 0;
}

.mailText {
  cursor: pointer;
}

.terms-radio-wrapper {
  margin: 0;
}
.terms-radio-wrapper.disclaimer-radio {
  padding-left: 0;
}
.terms-radio-wrapper label {
  padding-right: 2rem;
}
.terms-radio-wrapper label input {
  margin-right: 0.2rem;
}/*
  Usage -> two types can be used below classes.
  //primary-font utility class created below and used on examples.
  1. By adding classnames directly to your HTML elements
     Ex: <p className="primary-font">Paragraph style 1</p>
  2. You can define your utility class names using placeholders and by using `@extend`
     Ex: <p className="test-paragraph">Paragraph style 2</p>
     style:
     .test-paragraph{
        @extend .primary-font;
     }
*/
.primary-font {
  color: #434a51;
}

.secondary-font {
  color: #000000;
}

.tertiary-font {
  color: #717171 !important;
}

.header-font {
  color: #002d72;
}

.white-font {
  color: #ffffff !important;
}

.error-500-font {
  color: #ff4444 !important;
}

.error-main-font {
  color: #c81e27;
}

.primary-font-inactive {
  color: #aaaaaa;
}

.primary-action-font {
  color: #0052ce !important;
}

.primary-action-disabled-font {
  color: #a0c4f8;
}

.note-warning-font {
  color: #e28a05;
}

.primary-action-onhover {
  color: #2175f4;
}

.header-nav-font {
  color: #051d43;
}

.gradient-afternoon {
  color: #4178ff;
}

.disabled-text {
  color: rgba(0, 0, 0, 0.38) !important;
}

.bg-transparent {
  background-color: transparent;
}

.bg-primary-action {
  background-color: #0052ce !important;
}

.bg-primary-action-disabled {
  background-color: #a0c4f8;
}

.bg-error {
  background-color: #ff4444;
}

.bg-white {
  background-color: #ffffff;
}

.background-white {
  background-color: #ffffff;
}

.bg-background-default {
  background-color: #f1f1f1;
}

.background-warning {
  background-color: #fcf2e8 !important;
}

.background-integrity-royal-light-1 {
  background-color: #f1faff;
}

.background-integrity-royal-light-2 {
  background-color: #dfeafb;
}

.background-integrity-gray-light-1 {
  background-color: #f1f1f1;
}

.color-title {
  color: #7f7f8a;
}

.color-primary-main {
  color: #4178ff;
}

.title-blue-font {
  color: #052a63 !important;
}

.integrity-navy-font {
  color: #052a63;
}

.gradient-afternoon-font {
  color: #4178ff;
}

.warning-font {
  color: #f56600;
}

.fs-h1 {
  font-size: 48px;
}

.fs-h2 {
  font-size: 32px;
}

.fs-h3 {
  font-size: 24px;
}

.fs-h4 {
  font-size: 18px !important;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-20, .popup-content {
  font-size: 20px;
}

.fs-16 {
  font-size: 16px;
}

.fs-24 {
  font-size: 24px;
}

.fs-32 {
  font-size: 32px;
}

.fs-18 {
  font-size: 18px;
}

.fs-h5,
.fs-14 {
  font-size: 14px;
}

.fs-p,
.fs-16 {
  font-size: 16px;
}

.fs-12 {
  font-size: 12px;
}

.fs-9 {
  font-size: 9px;
}

.ff-lato {
  font-family: "Lato", sans-serif;
}

.d-flex {
  display: flex;
}

.d-grid {
  display: grid;
}

.flex-center, .section-container .cash-icon-wrapper, .popup-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-center-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.flex-column-align-start {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.align-center {
  display: flex;
  align-items: center;
}

.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.justify-between {
  display: flex;
  justify-content: space-between;
}

.justify-around {
  display: flex;
  justify-content: space-around;
}

.flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flex-between-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flex-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.flex-align-start {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.flex-column-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.flex-column-start {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.rounded-sm {
  border-radius: 3px;
}

.rounded-md {
  border-radius: 4px !important;
}

.rounded-lg {
  border-radius: 8px !important;
}

.rounded-xl {
  border-radius: 25px !important;
}

.card-border {
  border: 1px solid #dfdedd;
}

.border-top {
  border-top: 1px solid #dfdedd;
}

.border-left {
  border-left: 1px solid #dfdedd;
}

.border-bottom {
  border-bottom: 1px solid #dfdedd;
}

.border-light-gray {
  border: 1px solid #dddddd;
}

.border-none {
  border: none;
}

.border-error {
  border-color: #ff4444;
}

.line-height-0 {
  line-height: 0;
}

.shadow-on {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.py-10px {
  padding-top: 10px;
  padding-bottom: 10px;
}

.px-8px {
  padding-left: 8px;
  padding-right: 8px;
}

.min-h-0 {
  min-height: 0 !important;
}

.w-20px {
  width: 20px !important;
}

.w-100px {
  width: 100px !important;
}

.w-150px {
  width: 175px !important;
}

.width-100 {
  width: 100% !important;
}

.w-80 {
  width: 80% !important;
}

.w-60 {
  width: 60% !important;
}

.w-25-100 {
  width: 25% !important;
}
@media (max-width: 768px) {
  .w-25-100 {
    width: 100% !important;
  }
}

.w-h-40 {
  width: 40px;
  height: 40px;
}

.height-48 {
  height: 48px;
}

.min-height-48 {
  min-height: 48px;
}

.height-17 {
  height: 17px;
}

.width-max-content {
  width: max-content;
}

.background-none {
  background: none;
}

.popup-content {
  display: grid;
}

.position-relative {
  position: relative;
}

.padding-sm {
  padding: 4px;
}

.padding-md {
  padding: 8px;
}

.padding-lg {
  padding: 12px;
}

.padding-xl {
  padding: 16px;
}

.padding-24 {
  padding: 24px;
}

.margin-bottom-4 {
  margin-bottom: 4px;
}

.margin-bottom-8 {
  margin-bottom: 8px;
}

.margin-bottom-24 {
  margin-bottom: 24px;
}

.margin-right-4 {
  margin-right: 4px;
}

.margin-top-8 {
  margin-top: 8px;
}

.margin-left-8 {
  margin-left: 8px;
}

.margin-top-16 {
  margin-top: 16px;
}

.margin-4 {
  margin: 4px;
}

.margin-24 {
  margin: 24px;
}

.margin-left-24 {
  margin-left: 24px;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left--0-25 {
  margin-left: -0.25rem;
}

.padding-72 {
  padding: 72px;
}

.padding-l-0 {
  padding-left: 0;
}

.padding-l-8 {
  padding-left: 8px;
}

.padding-0 {
  padding: 0;
}

.spin-5s {
  animation: spin 5s linear infinite;
}

.btn-height {
  height: 32px;
}

.input-height {
  height: 40px;
}

.width-250px {
  width: 250px;
}

.w-50-100 {
  width: 50% !important;
}
@media (max-width: 992px) {
  .w-50-100 {
    width: 100% !important;
  }
}

.card-on-hover:hover {
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.23);
}

.right-2p {
  right: 2% !important;
}

.input-outline-enabledBorder {
  border: 1px solid rgba(0, 0, 0, 0.25);
}

.margin-top-24 {
  margin-top: 24px;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.textarea-limited {
  resize: none;
}

.warning-icon-color {
  color: #f56600;
}

.text-center {
  text-align: center !important;
}

.justify-items-end {
  justify-items: end;
}

.divider {
  border-bottom: 1px solid #cccccc;
}

.gap-4 {
  gap: 4px;
}

.gap-16 {
  gap: 16px;
}

.gap-24 {
  gap: 24px;
}

.no-text-decoration {
  color: inherit;
  text-decoration: none !important;
}
.no-text-decoration:hover {
  color: inherit;
  text-decoration: none !important;
}
.no-text-decoration:focus {
  color: inherit;
  text-decoration: none !important;
}

.overflow-auto {
  overflow: auto;
}

.padding-x-4 {
  padding-left: 4px;
  padding-right: 4px;
}

.padding-y-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.padding-x-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.padding-y-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.padding-x-12 {
  padding-left: 12px;
  padding-right: 12px;
}

.padding-y-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.padding-x-16 {
  padding-left: 16px;
  padding-right: 16px;
}

.padding-y-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.padding-x-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.padding-y-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.padding-x-32 {
  padding-left: 32px;
  padding-right: 32px;
}

.padding-y-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.padding-x-48 {
  padding-left: 48px;
  padding-right: 48px;
}

.padding-y-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.padding-x-72 {
  padding-left: 72px;
  padding-right: 72px;
}

.padding-y-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.page-title-container {
  margin-bottom: 1rem;
}

.page-title {
  font-size: 25px;
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.page-title span {
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -0.01em;
  color: #0052ce;
  cursor: pointer;
}
.page-title span a {
  color: #0052ce;
}

.payment-edit-button {
  cursor: pointer;
  color: #2371a4;
  font-size: 12px;
}

.section-divider {
  margin: 0.5rem 0 0.5rem;
  border-color: #2371a4;
}

.payment-menthods-container {
  margin: 1rem 0 1rem;
  background-color: #ffffff;
  padding: 25px;
}

.payment-menthods-header {
  font-size: 20px;
  font-weight: 700;
  color: #2371a4;
  margin-bottom: 1rem;
  display: flex;
}
.payment-menthods-header.saved-cards {
  flex-direction: column;
}
.payment-menthods-header.cash {
  align-items: center;
}
.payment-menthods-header .addCreditCard {
  padding: 1rem 0 1rem;
  align-items: center;
}
.payment-menthods-header .addCreditCard span {
  font-size: 0.75rem;
  letter-spacing: 0;
  cursor: pointer;
}
.payment-menthods-header .small-font {
  font-size: 0.75rem;
  letter-spacing: 0;
  margin-left: 1rem;
  cursor: pointer;
}

.available-credit-value {
  font-size: 36px;
  font-weight: 700;
}

.available-credit-description {
  font-style: italic;
  margin-top: 1.5rem;
}

.payment-methods-text {
  font-size: 1em;
  font-weight: 400;
  line-height: 19px;
  text-align: left;
  margin-bottom: 1.5rem;
}

.payment-methods-input {
  background: #ffffff;
  border: 1px solid #7f7f8a;
  border-radius: 5px;
  height: 40px;
}

.payment-methods-button {
  color: #2371a4;
  cursor: pointer;
}

.e-gift-credit-total {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #333333;
}
@media (max-width: 1300px) {
  .e-gift-credit-total {
    font-size: 1.2em;
  }
}

.e-gift-value {
  font-size: 1em;
  font-style: italic;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #7f7f8a;
}
@media (max-width: 1300px) {
  .e-gift-value {
    font-size: 0.9em;
  }
}

.e-gift-header {
  font-size: 1em;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #333333;
}
@media (max-width: 1300px) {
  .e-gift-header {
    font-size: 0.9em;
  }
}

.e-gift-ellipsis {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0px;
  font-size: 1em;
  color: #2175f4;
}

.voucher-expires-soon {
  color: #e28a05;
  font-weight: 700;
}

.voucher-expired {
  color: #ff7676;
  font-weight: 700;
}

.overlay-container {
  height: 20vh;
  overflow-y: scroll;
  max-width: 150px;
}

.overlay-container::-webkit-scrollbar {
  width: 10px;
}

.overlay-container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  border-radius: 5px;
  height: 20px;
}

#overlay-cash .overlay-container {
  overflow-y: auto !important;
  height: auto !important;
}

.modal-visibility {
  opacity: 0;
}

.add-reload-modal {
  top: 10%;
  max-width: 750px;
}
.add-reload-modal .modal-body {
  padding-bottom: 3rem;
}
.add-reload-modal .modal-body .screen-one,
.add-reload-modal .modal-body .screen-two {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.add-reload-modal .modal-body .screen-one .title,
.add-reload-modal .modal-body .screen-two .title {
  font-weight: bold;
  font-size: 1.25rem;
}
.add-reload-modal .modal-body .screen-one .sub-section,
.add-reload-modal .modal-body .screen-two .sub-section {
  font-size: 1.125rem;
  background-color: #fff;
  border: 1px solid #dfdedd;
  border-radius: 3px;
  margin: 1rem 0;
  width: 90%;
  text-align: center;
  padding: 1rem;
  color: #2371a4;
  cursor: pointer;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.add-reload-modal .modal-body .screen-one .sub-section.clicked, .add-reload-modal .modal-body .screen-one .sub-section:hover,
.add-reload-modal .modal-body .screen-two .sub-section.clicked,
.add-reload-modal .modal-body .screen-two .sub-section:hover {
  font-weight: bold;
}
.add-reload-modal .modal-body .screen-one .sub-section svg,
.add-reload-modal .modal-body .screen-two .sub-section svg {
  margin-right: 0.5rem;
}
.add-reload-modal .modal-body .btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 2rem;
}
.add-reload-modal .modal-body .btn-container button {
  max-width: 230px;
  border-radius: 4px;
}
.add-reload-modal .modal-body .btn-container button:first-child {
  margin-right: 1.5rem;
}
.add-reload-modal .modal-body .save-payment {
  width: 100%;
  padding-left: 1.5rem;
  margin-top: 1rem;
}
.add-reload-modal .modal-body .save-payment span {
  padding-left: 0.5rem;
}
.add-reload-modal .modal-body .add_reload_payment_sec {
  width: 100%;
  background-color: #efefef;
  margin: 3rem 0 1rem;
  padding: 1rem;
  position: relative;
}
.add-reload-modal .modal-body .add_reload_payment_sec > div {
  padding-top: 0 !important;
}
@media (max-width: 767px) {
  .add-reload-modal .modal-body .add_reload_payment_sec > div .campaign-review-title + div > div {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.add-reload-modal .modal-body .add_reload_payment_sec .add-cc {
  position: absolute;
  top: 3rem;
  left: 25rem;
  color: #2371a4;
}
.add-reload-modal .modal-body .add_reload_payment_sec .add-cc.bpl-reserve {
  top: 5rem;
}
@media (max-width: 767px) {
  .add-reload-modal .modal-body .add_reload_payment_sec .add-cc {
    top: 6.5rem;
    left: 2.5rem;
  }
  .add-reload-modal .modal-body .add_reload_payment_sec .add-cc.bpl-reserve {
    top: 7.5rem;
  }
}
.add-reload-modal .modal-body .add_reload_payment_sec .css-2613qy-menu {
  overflow-x: hidden !important;
}
.add-reload-modal .modal-body .add_reload_payment_sec .launch__payment_info {
  display: none;
}
@media (max-width: 767px) {
  .add-reload-modal .modal-body .add_reload_payment_sec .launch__payment_info {
    display: block;
  }
}
.add-reload-modal .modal-body .add_reload_payment_sec.mgt {
  margin-top: 1rem;
}
.add-reload-modal .modal-body .summary-sec div {
  width: 60%;
  display: flex;
  justify-content: space-between;
  font-size: 1.125rem;
}
.add-reload-modal .modal-body .summary-sec div span:first-child {
  font-weight: bold;
}
.add-reload-modal .modal-body .summary-sec p {
  font-size: 0.75rem;
  color: gray;
}
.add-reload-modal .modal-body .screen-two .newvoucher__content__amounts,
.add-reload-modal .modal-body .reload-sec .newvoucher__content__amounts {
  margin-top: 2rem;
}
.add-reload-modal .modal-body .screen-two .newvoucher__content__amounts .newvoucher__content__amounts__section--amount,
.add-reload-modal .modal-body .reload-sec .newvoucher__content__amounts .newvoucher__content__amounts__section--amount {
  margin-right: 2rem;
  display: flex;
  flex-direction: column;
}
.add-reload-modal .modal-body .screen-two .newvoucher__content__amounts > label,
.add-reload-modal .modal-body .reload-sec .newvoucher__content__amounts > label {
  margin-left: 1rem;
  margin-bottom: 0.5rem;
}
.add-reload-modal .modal-body .screen-two .newvoucher__content__amounts__section,
.add-reload-modal .modal-body .reload-sec .newvoucher__content__amounts__section {
  justify-content: center;
}
.add-reload-modal .modal-body .screen-two .newvoucher__content__amounts__section--amount label,
.add-reload-modal .modal-body .reload-sec .newvoucher__content__amounts__section--amount label {
  width: 80px;
}
.add-reload-modal .modal-body .radio-wrapper {
  display: flex;
  justify-content: flex-start;
}
.add-reload-modal .modal-body .radio-wrapper label {
  margin-right: 2rem;
}
.add-reload-modal .modal-body .radio-wrapper label input {
  margin-right: 0.2rem;
}
.add-reload-modal .modal-body .reload-sec > h4 {
  font-weight: bold;
  font-size: 1.25rem;
  text-align: center;
  margin-bottom: 2rem;
}
.add-reload-modal .modal-body .reload-sec .newvoucher__content__amounts {
  margin-top: 1.5rem;
}
.add-reload-modal .modal-body .reload-sec .newvoucher__content__amounts > label {
  margin-left: 1rem;
  font-size: 0.8rem;
}
.add-reload-modal .modal-body .reload-sec .reload-section.newvoucher__content__amounts__section .newvoucher__content__amounts__section--amount input:checked + label {
  background-color: #2371a4;
  border: 1px solid #236da8;
  color: #ffffff;
}
.add-reload-modal .modal-body .reload-sec .btn-primary.err {
  background: #ff4444 !important;
}

.section-container {
  box-shadow: none !important;
  border-radius: 8px;
}
.section-container__header {
  border-bottom: 1px solid #cccccc;
  display: flex;
  align-items: center;
  padding: 16px;
  background-color: #ffffff;
  border-radius: 8px 8px 0 0 !important;
}
@media (max-width: 768px) {
  .section-container__header {
    flex-direction: column;
    align-items: flex-start;
    justify-content: start;
  }
  .section-container__header > .flex-start {
    flex-direction: column;
  }
}
.section-container__body {
  display: flex;
  padding: 24px;
  background-color: #052a63 !important;
  border-radius: 0 0 8px 8px !important;
  color: #ffffff !important;
}
.section-container__body.bpl-reserve {
  background-color: #375582 !important;
}
.section-container .cash-icon-wrapper {
  width: 28px;
  height: 28px;
  padding: 4px;
  border-radius: 40px;
}
.section-container .cash-icon-wrapper svg {
  color: #052a63;
}
.section-container .wr-toggle {
  margin-right: 0.5rem;
}
.section-container .wr-toggle.wr-toggle--checked .wr-toggle-container {
  background-color: #4178ff;
}
.section-container .wr-toggle .wr-toggle-container {
  background-color: #7188a8;
  border-color: transparent;
}
.section-container .wr-toggle .wr-toggle-container.disable-bg + .primary-bgc svg,
.section-container .wr-toggle .wr-toggle-container.disable-bg + .light-bgc svg {
  color: transparent;
}
.section-container .bpl-reserve-body .bpl-reserve-box {
  padding: 16px 24px;
}
@media (max-width: 576px) {
  .section-container .bpl-reserve-body {
    flex-direction: column;
  }
  .section-container .bpl-reserve-body .bpl-reserve-box {
    margin-top: 2rem;
  }
}

.employee-info-alert {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border: 1px solid #0052ce;
  border-radius: 8px;
  background-color: #f1faff;
}
.employee-info-alert__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.employee-info-alert__icon--svg {
  font-size: 32px;
  font-weight: 300;
  color: #4178ff;
}
.employee-info-alert__text {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: #1357ff;
  font-feature-settings: "liga" off, "clig" off;
}/*
  Usage -> two types can be used below classes.
  //primary-font utility class created below and used on examples.
  1. By adding classnames directly to your HTML elements
     Ex: <p className="primary-font">Paragraph style 1</p>
  2. You can define your utility class names using placeholders and by using `@extend`
     Ex: <p className="test-paragraph">Paragraph style 2</p>
     style:
     .test-paragraph{
        @extend .primary-font;
     }
*/
.primary-font {
  color: #434a51;
}

.secondary-font {
  color: #000000;
}

.tertiary-font {
  color: #717171 !important;
}

.header-font {
  color: #002d72;
}

.white-font {
  color: #ffffff !important;
}

.error-500-font {
  color: #ff4444 !important;
}

.error-main-font {
  color: #c81e27;
}

.primary-font-inactive {
  color: #aaaaaa;
}

.primary-action-font {
  color: #0052ce !important;
}

.primary-action-disabled-font {
  color: #a0c4f8;
}

.note-warning-font {
  color: #e28a05;
}

.primary-action-onhover {
  color: #2175f4;
}

.header-nav-font {
  color: #051d43;
}

.gradient-afternoon {
  color: #4178ff;
}

.disabled-text {
  color: rgba(0, 0, 0, 0.38) !important;
}

.bg-transparent {
  background-color: transparent;
}

.bg-primary-action {
  background-color: #0052ce !important;
}

.bg-primary-action-disabled {
  background-color: #a0c4f8;
}

.bg-error {
  background-color: #ff4444;
}

.bg-white {
  background-color: #ffffff;
}

.background-white {
  background-color: #ffffff;
}

.bg-background-default {
  background-color: #f1f1f1;
}

.background-warning {
  background-color: #fcf2e8 !important;
}

.background-integrity-royal-light-1 {
  background-color: #f1faff;
}

.background-integrity-royal-light-2 {
  background-color: #dfeafb;
}

.background-integrity-gray-light-1 {
  background-color: #f1f1f1;
}

.color-title {
  color: #7f7f8a;
}

.color-primary-main {
  color: #4178ff;
}

.title-blue-font {
  color: #052a63 !important;
}

.integrity-navy-font {
  color: #052a63;
}

.gradient-afternoon-font {
  color: #4178ff;
}

.warning-font {
  color: #f56600;
}

.fs-h1 {
  font-size: 48px;
}

.fs-h2 {
  font-size: 32px;
}

.fs-h3 {
  font-size: 24px;
}

.fs-h4 {
  font-size: 18px !important;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-20, .popup-content {
  font-size: 20px;
}

.fs-16 {
  font-size: 16px;
}

.fs-24 {
  font-size: 24px;
}

.fs-32 {
  font-size: 32px;
}

.fs-18 {
  font-size: 18px;
}

.fs-h5,
.fs-14 {
  font-size: 14px;
}

.fs-p,
.fs-16 {
  font-size: 16px;
}

.fs-12 {
  font-size: 12px;
}

.fs-9 {
  font-size: 9px;
}

.ff-lato {
  font-family: "Lato", sans-serif;
}

.d-flex {
  display: flex;
}

.d-grid {
  display: grid;
}

.flex-center, .popup-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-center-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.flex-column-align-start {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.align-center {
  display: flex;
  align-items: center;
}

.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.justify-between {
  display: flex;
  justify-content: space-between;
}

.justify-around {
  display: flex;
  justify-content: space-around;
}

.flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flex-between-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flex-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.flex-align-start {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.flex-column-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.flex-column-start {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.rounded-sm {
  border-radius: 3px;
}

.rounded-md {
  border-radius: 4px !important;
}

.rounded-lg {
  border-radius: 8px !important;
}

.rounded-xl {
  border-radius: 25px !important;
}

.card-border {
  border: 1px solid #dfdedd;
}

.border-top {
  border-top: 1px solid #dfdedd;
}

.border-left {
  border-left: 1px solid #dfdedd;
}

.border-bottom {
  border-bottom: 1px solid #dfdedd;
}

.border-light-gray {
  border: 1px solid #dddddd;
}

.border-none {
  border: none;
}

.border-error {
  border-color: #ff4444;
}

.line-height-0 {
  line-height: 0;
}

.shadow-on {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.py-10px {
  padding-top: 10px;
  padding-bottom: 10px;
}

.px-8px {
  padding-left: 8px;
  padding-right: 8px;
}

.min-h-0 {
  min-height: 0 !important;
}

.w-20px {
  width: 20px !important;
}

.w-100px {
  width: 100px !important;
}

.w-150px {
  width: 175px !important;
}

.width-100 {
  width: 100% !important;
}

.w-80 {
  width: 80% !important;
}

.w-60 {
  width: 60% !important;
}

.w-25-100 {
  width: 25% !important;
}
@media (max-width: 768px) {
  .w-25-100 {
    width: 100% !important;
  }
}

.w-h-40 {
  width: 40px;
  height: 40px;
}

.height-48 {
  height: 48px;
}

.min-height-48 {
  min-height: 48px;
}

.height-17 {
  height: 17px;
}

.width-max-content {
  width: max-content;
}

.background-none {
  background: none;
}

.popup-content {
  display: grid;
}

.position-relative {
  position: relative;
}

.padding-sm {
  padding: 4px;
}

.padding-md {
  padding: 8px;
}

.padding-lg {
  padding: 12px;
}

.padding-xl {
  padding: 16px;
}

.padding-24 {
  padding: 24px;
}

.margin-bottom-4 {
  margin-bottom: 4px;
}

.margin-bottom-8 {
  margin-bottom: 8px;
}

.margin-bottom-24 {
  margin-bottom: 24px;
}

.margin-right-4 {
  margin-right: 4px;
}

.margin-top-8 {
  margin-top: 8px;
}

.margin-left-8 {
  margin-left: 8px;
}

.margin-top-16 {
  margin-top: 16px;
}

.margin-4 {
  margin: 4px;
}

.margin-24 {
  margin: 24px;
}

.margin-left-24 {
  margin-left: 24px;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left--0-25 {
  margin-left: -0.25rem;
}

.padding-72 {
  padding: 72px;
}

.padding-l-0 {
  padding-left: 0;
}

.padding-l-8 {
  padding-left: 8px;
}

.padding-0 {
  padding: 0;
}

.spin-5s {
  animation: spin 5s linear infinite;
}

.btn-height {
  height: 32px;
}

.input-height {
  height: 40px;
}

.width-250px {
  width: 250px;
}

.w-50-100 {
  width: 50% !important;
}
@media (max-width: 992px) {
  .w-50-100 {
    width: 100% !important;
  }
}

.card-on-hover:hover {
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.23);
}

.right-2p {
  right: 2% !important;
}

.input-outline-enabledBorder {
  border: 1px solid rgba(0, 0, 0, 0.25);
}

.margin-top-24 {
  margin-top: 24px;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.textarea-limited {
  resize: none;
}

.warning-icon-color {
  color: #f56600;
}

.text-center {
  text-align: center !important;
}

.justify-items-end {
  justify-items: end;
}

.divider {
  border-bottom: 1px solid #cccccc;
}

.gap-4 {
  gap: 4px;
}

.gap-16 {
  gap: 16px;
}

.gap-24 {
  gap: 24px;
}

.no-text-decoration {
  color: inherit;
  text-decoration: none !important;
}
.no-text-decoration:hover {
  color: inherit;
  text-decoration: none !important;
}
.no-text-decoration:focus {
  color: inherit;
  text-decoration: none !important;
}

.overflow-auto {
  overflow: auto;
}

.padding-x-4 {
  padding-left: 4px;
  padding-right: 4px;
}

.padding-y-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.padding-x-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.padding-y-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.padding-x-12 {
  padding-left: 12px;
  padding-right: 12px;
}

.padding-y-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.padding-x-16 {
  padding-left: 16px;
  padding-right: 16px;
}

.padding-y-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.padding-x-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.padding-y-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.padding-x-32 {
  padding-left: 32px;
  padding-right: 32px;
}

.padding-y-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.padding-x-48 {
  padding-left: 48px;
  padding-right: 48px;
}

.padding-y-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.padding-x-72 {
  padding-left: 72px;
  padding-right: 72px;
}

.padding-y-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.styled-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #4178ff !important;
  padding-right: 10px !important;
  font-weight: 500;
}

.styled-button:hover {
  background-color: #4178ff !important;
  color: white;
}

.styled-button span {
  display: flex;
  align-items: center;
  margin-right: 10px;
}.custom-dropdown {
  position: static;
}

.status-dropdown-toggle {
  background: #ffffff;
  border-radius: 4px;
  max-height: 50px;
  min-width: 150px;
  padding: 0 12px;
  border: 1px solid rgba(0, 0, 0, 0.23);
}
.status-dropdown-toggle.no-border {
  border: none !important;
  cursor: default !important;
  padding: 0px;
}

.status-dropdown-value {
  display: flex;
  align-items: center;
  width: 130px;
  text-align: start;
  margin-right: 8px;
}

.status-color {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  margin: 8px;
  margin-left: 0;
}

.status-dropdown-menu {
  max-height: 300px;
  z-index: 9;
}

.status-New,
.status-100 {
  background-color: #95b3ff;
}

.status-First,
.status-200 {
  background-color: #89a6f1;
}

.status-Second,
.status-201 {
  background-color: #7c99e3;
}

.status-Third,
.status-202 {
  background-color: #708cd4;
}

.status-Voicemail,
.status-203 {
  background-color: #637fc6;
}

.status-Text,
.status-204 {
  background-color: #5772b8;
}

.status-Door,
.status-205 {
  background-color: #4b66aa;
}

.status-Appointment,
.status-300 {
  background-color: #3e589b;
}

.status-501 {
  background-color: #194371;
}

.status-502 {
  background-color: #ff4444;
}

.status-503 {
  background-color: #ffd390;
}

.status-504 {
  background-color: #b2ccdb;
}

.status-900 {
  background-color: purple;
}

.status-901 {
  background-color: pink;
}

.status-902 {
  background-color: #000000;
}

.status-1000 {
  background-color: #717171;
}

.status-10000 {
  background-color: #aaaaaa;
}

.status-Upcoming {
  background-color: rgba(0, 158, 21, 0.5);
}

.status-Active,
.status-Approved {
  background-color: #4ca93a;
}

.status-Revoked,
.status-Denied,
.status-Blocked {
  background-color: #c81e27;
}

.status-Expired {
  background-color: #bdbdbd;
}

.status-Submitted,
.status-400 {
  background-color: #f56600;
}

.color-dot {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
}

.status-Pending {
  background-color: #ffb400;
}

.status-Inactive {
  background-color: rgba(0, 0, 0, 0.3803921569);
}.leadsource-toggle-switch {
  position: relative;
  margin-right: 10px;
  width: 75px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.leadsource-toggle-switch-checkbox {
  display: none;
}
.leadsource-toggle-switch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 0 solid #bbbbbb;
  border-radius: 20px;
  margin: 0;
}
.leadsource-toggle-switch-label:focus {
  outline: none;
}
.leadsource-toggle-switch-label:focus > span {
  box-shadow: 0 0 2px 5px red;
}
.leadsource-toggle-switch-label > span:focus {
  outline: none;
}
.leadsource-toggle-switch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.leadsource-toggle-switch-inner:before, .leadsource-toggle-switch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 34px;
  padding: 0;
  line-height: 34px;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  box-sizing: border-box;
}
.leadsource-toggle-switch-inner:before {
  content: attr(data-yes);
  text-transform: uppercase;
  padding-left: 10px;
  background-color: #0052ce;
  color: #ffffff;
}
.leadsource-toggle-switch-disabled {
  background-color: #aaaaaa;
  cursor: not-allowed;
}
.leadsource-toggle-switch-disabled:before {
  background-color: #aaaaaa;
  cursor: not-allowed;
}
.leadsource-toggle-switch-inner:after {
  content: attr(data-no);
  text-transform: uppercase;
  padding-right: 10px;
  background-color: #bbbbbb;
  color: #ffffff;
  text-align: right;
}
.leadsource-toggle-switch-switch {
  display: block;
  width: 24px;
  margin: 5px;
  background: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 40px;
  border: 0 solid #bbbbbb;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
}
.leadsource-toggle-switch-checkbox:checked + .leadsource-toggle-switch-label .leadsource-toggle-switch-inner {
  margin-left: 0;
}
.leadsource-toggle-switch-checkbox:checked + .leadsource-toggle-switch-label .leadsource-toggle-switch-switch {
  right: 0px;
}
.leadsource-toggle-switch.small-switch {
  width: 40px;
}
.leadsource-toggle-switch.small-switch .leadsource-toggle-switch-inner:after, .leadsource-toggle-switch.small-switch .leadsource-toggle-switch-inner:before {
  content: "";
  height: 20px;
  line-height: 20px;
}
.leadsource-toggle-switch.small-switch .leadsource-toggle-switch-switch {
  height: 16px;
  width: 16px;
  right: 20px;
  margin: 2px;
}
@media screen and (max-width: 991px) {
  .leadsource-toggle-switch {
    transform: scale(0.9);
  }
}
@media screen and (max-width: 767px) {
  .leadsource-toggle-switch {
    transform: scale(0.825);
  }
}
@media screen and (max-width: 575px) {
  .leadsource-toggle-switch {
    transform: scale(0.75);
  }
}.wr-toggle {
  touch-action: pan-x;
  display: inline-block;
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  padding: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: #2371a4;
  -webkit-tap-highlight-color: transparent;
}

.wr-toggle-input {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.wr-toggle-check,
.wr-toggle-uncheck {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 0;
  transition: opacity 0.25s ease;
}

.wr-toggle-check {
  left: 7px;
}

.wr-toggle-uncheck {
  right: 72px;
}

.wr-toggle-uncheck span,
.wr-toggle-check span {
  align-items: center;
  display: flex;
  height: 10px;
  justify-content: center;
  position: relative;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #1e3456;
}

.wr-toggle-uncheck span {
  width: 70px;
}

.wr-toggle-check span {
  width: 76px;
}

.wr-toggle-container {
  width: 54px;
  height: 22px;
  padding: 0;
  border-radius: 25px;
  transition: all 0.2s ease;
  border: 2px solid #828ea1;
  background-color: #22315c;
}

.wr-toggle-circle {
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  position: absolute;
  top: 2px;
  left: 1.5px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2%;
}

.light-bgc {
  background-color: #ffffff;
}
.light-bgc svg {
  color: #051d43;
}

.primary-bgc {
  background-color: #ffffff;
  color: #0052ce;
}

.wr-toggle-circle .fa {
  color: #fff;
}

.wr-toggle--checked .wr-toggle-check {
  opacity: 1;
}

.wr-toggle--checked .wr-toggle-uncheck {
  opacity: 0;
}

.wr-toggle--checked .wr-toggle-circle {
  left: 34px;
}

.wr-toggle--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.recorded-call-script-modal {
  width: fit-content;
}

.callstoggle-confirmation-content {
  width: 100% !important;
}
p {
  font-family: "Lato", sans-serif;
}
.custom-scroll-bar {
  overflow-y: scroll;
}
.custom-scroll-bar::-webkit-scrollbar {
  width: 4px;
}
.custom-scroll-bar::-webkit-scrollbar-thumb {
  background-color: #dfdedd;
  border-radius: 5px;
  height: 20px;
}
.icon-button {
  cursor: pointer;
  color: #4178ff;
}
.Cancel-order {
  background-color: blank;
}
.search-bar-container {
  width: 100%;
  /* margin: 0 auto;*/
  height: 52px;
  position: relative;
}
.search-bar {
  background: transparent;
  border: 1px solid #f6f6f6;
  font-size: 15px;
  padding-left: 40px;
  color: #4e5860;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  width: 100%;
  height: 80%;
  border-radius: 50px;
}
.search-bar:focus {
  outline: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.search-bar-icon {
  position: absolute;
  left: 12px;
  top: 16px;
  font-size: 22px;
  color: rgba(172, 10, 10, 0.8196078431);
}
.line-height-1 {
  line-height: 1;
}
.search-result {
  position: absolute;
  top: 42px;
  width: 98%;
  max-height: 300px;
  overflow-y: auto;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28);
  z-index: 1;
  background-color: white;
}
.list-group-item {
  cursor: pointer;
}
.list-group-item.active,
.list-group-item:hover {
  background-color: #e1e3e5;
  border-color: #d3d5d7;
}
.Leadgroup-card {
  border: 2px solid #ced2d8;
  border-collapse: separate;
  border-radius: 1.25rem;
}
.c-app {
  overflow: hidden;
}
@media screen and (max-width: 478px) {
  .c-header img {
    height: 25px;
  }
}
@media screen and (max-width: 375px) {
  .c-header img {
    height: 22px;
  }
}
.light-gray {
  color: #7f7f8a;
}
.sc {
  font-size: 0.75rem;
}
.height-50 {
  max-height: 50px;
}
.margin-15 {
  margin: 0 -15px;
}
.btn-blue {
  color: #0052ce;
}
.cursor-pointer {
  cursor: pointer;
}
.font-blue {
  color: #002d72;
}
.fs-22 {
  font-size: 22px;
}
.fs-18 {
  font-size: 18px;
}
.fs-16 {
  font-size: 16px;
}
.mb-20 {
  margin-bottom: 20px;
}
.font-075 {
  font-size: 0.75rem;
}
.br-4 {
  border-radius: 4px;
}
.cblack {
  color: #000000;
}
.fs-24 {
  font-size: 2rem;
}
.modal-paymentMethod-dialog {
  top: 15%;
  max-width: 750px !important;
  overflow: auto;
}
.modal-paymentMethod-content {
  width: auto;
  height: auto;
}
.divMapSection {
  margin-left: "5vh";
  height: auto;
  width: 100%;
  border: "1px solid black";
}
.marginRight-6v {
  margin-right: "6vh";
}
.hr-line-order {
  border-width: 1px;
  border-color: #8c8b8b;
  margin-top: 0rem;
}
.div-border-rev-order {
  display: inline-block;
  border: "1px solid #8c8b8b";
}
table {
  border-collapse: separate;
  border: solid black 1px;
  border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
}
.fa-times-circle:hover {
  color: red;
  cursor: pointer;
}
.row-bordered {
  display: block;
  margin: 0;
}
.border-W1 {
  border: 1px solid rgb(148, 145, 145);
}
.mr--5 {
  margin-right: -1.4vh;
}
.parentEnable {
  position: fixed;
  top: 0;
  left: 0;
  background: #666;
  opacity: 0.8;
  z-index: 998;
  height: 100%;
  width: 100%;
}
.parentDisable {
  position: fixed;
  top: 0;
  left: 0;
  background: #666;
  opacity: 0.8;
  z-index: 998;
  height: 100%;
  width: 100%;
  visibility: hidden;
}
.overlay-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  background: #fdfdfd;
  opacity: 0.8;
  z-index: 1000;
}
.input-disabled {
  background-color: #fdfdfd !important;
  cursor: not-allowed;
}
.input-NotValid {
  background-color: #fdfdfd !important;
  border: 2px solid red;
}
.bg-light {
  background-color: #f9fafb !important;
}
.c-sidebar,
.c-sidebar-brand,
.c-sidebar-minimizer {
  background-color: #ffffff !important;
}
.c-header .c-header-toggler-icon {
  background-image: url("/assets/bars-CBsl5zuw.png") !important;
  background-size: inherit;
}
body {
  background-color: #f9fafb !important;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: #333333;
  margin: 0;
  padding: 0;
  min-height: 100%;
}
body h6 {
  cursor: pointer;
}
body .listheader h5 {
  word-wrap: normal;
  font-size: 14px;
  font-weight: 700;
  color: #474748;
  /*text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;*/
  width: 100%;
}
/*
.cardTitle, .card-body{
    font-family: Open Sans, Helvetica Neue, sans-serif;

}*/
.fa,
.fas,
.far,
.fal {
  color: #2370a4;
}
.quickSearch-icon {
  font-size: 20px;
  /*height: 38px;
    width: 45px;
    text-align: center;
    padding: 0px;
    margin: 0px;*/
  margin-left: -30px;
  /* padding-left: 3px;
    padding-top: 2px;
    background-color: $background-white;
    border-radius: 0 .25rem 0.25rem 0;
    border-color: #C1C1C2 !important;
    border-width: 2px 2px 2px 0px;
    border-style: solid;*/
  z-index: 1;
}
/*  .form-control:focus {
  .quickSearch-icon {
          /box-shadow: 0.2rem 0.2rem 0.2rem 0px rgb(0 123 255/25%);
  }
}*/
/*
.form-control{
  font-size: 0.975rem !important;
  border:1px solid #B1B2B6;

  height: 38px;
  letter-spacing: 1px;
  padding-right:35px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  }*/
.form-control:focus::placeholder {
  color: transparent;
}
.form-control-orderleads {
  border: 1px solid #b1b2b6;
  padding: 3px;
  height: 26px;
  font-size: 16px;
  display: inline-block;
  width: 100%;
}
.shoppingCartqty {
  border: 1px solid #b1b2b6;
  padding: 3px;
  height: 26px;
  text-align: right;
  font-size: 16px;
  max-width: 70px;
  width: 65px;
}
.form-control-shoppingCart {
  font-size: 0.875rem !important;
  border: 1px solid #b1b2b6;
  height: 30px;
  width: 100% !important;
}
.form-control {
  border-color: #dfdedd;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: rgba(167, 168, 169, 0.231372549);
  opacity: 1;
}
.form-control:focus {
  border-color: rgba(29, 66, 137, 0.8);
  border-width: 2px;
  /*box-shadow: 0 0 0 0.2rem rgba(29, 66, 137, 0.20);*/
  box-shadow: none;
}
.shopping-cart-input {
  max-width: 4rem;
  min-width: 4rem;
  margin: auto;
  display: block;
  height: 1.8rem;
  text-align: right;
}
.w-20 {
  width: 20% !important;
}
.w-15 {
  width: 15% !important;
}
.w-10 {
  width: 10% !important;
}
.bold {
  font-weight: 700;
}
.textcenter {
  text-align: center;
}
.user-menu {
  font-family: "Lato", sans-serif;
}
.card {
  letter-spacing: 1px;
}
.cardTitle {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-bottom: 0px;
  width: 100%;
  font-size: 16px;
  font-weight: 800;
  color: #000000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.cardTitle + a i {
  font-size: 1.125rem;
  color: #2371a4;
}
.receivedDateFilterText {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 800;
  color: #000000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
}
.receivedDateFilterIcon {
  color: #000000;
  padding: 0.3rem;
  padding-left: 0;
}
/*
  .card-body{
    padding-bottom:0px;
  }
  */
.cardLabel {
  /* width: 50%;*/
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  font-size: 14px;
  color: #4b4b4c;
  margin: 0px;
  padding-bottom: 2px;
  word-wrap: normal;
}
.stateIdCls {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
}
.stateIdCls:hover {
  overflow: visible;
  white-space: normal;
}
/*
  .cardValue{
    word-wrap: normal;
  }
  */
.borderedCard {
  border: 2px solid #386a92;
}
.form-check-input {
  width: 15px;
  height: 15px;
  zoom: 1.2;
  margin-top: 3px;
}
.list-input {
  width: 15px;
  height: 15px;
}
.card {
  border-radius: 0.45rem;
}
.card-header:first-child {
  display: flex;
  flex-direction: row;
  border-radius: 0.45rem 0.45rem 0 0;
  /* padding-right:20px;*/
}
.tableHeaderWrapper {
  height: 32px;
  width: 100%;
}
/**/
.formDiv {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
.formDivSearch {
  width: 80%;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
.formDiv .rbt {
  width: 100%;
}
.formDivSearch .rbt {
  width: 100%;
}
.formDiv input {
  padding-right: 3rem !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.formDivSearch input {
  padding-right: 3rem !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.filterSearch {
  padding: 1rem 0;
  border: 1px solid #dcdcdc;
  border-width: 1px 0;
}
.filterSearch i {
  font-weight: 100;
}
.tableHeader {
  height: 30px;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-bottom: 40px;
}
.tableLeft {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.tableLeft i:first-child {
  padding-left: 0px;
}
.tableLeft i {
  padding-left: 1.5rem;
  font-weight: 100;
}
.tableLeft {
  /* div {
      margin-left:1.5rem;
      margin-right:0.9rem;
    }*/
}
.icon-active {
  color: #7ecc34;
}
.tableLeft .icon-active {
  color: #7ecc34;
  text-shadow: 1px 1px 1px #f1f1f1;
  font-weight: 400;
}
.tableRight {
  display: flex;
  width: 20%;
  align-items: center;
  padding: 0% 0% 1%;
  justify-content: flex-end;
}
.tableRight i {
  padding: 0% 5%;
  font-weight: 100;
}
.tableRight .iconLabel {
  font-size: 11px;
  font-weight: 500;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
}
.tableRight .borderRight {
  border-right: 2px solid #dfe3e6;
  height: 40px;
  width: 0%;
}
.iconLabel {
  font-size: 11px;
  font-weight: 500;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
}
@media only screen and (min-width: 768px) {
  .fixedWidthButton {
    width: 200px !important;
  }
  .fixedWidthButton-270 {
    width: 270px !important;
  }
}
.hLine {
  border-color: #2370a4;
}
.borderRight,
.borderRightRealtime {
  border-right: 2px solid #dfe3e6;
  height: 40px;
  width: 0%;
}
@media only screen and (max-width: 575px) {
  .borderRight {
    border-right: 2px solid rgba(223, 227, 230, 0);
    padding-bottom: 1rem;
  }
}
.mobileview__toggle {
  display: none;
}
@media only screen and (max-width: 601px) {
  .borderRightRealtime {
    border-right: 2px solid rgba(223, 227, 230, 0);
    padding-bottom: 1rem;
  }
  .webview__toggle {
    display: none !important;
  }
  .mobileview__toggle {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #ffffff;
    background-color: #051d43;
    padding: 18px 0px;
    padding-right: 1.5rem;
    position: fixed;
    z-index: 99;
    top: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  #grid {
    display: none;
  }
}
@media only screen and (max-width: 1023px) and (orientation: landscape) {
  #grid {
    display: none;
  }
  i:nth-child(2) {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 428px) and (orientation: portrait) {
  .tableRight #grid {
    display: none;
  }
}
@media only screen and (max-width: 926px) and (orientation: landscape) {
  .tableRight #grid {
    display: none;
  }
}
.expandIconView {
  margin-left: -5px;
}
.assignLeads_select .css-2b097c-container {
  width: 100%;
}
.c-sidebar-nav {
  font-size: 17px;
  letter-spacing: 0px;
  order: 2;
}
@media (min-width: 992px) {
  .c-sidebar-minimized .c-sidebar-minimizer {
    position: static;
  }
}
.listcard {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  /* margin-bottom: 1.5rem; */
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid #d8dbe0;
  border-top: 0;
  /*border-radius: 0.25rem;*/
  background-color: #ffffff;
  height: auto;
  padding: 10px 0px 10px 0;
}
.listcard:last-child {
  border-radius: 0px 0px 0.25rem 0.25rem;
}
.listcard p {
  word-wrap: normal;
}
.listdiv {
  /* padding: 2%;
     width: "100%"*/
  margin-left: -12px;
}
.listheader {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  /* margin-bottom: 1.5rem; */
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid #d8dbe0;
  border-radius: 0.25rem 0.25rem 0px 0px;
  background-color: #e6ecf1;
  height: 50px;
  justify-content: center;
}
.table {
  margin: 0px;
  padding: 0px;
  border-spacing: 0px;
  border: 1px solid #d8dbe0;
}
.table thead th {
  border: none;
  border-bottom: 1px solid #ccc !important;
}
.table thead th h5 {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
}
.table .thead-light th {
  border: 0px;
  height: 50px;
  vertical-align: middle;
  background-color: #d2d7da;
  color: #000000;
}
.table .thead-light th:first-child {
  border-top-left-radius: 0.4rem;
}
.table .thead-light th:last-child {
  border-top-right-radius: 0.4rem;
}
.table tbody:last-child tr td:first-child {
  border-bottom-left-radius: 0.4rem !important;
}
.table tbody:last-child tr td:last-child {
  border-bottom-right-radius: 0.4rem !important;
}
@media only screen and (max-width: 1409px) {
  .table .thead-light th {
    vertical-align: top;
  }
}
/*
.table tbody:last-child tr td{

  border-bottom:none;
}*/
.table tbody {
  border: 1px solid #d8dbe0;
  border-top: 0;
  /*border-radius: 0.25rem;*/
  background-color: #ffffff;
}
.table tbody td {
  border: none;
  border-bottom: 1px solid #cccccc;
  border-radius: 0px !important;
}
.table-outline td {
  vertical-align: top;
}
.table-hover tbody tr:hover {
  /* color: #3c4b64;
  background-color: rgba(0, 0, 21, 0.075);*/
  border: 2px solid #386a92;
  background: transparent;
}
.tableInner {
  width: 100%;
  border: none;
  border-spacing: 0px;
}
.tableInner td {
  border: none;
}
.tableInner tr:hover {
  background-color: transparent;
}
.assetsHeader th {
  background: rgb(31, 49, 95);
  color: #ffffff;
}
.assetsHeader th:first-child {
  border-top-left-radius: 0.4rem;
}
.assetsHeader th:last-child {
  border-top-right-radius: 0.4rem;
}
.pagination {
  display: flex;
  justify-content: center;
  list-style: none;
  cursor: pointer;
  align-items: center;
}
/*
  #manageLeadPagination{
    display:flex;
    flex: 0 0 100%;
    max-width: 100%;
     justify-content: space-between;
  }
*/
.pagination li {
  padding-right: 10px;
}
.pagination li a {
  display: inline-block;
  text-align: center;
  line-height: 25px;
  padding: 0px 8px;
  text-decoration: none;
  /*width: 35px;
    height: 35px;*/
  color: #4e7c97;
  /*font-weight: bold;*/
  letter-spacing: 0px;
  white-space: nowrap;
}
.pagination li a:hover {
  color: #4e7c97;
  border-radius: 10%;
  background-color: #cccccc;
}
.pagination__link--active a {
  /*border: 2px solid #4E7C97;*/
  color: #ffffff !important;
  border-radius: 10%;
  background-color: #465863;
  font-weight: bold;
}
.previous .pagination__link {
  border-right: 2px solid #dfe3e6;
  font-size: 24px;
  font-weight: 800;
  padding-right: 20px;
}
.previous a:hover {
  background-color: transparent !important;
}
.next .pagination__link {
  border-left: 2px solid #dfe3e6;
  font-size: 24px;
  font-weight: 800;
  padding-left: 16px;
}
.next a:hover {
  background-color: transparent !important;
}
.pagination__link--disabled a {
  color: rgb(198, 197, 202) !important;
}
.pagination li:first-child {
  padding-right: 20px;
}
.pagination li:last-child {
  padding-left: 20px;
}
.paginationWrapper {
  display: flex;
  /*align-items: center;*/
  justify-content: center;
}
.paginationWrapper .recordsperpage {
  padding-right: 0px;
  padding-top: 5px;
  padding-left: 20px;
  white-space: nowrap;
  position: absolute;
  right: 30px;
  text-align: right;
}
.paginationWrapper .recordsperpage select {
  height: 36px;
  padding: 7px 12px;
  font-size: 13px;
  line-height: 1.5384616;
  color: #333;
  background-color: #fff;
  border: 1px solid #ddd;
  outline: 0;
}
/*
.paginationWrapper .recordsperpage select option:checked,
.paginationWrapper .recordsperpage select option:hover {
    box-shadow: 0 0 10px 100px #000 inset;

    background-color:blue;
}*/
.paginationWrapper .recordsperpage select:focus > option:hover {
  box-shadow: 0 0 10px 100px #000 inset;
  background-color: blue;
}
.paginationWrapper .recordsperpage div {
  display: inline;
}
button.close span:first-child {
  font-size: 30px;
  font-weight: 200;
}
.modal-header {
  padding: 0.5rem 1rem;
}
.modal-footer {
  justify-content: flex-start;
  border-top: 0px;
}
.modal-noteReminder-dialog {
  max-width: 750px;
  top: 20%;
}
@media (max-width: 1280px) {
  .modal-disclaimer-content {
    width: auto;
  }
}
.note-modal-body .date-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
}
.note-modal-body .date-wrapper input {
  min-width: 300px;
}
.note-modal-body .date-wrapper p {
  margin: 0 0 0 10px;
}
.custom-note-section {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 10px 0 5px;
}
.modal-noteReminder-content .modal-header {
  border-color: transparent;
  padding: 1.5rem 1rem 0;
}
.modal-noteReminder-content .modal-header #addNoteReminder {
  font-size: 1.65rem;
}
.modal-noteReminder-content .modal-header label {
  font-size: 0.895rem;
  margin: 0 15px;
}
.modal-noteReminder-content .modal-header label input {
  margin-right: 3px;
  top: 1px;
  position: relative;
}
.btn-primary:active {
  background: #0b4164;
  box-shadow: 0 0 0 0.2rem rgba(31, 49, 95, 0.2);
}
.btn-primary:focus {
  box-shadow: none;
}
.btn:focus,
.btn.focus {
  outline: 0;
  box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(31, 49, 95, 0.2);
}
.btn-outline-primary,
.btn-outline-primary-noborder {
  width: 100%;
  max-width: 100%;
  outline: 0 !important;
  background: #ffffff;
  color: #0052ce;
  padding: 0.4rem 1rem;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  border-radius: 3px;
  text-transform: capitalize;
}
.btn-outline-primary {
  border: 1px solid #0052ce;
}
.btn-outline-primary:hover {
  color: #0052ce;
  background-color: #fff;
  border: 1px solid #0052ce;
}
.btn-outline-primary:not(:disabled):not(.disabled):active {
  color: #0052ce;
  background-color: #fff;
  border: 1px solid #0052ce;
  box-shadow: 0 0 0 0.2rem rgba(31, 49, 95, 0.2);
}
.btn-outline-primary:focus {
  box-shadow: none;
}
.btn-outline-primary:disabled {
  opacity: 0.65;
  color: #0052ce;
  cursor: not-allowed !important;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(31, 49, 95, 0.2);
}
/*
.btn-outline-primary:hover {
  color: #2371A4;
  background-color: transparent;
  border: 1px solid #2371A4;
}
*/
.btn-primary:disabled {
  opacity: 0.65;
  background-color: #a0c4f8 !important;
  cursor: not-allowed !important;
}
.btn-outline-secondary {
  padding: 0.4rem 1rem;
}
.btn-primary.btn-warn:active {
  background: #ffd390 !important;
  box-shadow: 0 0 0 0.2rem rgba(31, 49, 95, 0.2);
  color: #434a51 !important;
  outline: none !important;
}
.btn-link {
  font-weight: 400;
  color: #2371a4 !important;
  text-decoration: none;
  text-underline-offset: 2px;
  padding: 0px;
}
.btn-link:disabled {
  color: #a7a8a9 !important;
  font-weight: 400;
}
.couponBtnLink {
  font-weight: 600;
}
.couponCodeInput {
  width: 170px;
}
.dropdown-item:active {
  text-decoration: none !important;
  color: #0052ce;
  background-color: #f1faff;
}
.dropdown-item:hover {
  text-decoration: none !important;
  background: #f1faff;
  color: #0052ce;
}
.c-header .dropdown-menu {
  padding-bottom: 0;
}
.c-header .dropdown-menu .dropdown-item {
  border-bottom: 1px solid #dfdedd;
}
.submenu-icon {
  margin-right: 1rem;
  font-size: 1rem;
  color: #4178ff;
}
.carddiv {
  border: 1px solid #ced2d8;
  border-collapse: separate;
  border-radius: 1.25rem;
  background-color: white;
  padding: 3%;
}
.carddivSize {
  height: 600px;
  max-height: 100%;
  width: 100%;
  margin-bottom: 20px;
  margin-right: 1.3rem;
  overflow-x: hidden !important;
}
.card-deck .card {
  -webkit-flex: 1 0;
  flex: 1 0;
  margin-right: 15px;
  margin-bottom: 0;
  margin-left: 15px;
}
@media screen and (max-width: 576px) {
  .card-deck .card {
    margin-bottom: 1.5rem !important;
  }
  .card-deck {
    flex-direction: column;
  }
}
@media screen and (min-width: 576px) {
  .card-deck {
    flex-direction: column;
  }
}
.cardContent {
  padding: 0% 4%;
}
#editicon {
  display: flex;
  justify-content: flex-end;
  padding-right: 4%;
  height: 1.5rem;
}
#viewInput input {
  height: 2rem;
  padding: 0.375rem 0.75rem;
  width: 100%;
  color: #3b3b3b;
  border: 1px solid rgba(167, 168, 169, 0.168627451);
  background-color: #f2f2f2;
  border-radius: 0.25rem;
}
#viewInput .inputDropdown {
  flex: 0 0 100%;
  max-width: 100%;
}
#viewInput .checkboxDiv {
  position: relative;
  display: block;
}
#viewInput .inputCheckbox {
  width: 18px;
}
#viewInput textarea {
  width: 100%;
  border-radius: 0.25rem;
}
.css-g1d714-ValueContainer {
  max-height: 30px;
}
#inputDiv .multiselectdd {
  width: 100%;
}
#inputDiv input {
  width: 100%;
  height: 2rem;
  padding: 0.375rem 0.75rem 0.375rem 0.55rem;
  color: #808080;
  border: 1px solid #ccc;
  background: transparent;
  border-radius: 0.25rem;
}
#inputDiv input[type=text]:focus,
#inputDiv input[type=text]:focus-visible {
  border-color: rgba(29, 66, 137, 0.8);
  border-width: 2px;
  /*box-shadow: 0 0 0 0.2rem rgba(29, 66, 137, 0.20);*/
  box-shadow: none;
}
#inputDiv .input[type=text]:not(:focus):focus-visible {
  border-color: rgba(29, 66, 137, 0.8);
  border-width: 2px;
  /*box-shadow: 0 0 0 0.2rem rgba(29, 66, 137, 0.20);*/
  box-shadow: none;
}
#inputDiv .btn:focus:not(:focus-visible) {
  box-shadow: none;
}
#inputDiv .css-b8ldur-Input input:focus {
  box-shadow: none;
}
#inputDiv .css-g1d714-ValueContainer {
  position: static;
}
#inputDiv .inputDropdown {
  flex: 0 0 100%;
  max-width: 100%;
}
#inputDiv .checkboxDiv {
  position: relative;
  display: block;
}
#inputDiv .inputCheckbox {
  width: 18px;
}
#inputDiv textarea {
  width: 100%;
  border-radius: 0.25rem;
}
#inputDiv .input-error {
  border-color: red;
  background-color: rgba(255, 0, 0, 0.05);
}
/*
.btn-Add-Cart{
 width:auto;
 font-size: 14px;
  font-weight: 600;
  letter-spacing: .5px;
}
*/
/*shopping cart table styles start */
.table-shoppingcart {
  width: 100%;
  margin: 0 auto;
  max-width: 100%;
  border: 1px solid #b1b2b6;
  border-radius: 0.4rem;
  border-spacing: 0px;
  background: #ffffff;
  margin-top: 1.5rem;
}
.table-shoppingcart td,
.table-shoppingcart th {
  border: none;
  padding: 10px;
  vertical-align: top !important;
  text-align: left;
}
.table-shoppingcart th {
  border: none;
  border-bottom: 1px solid #ccc !important;
}
.table-shoppingcart tbody {
  background: none;
}
.table-shoppingcart tr:last-child td:first-child {
  border-bottom-left-radius: 0.2rem;
}
.table-shoppingcart tr:last-child td:last-child {
  border-bottom-right-radius: 0.2rem;
}
@media screen and (max-width: 300px) {
  .table-shoppingcart {
    border: none;
  }
  .table-shoppingcart td,
  .table-shoppingcart th {
    border: none;
  }
  .table-mo-shoppingcart tbody tr {
    margin-bottom: 10px;
  }
  .table-mo-shoppingcart td:before {
    content: attr(title);
    display: block;
    font-weight: bold;
    margin: 0 0 2px;
    color: #000;
    width: 100% !important;
  }
  .table-mo-shoppingcart td:before {
    width: 100%;
  }
}
@media screen and (max-width: 601px) {
  .table-shoppingcart tr.highlight-reminder {
    background-color: transparent;
  }
  .table-shoppingcart {
    border: none;
  }
  .table-shoppingcart td,
  .table-shoppingcart th {
    border: none;
  }
  .table-mo-shoppingcart {
    word-wrap: break-word;
  }
  .table-mo-shoppingcart thead {
    position: absolute;
    left: -999em;
    top: -999em;
  }
  .table-mo-shoppingcart td {
    display: block;
    float: left;
    width: 100%;
    clear: both;
    /*background:#f5f5f5;*/
    padding: 10px 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0px;
    border-radius: 0.4rem;
    text-align: left !important;
    justify-content: flex-start !important;
  }
  .table-mo-shoppingcart tbody td:first-child {
    padding-top: 50px;
  }
  .table-mo-shoppingcart tbody,
  .table-mo-shoppingcart tr {
    display: block;
    border: 0px;
    background: #ffffff;
  }
  .table-mo-shoppingcart td:before {
    content: attr(title);
    display: inline-table;
    font-weight: bold;
    margin: 0 0 2px;
    color: #000;
    width: 40%;
  }
  .table-mo-shoppingcart td div {
    display: inline;
  }
  .table-mo-shoppingcart tbody tr {
    float: left;
    width: 100%;
    margin: 0px;
    border: 1px solid #b1b2b6;
    border-radius: 0.8rem;
    border-spacing: 0px;
    margin-bottom: 20px;
  }
  .table-mo-shoppingcart tbody {
    background: none;
  }
  .table-shoppingcart {
    background: none;
  }
  .table-mo-shoppingcart tbody .action {
    position: absolute;
    right: 40px;
    padding-top: 20px !important;
    width: 10%;
    white-space: nowrap;
    background: transparent;
  }
  .table-mo-shoppingcart .input-mo-view {
    width: 25%;
  }
}
.shoppingcart-amt-wrapper {
  padding: 0;
  display: flex;
  /* flex-wrap: nowrap; */
  align-items: flex-end;
}
.coupon-row {
  display: flex;
  flex-wrap: nowrap;
}
.coupon-row > label {
  text-align: right;
  /*padding: .5em 1em .5em 0;*/
  white-space: nowrap;
}
.coupon-row > .coupon-input {
  width: 200px;
  height: 30px;
}
.amt-row {
  display: flex;
  flex-wrap: wrap;
}
.amt-row > label {
  /* padding: .5rem 1rem;*/
  flex: 3;
  text-align: right;
}
.amt-row > .val {
  flex: 1;
  text-align: right;
  /*padding: .5rem;*/
}
@media screen and (max-width: 500px) {
  .form-row label,
  .form-row div {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  .shoppingcart-amt-wrapper .form-row label {
    max-width: 25%;
    text-align: lect;
  }
  .coupon-row > label {
    text-align: right;
  }
  .coupon-row > .coupon-input {
    width: 100%;
  }
  .amt-row {
    justify-content: flex-start;
  }
  .amt-row > label {
    flex: auto;
    text-align: left;
  }
  .amt-row > .val {
    text-align: right;
    padding-left: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .amt-row > .val {
    flex: 1;
    text-align: right;
  }
  .amt-row {
    padding: 0px;
  }
}
@media screen and (min-width: 992px) {
  .amt-row > .val {
    flex: 1;
    text-align: right;
  }
}
@media screen and (min-width: 1200px) {
  .amt-row > .val {
    flex: 1;
    text-align: right;
  }
}
/* shopping cart styles end*/
.edit-savebtn button,
.edit-atnbtn div {
  width: 150px;
  cursor: pointer;
}
.campaign button {
  margin-right: 0.5rem;
}
@media screen and (max-width: 1800px) {
  .campaign button {
    width: 120px;
  }
}
@media screen and (max-width: 576px) {
  .edit-savebtn {
    width: 100%;
    /* max-width: 100%; */
    /* justify-content: left; */
    text-align: left !important;
    margin-right: 0px !important;
    margin-bottom: 1rem;
  }
  .edit-savebtn .delete-campaign {
    margin: 25px 5px 20px 0;
  }
  .edit-atnbtn {
    width: 100%;
    /* max-width: 100%; */
    /* justify-content: left; */
    text-align: left !important;
    margin-right: 0px !important;
  }
  .edit-savebtn button {
    max-width: 100% !important;
    width: 100% !important;
    margin-right: 0px !important;
    /*margin-bottom:1.25rem;*/
  }
  .edit-atnbtn div {
    max-width: 100% !important;
    width: 100% !important;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 576px) {
  #viewInput .checkboxDiv {
    width: 100%;
  }
  #viewInput .inputCheckbox {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 576px) {
  #inputDiv .inputDropdown {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  #inputDiv .checkboxDiv {
    width: 100%;
  }
  #inputDiv .inputCheckbox {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 700px) {
  .pagination li:first-child {
    padding-right: 10px;
  }
  .pagination li:last-child {
    padding-left: 10px;
  }
  .pagination li {
    padding-right: 4px;
  }
  /*
   #manageLeadPagination{
      padding-right: 45px;
   }

  */
}
@media only screen and (max-width: 767px) {
  .tableHeaderWrapper {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .logoLeftSpace-md {
    margin-left: 20px !important;
  }
}
@media only screen and (max-width: 575px) {
  .formDiv .rbt {
    width: 100%;
  }
}
@media (max-width: 600px) {
  /* .formDiv{
      width: 100% !important;
    }*/
  .formDivSearch {
    width: 100% !important;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 576px) {
  .formDiv {
    width: 100%;
  }
  .formDivSearch {
    width: 100%;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .formDiv {
    width: 100%;
  }
  .formDivSearch {
    width: 100%;
  }
}
.tooltip.show {
  opacity: 1;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #434a51;
}
.tooltip-inner {
  display: block;
  max-width: 270px;
  padding: 1rem;
  color: #ffffff;
  background-color: #434a51;
  border-radius: 0.25rem;
  font-size: 14px;
  font-weight: 200;
  text-align: left;
  padding-bottom: 1rem;
  line-height: 18px;
}
.tooltip-inner .unitCost {
  padding-top: 0.75rem;
  font-weight: 500;
}
.tooltip-inner svg {
  float: right;
}
#actionsId .dropdown {
  position: relative;
  display: inline-block;
}
#actionsId ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  top: 45px;
  right: 0px;
  width: 305px;
  background-color: white;
  font-weight: bold;
  position: absolute;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(167, 168, 169, 0.2666666667);
  border-radius: 0.4rem;
  z-index: 1;
}
#actionsId li a,
#actionsId li .no-credit {
  color: #000;
  text-decoration: none;
  font-weight: normal;
}
#actionsId li .no-credit {
  color: #7f7f8a;
  font-style: italic;
}
#actionsId li {
  text-align: left;
  padding: 8px 16px;
  border-bottom: 1px solid #e5e5e5;
}
#actionsId li.no-credit-li {
  cursor: not-allowed !important;
}
#actionsId li:last-child {
  border-bottom: none;
}
#actionsId li:hover {
  background-color: #e5e5e5;
  color: white;
}
#actionsId .button {
  background-color: #2371a4;
  padding: 0.5rem 1rem;
  color: white;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: capitalize;
  font-weight: 600;
}
.edit-atnbtn .disabled div {
  cursor: not-allowed !important;
}
.edit-atnbtn .disabled {
  opacity: 0.65;
  background-color: #a7a8a9 !important;
  cursor: not-allowed !important;
}
#actionsId .button:active {
  box-shadow: 0 0 0 0.2rem rgba(31, 49, 95, 0.2);
}
#actionsId .button:before {
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  content: "";
  height: 0.65em;
  /* left: 0.15em; */
  position: absolute;
  right: 13px;
  top: 12px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  vertical-align: top;
  width: 0.65em;
}
.colorBlack {
  color: #000000;
}
.colorWhite {
  color: #ffffff;
}
.dropdown {
  position: relative;
}
.dropdown-content {
  position: absolute;
  background-color: #f1f1f1;
  min-width: 12.8rem;
  overflow: auto;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  top: 0.9rem;
  left: -12.5rem;
  padding: 0.3rem 0.3rem 0.2rem 0.3rem;
  text-align: left;
}
.hideElement {
  display: none;
}
.disableAlertIcon {
  opacity: 0.6;
}
.enableAlertIcon {
  opacity: 1;
}
.showElement {
  display: inline;
}
.leadsgroupTextsize {
  font-size: 16px;
  font-weight: 800;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.leadsgroupTextsize2 {
  font-size: 16px;
}
.leadtypeOuterdiv h6 {
  line-height: 20px;
}
svg.infoCircle {
  width: 16px;
  height: 16px;
  cursor: pointer;
  vertical-align: Top;
  margin-top: 3px;
}
.leadtypeOuterdiv .overlay {
  color: "#000";
  cursor: pointer;
  height: 20px;
  width: 20px;
  font-size: 20px;
}
.col-form-label {
  font-weight: 500;
}
.iconSize-15 {
  font-size: 1.5rem;
}
.iconSize-12 {
  font-size: 1.25rem;
}
.iconSize-14 {
  font-size: 16px;
  cursor: pointer;
}
.iconSizewidth-24 {
  width: 1.25rem !important;
  cursor: pointer;
}
.iconWidth-25 {
  width: 2.5rem !important;
  cursor: pointer;
}
.iconSize-24 {
  font-size: 1.5rem !important;
  cursor: pointer;
}
.iconSize-25 {
  font-size: 2.5rem !important;
  cursor: pointer;
}
.disabledIcon {
  opacity: 0.6;
  cursor: none;
  pointer-events: not-allowed;
  color: #a7a8a9;
}
.iconSize-10 {
  font-size: 0.1rem;
  cursor: pointer;
}
.successIconSize {
  width: 100% !important;
  max-width: 65px;
  border-radius: 4px 0 0 4px;
  background-color: #d8f5d9;
}
.successIconSize svg {
  color: #434a51;
}
.disableIconPointer {
  pointer-events: none;
}
.div-editTitle {
  align-items: center;
}
.h1-editTitle {
  /*margin-Top: 10px;
  width: 50%;
  color: #676A6D;*/
  color: #202a44;
  font-weight: 100;
  white-space: nowrap;
  letter-spacing: 0px;
}
.h3-title {
  color: #202a44;
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: 0px;
}
.titleIcon {
  color: #202a44;
  font-size: 1.75rem;
}
.bg-transparent {
  background: transparent;
}
.leaddiv {
  padding: 0% 0%;
}
.leadCard {
  margin-bottom: 10%;
}
.leadCard h1 {
  font-size: 16px;
  font-weight: 800;
  padding: 2% 4%;
}
.h-60 {
  height: 60px;
}
.cards-dropdown {
  width: 100%;
}
.h-550 {
  height: 550px;
}
.hiddenRow {
  padding: 0;
  width: 30%;
}
.hiddenRow .textSize h5 {
  color: #768192;
}
.hiddenRow .textAddress {
  color: #3c4b64;
}
.hiddenRow .thead-light th {
  height: 30px !important;
  background-color: #d2d7da;
}
.td-bgColor {
  /*border-top: 1px dotted #d8dbe0 !important;*/
  background-color: #f8f9fa;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.table tbody tr:focus,
.table tbody tr:focus-visible {
  background-color: #f8f9fa;
  outline: 0;
  /*remove outline*/
}
.chekoutOrderbg-Border {
  background-color: #ffffff;
  border: 1px solid #b1b2b6;
  border-top-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
  margin-top: 1.5rem;
}
.checkoutOrderbg {
  border: 1px solid #b1b2b6;
  border-width: 1px 1px 1px 0px;
  background-color: #e6ecf1;
  border-top-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
  margin-top: 1.5rem;
}
.chekoutOrderbg-Borderbottom {
  border-bottom: 1px solid #b1b2b6;
}
@media screen and (max-width: 576px) {
  .chekoutOrderbg-Border {
    border: 1px solid #b1b2b6;
    border-radius: 0.4rem;
  }
  .checkoutOrderbg {
    border: 1px solid #b1b2b6;
    background-color: #e6ecf1;
    border-radius: 0.4rem;
  }
}
.ordersummary-msg {
  font-size: 16px;
  line-height: 1.5;
  border-radius: 0 4px 4px 0;
  color: #434a51;
  display: flex;
  align-items: center;
  margin-left: 65px;
}
#haveCards td {
  border-radius: 0px !important;
}
#haveCards:last-child td {
  border: none;
}
#haveCards:last-child td:first-child {
  border-bottom-left-radius: 0.4rem !important;
}
#haveCards:last-child td:last-child {
  border-bottom-right-radius: 0.4rem !important;
}
.c-sidebar-nav-icon {
  height: 1.5rem !important;
  margin-right: -5px;
}
.c-sidebar-nav-link {
  font-size: 19px;
  font-weight: 400;
  padding: 1.4445rem 1rem;
  font-family: "Lato", sans-serif;
}
.c-sidebar-nav-link .c-sidebar-nav-icon.inactive {
  display: block;
}
.c-sidebar-nav-link .c-sidebar-nav-icon.active {
  display: none;
}
@media only screen and (max-width: 768px) {
  .c-header-nav-link {
    line-height: 0;
    font-size: 0px;
    color: transparent;
  }
  .dropdown-toggle::after {
    display: inline;
    color: transparent;
    font-size: 20px;
  }
  .mobile-userIcon {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  .c-avatar {
    display: none;
  }
  .dropdown-toggle::after {
    display: none;
  }
}
.width-30 {
  width: 30%;
}
.flex-item {
  padding-bottom: 20px;
}
hr.logoborder {
  width: 80%;
  border-color: #7584a6;
  margin: 0 auto;
  padding: 0px;
}
hr.sectionDivider {
  width: 100%;
  border-color: #cccccc;
  margin: 0 auto;
  padding: 0px;
}
@media only screen and (max-width: 387px) {
  hr.sectionDivider {
    margin: 0 auto;
    /* margin-top:1.85rem;*/
  }
  #cardViewDiv {
    margin-top: 2rem !important;
  }
}
@media only screen and (max-width: 992px) {
  .c-sidebar-backdrop .c-show {
    opacity: 0.5;
  }
  .c-sidebar-backdrop .c-fade {
    opacity: 0;
  }
  .c-sidebar-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1030;
    width: 100vw;
    height: 100vh;
    background-color: #000015;
    transition: 0.3s;
  }
  .c-sidebar .sidebar-cash,
  .c-sidebar .sidebar-close {
    display: flex !important;
    justify-content: flex-end;
    padding: 1rem 1rem 1rem 0;
    font-size: 1rem;
  }
  .c-sidebar .sidebar-close {
    padding: 1rem 1rem 0 0;
    font-size: 1.5rem;
  }
}
#filterContent {
  margin-left: 0px;
  background-color: #f4f8fb !important;
  width: 300px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
  overflow-x: hidden;
  line-height: 1.3;
  z-index: 1032;
}
#filterContent.manageLeads {
  width: 315px;
}
#filterContent.manageLeads .dropdown-item {
  display: flex;
  white-space: normal;
  padding: 0.25rem 0.5rem;
}
@media (max-width: 991px) {
  #filterContent.manageLeads {
    width: 100% !important;
  }
}
#filterContent p {
  height: 10px;
}
#filterContent .scrollable {
  overflow-y: auto;
  overflow-x: hidden;
}
#filterContent .scrollable::-webkit-scrollbar {
  height: 7px;
  width: 4px;
}
#filterContent .scrollable::-webkit-scrollbar-thumb {
  margin-right: 2px;
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  cursor: pointer;
}
#filterContent .css-yk16xz-control {
  border-color: #a7a8a9;
}
.c-sidebar .c-sidebar-nav-link:hover {
  color: #434a51;
  background: #f9fafb;
  text-decoration: none !important;
  /*.c-sidebar .c-sidebar-nav-link[title]:hover::after {
    content:attr(title);
    color:transparent;
    border:none;
  }*/
}
.c-sidebar .c-sidebar-nav-link.c-active,
.c-sidebar {
  /* background: rgba(255, 255, 255, 0.15);*/
  background: #f9fafb;
  color: #051d43;
  text-decoration: none;
  border-left: outset;
  font-weight: 700;
  padding-left: 0;
}
.c-sidebar .c-sidebar-nav-link.c-active .sidebar-close,
.c-sidebar .c-sidebar-nav-link.c-active .sidebar-cash,
.c-sidebar .sidebar-close,
.c-sidebar .sidebar-cash {
  display: none;
}
.c-active .sidebarIcons {
  color: #1d4289;
}
.c-sidebar .c-sidebar-nav-link.c-active .c-sidebar-nav-icon {
  /* filter: brightness(0) saturate(100%) invert(19%) sepia(84%) saturate(1473%) hue-rotate(203deg) brightness(91%) contrast(93%);*/
  filter: brightness(0) saturate(100%) invert(11%) sepia(64%) saturate(608%) hue-rotate(184deg) brightness(89%) contrast(93%);
  color: #202a44;
}
.c-sidebar .c-sidebar-nav-link.c-active .c-sidebar-nav-icon.inactive {
  display: none;
}
.c-sidebar .c-sidebar-nav-link.c-active .c-sidebar-nav-icon.active {
  display: block;
}
.c-sidebar-nav-link .c-sidebar-nav-icon {
  color: rgb(67, 74, 81) !important;
}
.c-sidebar.c-sidebar-minimized .c-sidebar-nav-item:hover > .c-sidebar-nav-link,
.c-sidebar.c-sidebar-minimized .c-sidebar-nav-item:hover > .c-sidebar-nav-dropdown-toggle {
  background: rgba(255, 255, 255, 0.15);
  width: 56px !important;
  color: transparent;
}
.c-sidebar.c-sidebar-minimized .c-sidebar-nav-item:hover > .c-sidebar-nav-link .c-sidebar-nav-icon,
.c-sidebar.c-sidebar-minimized .c-sidebar-nav-item:hover > .c-sidebar-nav-dropdown-toggle .c-sidebar-nav-icon {
  filter: brightness(100%) saturate(100%) hue-rotate(365deg);
}
.c-sidebar .c-sidebar-nav-link[title]:hover::after {
  content: attr(title);
  color: transparent;
  border: none;
}
.c-sidebar-minimized .c-sidebar-nav-link[title]:hover::after {
  content: attr(title);
  color: #000;
  border: #000;
}
@media only screen and (min-width: 992px) {
  .c-sidebar-minimized .c-sidebar-nav-link[datatitle]:hover:after {
    opacity: 0;
    visibility: visible !important;
  }
  .c-sidebar-minimized .c-sidebar-nav-link:hover {
    overflow: visible;
    color: transparent;
  }
  .c-sidebar-minimized .c-sidebar-nav-link {
    color: transparent !important;
  }
  .c-sidebar-minimized .c-sidebar-nav-link .c-active {
    color: transparent !important;
  }
}
.c-sidebar-nav-link[datatitle]:hover:after {
  visibility: hidden;
}
/*.c-sidebar-nav-item:hover  {
   .c-active .sidebarIcons {
      color:$background-white;
    }
  }*/
.c-sidebar-nav-link[datatitle]:after {
  content: attr(datatitle);
  position: absolute;
  bottom: 3rem;
  left: 70%;
  padding: 4px;
  border: 1px solid black;
  background-color: #ffffff;
  color: #666;
  white-space: nowrap;
  opacity: 0;
  z-index: 99999;
  font-size: 12px;
  visibility: hidden;
}
.c-sidebar-nav-link[datatitle] {
  position: relative;
  color: rgb(67, 74, 81);
}
/*
  .c-sidebar-nav-link:after{
    width:200px;
  }
*/
.css-114m9zj-menu {
  color: #cccccc !important;
}
.css-1gormuo-menu,
.css-2613qy-menu {
  color: #808080;
}
.filterBgColor {
  background-color: rgba(167, 168, 169, 0.0941176471);
}
.prev-nav,
.next-nav {
  font-size: 40px;
  cursor: pointer;
}
.prev-nav {
  margin-right: -10px;
}
.prev-nav-disabled,
.next-nav-disabled {
  font-size: 40px;
  color: #cccccc;
}
.prev-nav-disabled {
  margin-right: -10px;
}
.agentHeader-border {
  border-bottom: 1px solid #d8dbe0;
  margin-right: 0px;
}
.breakWord {
  word-wrap: break-word;
}
.stickBottomAlign {
  vertical-align: text-bottom;
}
.bread-crumb a,
.bread-crumb label {
  color: rgba(16, 24, 32, 0.8) !important;
  font-size: 14px;
  text-underline-offset: 2px;
}
.bread-crumb label:hover {
  color: rgba(16, 24, 32, 0.8) !important;
  text-decoration: underline;
}
.bread-crumb label,
.bread-crumb text {
  color: #101820;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 0px;
}
#haveCards input[type=radio]:checked {
  background-color: #1d4289;
  border: 1px solid #000;
}
#haveCards input[type=radio] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  outline: none;
  box-shadow: inset 0 0 0 2px #fff;
  border: 2px solid #000000;
}
.agent-card-head {
  justify-content: space-between;
  border-bottom: 1px solid #d8dbe0;
  padding: 0.75rem 1.25rem;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  position: absolute;
  background-color: #f1f1f1;
  min-width: 15.6rem;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  top: 0;
  left: -15.5rem;
  padding: 1rem;
  border-radius: 0.4rem;
}
.dropdown-content i {
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  color: #ababab;
}
.dropdown-content i:active {
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  color: #236da8;
}
.dropdown-content i:enabled {
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  color: #236da8;
}
#menudiv {
  display: flex;
  align-items: center;
  padding-bottom: 12px;
}
#menudiv label {
  text-align: left;
  width: 70%;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #434a51;
}
#menuicondiv {
  display: flex;
  justify-content: space-evenly;
  width: 30%;
}
.cursor-pointer {
  cursor: pointer;
}
.color-red {
  color: #cf4843 !important;
}
#removeItem {
  cursor: pointer;
  width: 1.2rem;
  height: 1.2rem;
}
/* shopping cart icon and badge */
#cartDropDown {
  min-height: 100%;
}
.shoppingCart {
  width: 450px;
  padding: 1.2rem !important;
  background-color: #f4f8fb;
  border-radius: 8px;
  border-color: #ededed;
  border-top-color: transparent;
  position: relative;
  margin-top: -5px !important;
  max-height: 420px;
  overflow-y: auto;
  font-family: "Lato", sans-serif;
}
.shoppingCart * .arrow-up {
  position: absolute;
  top: -12px;
  right: 14px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #f4f8fb;
}
.shoppingCart::-webkit-scrollbar {
  width: 5px;
}
.shoppingCart::-webkit-scrollbar-track {
  background: #f1faff;
}
.shoppingCart::-webkit-scrollbar-thumb {
  background: #dfdedd;
}
.shoppingCart::-webkit-scrollbar-thumb:hover {
  background: #717171;
}
.shoppingCart > p {
  font-size: 1.5rem;
  color: #002d72;
  font-family: "Lato", sans-serif;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.shoppingCart .automate {
  font-size: 1rem;
  font-weight: bold;
  color: #0052ce;
}
.shoppingCart .lead-sec {
  margin-bottom: 1.25rem;
}
.shoppingCart .lead-sec p {
  font-weight: 700;
  margin-bottom: 0.3rem !important;
}
.shoppingCart .lead-sec p svg {
  margin-right: 8px;
}
.shoppingCart .scd-row {
  display: flex;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 10px;
  border-radius: 4px 4px 0 0;
}
.shoppingCart .scd-row .lead-type {
  width: 58%;
  color: #434a51;
  white-space: break-spaces;
}
.shoppingCart .scd-row .lead-type span {
  margin-left: 6px;
  color: #717171;
}
.shoppingCart .scd-row .lead-count {
  width: 20%;
  color: #434a51;
}
.shoppingCart .scd-row .lead-price {
  width: 22%;
  color: #717171;
  display: flex;
  justify-content: space-between;
}
.shoppingCart .scd-row .lead-price span:first-child {
  text-align: right;
}
.shoppingCart .scd-row .lead-price span:last-child {
  cursor: pointer;
  color: #0052ce;
}
.shoppingCart .scd-row:last-child {
  border-radius: 0 0 4px 4px;
}
.btn-row {
  display: flex;
  justify-content: flex-end;
}
.new-btn {
  max-width: 100%;
  height: 40px;
  outline: 0 !important;
  padding: 0.3rem 1rem;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-radius: 3px;
}
.light-btn {
  background: #ffffff;
  color: #0052ce;
  border: 1px solid #0052ce;
}
.light-btn.transparent-btn {
  background-color: transparent;
  border-color: transparent;
}
.dark-btn {
  background: #0052ce;
  color: #ffffff;
  border: 1px solid #0052ce;
}
.dark-btn:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}
.dark-btn.btn-warn {
  background: #ffd390 !important;
  color: #434a51;
  border-color: #ffd390;
}
.dark-btn.btn-warn:active {
  background: #ffd390 !important;
  box-shadow: 0 0 0 0.2rem rgba(31, 49, 95, 0.2);
  color: #434a51 !important;
  outline: none !important;
}
@media (max-width: 768px) {
  .shoppingCart .btn-row {
    flex-direction: column;
  }
  .shoppingCart .btn-row .light-btn {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.c-header-nav .c-header-nav-link svg {
  width: 22px;
  height: 22px;
  color: #ffffff;
}
.badge-warning {
  font-size: 11px;
  background-color: #f1faff;
  color: #434a51;
}
.c-header-nav .c-header-nav-link .badge {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 3px;
  left: auto !important;
}
@media screen and (max-width: 420px) {
  .c-header-nav .c-header-nav-link .badge {
    right: 4px;
  }
}
.c-header-nav .c-header-nav-link .notifyBadge {
  right: 10px;
}
@media screen and (max-width: 420px) {
  .c-header-nav .c-header-nav-link .notifyBadge {
    right: 4px;
  }
}
.c-header-nav .c-header-nav-link {
  padding: 15px;
  text-decoration: none !important;
  color: #ffffff !important;
}
.c-header-nav .c-header-nav-link i {
  color: #ffffff;
}
@media screen and (max-width: 400px) {
  .c-header-nav .c-header-nav-link {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
.c-avatar {
  height: 26px;
}
.sidebarIcons {
  color: white !important;
  font-size: 1.4rem;
}
.mailText {
  color: #4178ff;
  font-weight: 600;
}
.primaryBtn {
  color: #236da8;
}
.flexEnd {
  justify-content: flex-end;
}
.noteText {
  color: red;
}
tr.highlight-reminder {
  background-color: lightgray;
}
.read-or-hide {
  cursor: pointer;
  text-decoration: underline;
}
.note-view-page {
  margin-top: 1.125rem;
}
.note-view-page > div {
  padding: 0;
}
.notAllowedButton {
  cursor: not-allowed !important;
}
.custom-bell .c-icon {
  width: 1.35rem !important;
  height: 1.35rem !important;
}
.crsr-default {
  cursor: default;
}
.table-assets tr td {
  border-bottom: 1px solid #e9e5e5;
}
.table-assets tr:last-child td {
  border-color: transparent;
}
@media screen and (max-width: 767px) {
  .table-assets tbody td:first-child {
    padding-top: 5px;
  }
  .table-assets tr td {
    width: 100%;
  }
  .table-assets tr:last-child td {
    border-bottom: 1px solid #e9e5e5;
  }
}
.campaign-review-title {
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -0.01em;
  color: #002d72;
  margin-bottom: 0px;
}
.edit-icon {
  color: #4b4b4c;
}
.campaign-review-value {
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -0.01em;
  color: #3c4b64;
}
.lead-cash.noWarning {
  color: #0fba00;
}
.lead-cash.showWarning {
  color: #ff4444;
}
.campaign-bottom-row {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.75;
  color: #4b4b4c;
  letter-spacing: 0;
}
.campaign-bottom-row .regular {
  font-weight: 400;
}
.campaign-bottom-row i {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
}
.campaign-bottom-row .col {
  display: flex;
  justify-content: space-between;
  max-width: 350px;
}
.campaign-bottom-row .col span {
  text-align: right;
}
.campaign-bottom-row .lead-price-value {
  font-weight: 400;
}
.campaign-bottom-row:last-child {
  font-weight: normal;
  margin-top: 10px;
  font-size: 14px;
}
.coupon-cost {
  color: #2371a4;
}
.css-9gakcf-option {
  background-color: #ffffff !important;
  color: #000000 !important;
}
.dropdown-menu .dropdown-item {
  text-decoration: none;
}
.react-datepicker {
  display: flex !important;
  flex-direction: column;
  margin-left: -140px;
}
.react-datepicker__current-month.react-datepicker__current-month--hasYearDropdown, .react-datepicker__current-month--hasMonthDropdown {
  display: none;
}
.react-datepicker__navigation.react-datepicker__navigation--previous, .react-datepicker__navigation.react-datepicker__navigation--next {
  display: none;
}
.react-datepicker__month-read-view--selected-month, .react-datepicker__year-read-view--selected-year {
  font-weight: bold;
}
.inputcalendarIcon {
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  cursor: pointer;
  color: #4178ff;
}
.inputcalendarIcon.custom-filter-date {
  right: 7%;
}
@media (max-width: 576px) {
  .inputcalendarIcon.custom-filter-date {
    right: 3%;
  }
}
.inputcalendarIcon.custom-edit-date {
  right: 1%;
}
.invalidDate {
  color: red;
  font-size: 12px;
  font-weight: 600;
}
.main {
  font-weight: bold;
  margin-bottom: 12px;
  width: 100%;
}
.sub {
  width: 100%;
}
.times-icon {
  width: auto;
  text-align: right;
  cursor: pointer;
}
.times-icon svg {
  color: #0052ce;
}
.accordion-content {
  font-size: 12px;
  margin-left: 22px;
}
.delete-icon {
  font-size: 12px;
  color: #6c747b;
}
.content-seperator {
  border: 0.2px solid transparent;
  border-width: 0 0 0.2px 0;
  margin-top: 6px;
  margin-bottom: 10px;
}
.bannerclip {
  max-height: 305px;
  height: 305px;
  width: 100%;
  object-fit: cover;
  object-position: 0% 41%;
}
.btn-login {
  display: inline-block;
  color: #ffffff;
  background: #236c9e;
  border: 2px solid #236c9e;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  padding: calc(0.5em - 2px) 0.75em;
  border-radius: 0.25em;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.btn-login:hover {
  color: #ffffff;
}
.btn-login svg {
  fill: #ffffff;
}
.c-footer {
  border-top-color: transparent !important;
}
.c-footer a {
  color: #3c4b64;
  text-decoration: none;
}
.c-footer a:hover {
  text-decoration: underline;
}
.accordion-review {
  width: 100%;
}
.edit-on-review {
  cursor: pointer;
}
.backtotop {
  position: fixed;
  right: 0;
  bottom: 15%;
  z-index: 1;
  cursor: pointer;
  color: #fff;
}
@media (max-width: 576px) {
  .backtotop {
    right: 25px;
    bottom: 5%;
  }
}
.inlinescrollTotopBtn {
  display: inline;
  width: 100%;
  background: #0052ce;
  padding: 13px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
}
@media (max-width: 576px) {
  .inlinescrollTotopBtn {
    height: 43px;
    width: 43px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.inlinescrollTotopBtn span {
  display: inline;
}
@media (max-width: 576px) {
  .inlinescrollTotopBtn span {
    display: none;
  }
}
.fs-18px {
  font-size: 18px;
}
.fs-16px {
  font-size: 16px;
}
.nonescrollTotopBtn {
  display: none;
  width: 100%;
  background: #2371a4;
  padding: 8px;
  font-size: 13px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 600;
}
.ml-5px {
  margin-left: 5px;
}
.admin-notifications-bell .dropdown-menu .dropdown-item,
.admin-notifications-bell .dropdown-menu .dropdown-item a {
  text-decoration: none !important;
  color: #2370a4;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.admin-notifications-bell .dropdown-menu .dropdown-item:active {
  color: white;
}
.disabledAdminBell {
  cursor: pointer;
  color: #7f7f8a;
}
.enabledAdminBell {
  cursor: pointer;
  color: #2371a4;
}
.w-150px {
  width: 150px;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.modal-title h3 {
  color: #002d72;
  margin-bottom: 1rem;
  letter-spacing: 0px;
}
.notification__tooltip .tooltip-inner {
  background-color: #fff;
  color: #0052ce;
  font-size: 14px;
  font-weight: 400;
  max-width: 300px;
  margin-top: 5px;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  bottom: -5px;
  border-width: 0 0.6rem 0.6rem;
  border-bottom-color: #fff;
}
.missingupline {
  color: #d32028;
}
.bgc-uplinemissing {
  background-color: #fff1f1;
}
.denymodal {
  top: 25%;
  left: 5%;
}
.denymodal-content {
  max-width: 512px;
  padding: 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-style: normal;
}
.denymodal-content h2 {
  font-size: 25px;
  letter-spacing: -0.01em;
  color: #595959;
  font-weight: 700;
}
.denymodal-span {
  font-weight: 400;
  color: #595959;
  font-size: 20px;
  text-align: center;
}
.custom_wrapper {
  min-width: 80%;
}
#progressbar {
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
  z-index: 0;
  letter-spacing: 0;
}
#progressbar li span {
  width: 50%;
  display: inline-block;
}
#progressbar li {
  list-style-type: none;
  color: gray;
  text-transform: capitalize;
  text-align: center;
  font-size: 12px;
  width: 25%;
  float: left;
  position: relative;
}
#progressbar li:first-child {
  width: 15%;
}
#progressbar li:first-child span {
  width: 53%;
  display: flex;
  justify-content: center;
  padding-top: 5px;
}
#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 20px;
  line-height: 20px;
  display: block;
  font-size: 10px;
  color: transparent;
  background: lightgray;
  border-radius: 50%;
  margin: 0 auto 5px auto;
}
#progressbar li:after {
  content: "";
  width: 100%;
  height: 10px;
  background: lightgray;
  position: absolute;
  left: -50%;
  top: 6px;
  z-index: -1;
  /*put it behind the numbers*/
}
#progressbar li:first-child:before {
  margin: 0 15%;
}
#progressbar li:first-child:after {
  /*connector not needed before the first step*/
  content: none;
}
#progressbar li.active:before,
#progressbar li.active:after {
  background: #2371a4;
  color: transparent;
}
.color-black {
  color: #000;
}
.react-datepicker__month-dropdown-container.react-datepicker__month-dropdown-container--scroll {
  margin-right: 25px;
}
.h-35px {
  height: 35px;
}
.launch__payment_info {
  font-size: 12px;
  font-style: italic;
  letter-spacing: -0.01em;
  font-weight: 400;
  color: #7f7f8a;
}
.no-border {
  border: none !important;
}
.payment_modal__header {
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #595959;
  padding-bottom: 20px;
}
.payment_modal__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap-reverse;
  padding-top: 30px;
  padding-bottom: 30px;
}
.campaign {
  margin-top: 1.25rem;
}
@media screen and (max-width: 1833px) and (min-width: 1750px) {
  #progressbar li:first-child span {
    width: 60%;
  }
}
@media screen and (max-width: 1749px) and (min-width: 1600px) {
  #progressbar li:first-child span {
    width: 63%;
  }
}
@media screen and (max-width: 1599px) and (min-width: 1401px) {
  #progressbar li:first-child span {
    width: 77%;
  }
}
@media screen and (max-width: 1400px) and (min-width: 1281px) {
  #progressbar li:first-child span {
    width: 80%;
  }
}
@media screen and (max-width: 1280px) and (min-width: 1106px) {
  #progressbar li:first-child span {
    width: 84%;
  }
}
@media screen and (max-width: 1470px) and (min-width: 1390px) {
  .custom_wrapper {
    min-width: 78%;
  }
}
@media screen and (max-width: 1389px) and (min-width: 1116px) {
  .custom_wrapper {
    min-width: 71%;
  }
}
@media screen and (max-width: 1115px) and (min-width: 1106px) {
  .custom_wrapper {
    min-width: 71%;
  }
  .campaign button {
    width: 118px;
    margin-right: 0.25rem;
  }
}
@media screen and (max-width: 1105px) {
  .custom_wrapper {
    min-width: 100%;
  }
  #progressbar li:first-child {
    width: 25%;
  }
  #progressbar li:first-child span {
    width: 50%;
    display: inline-block;
  }
  #progressbar li:first-child:before {
    margin: auto;
  }
  .campaign-navigation {
    flex-direction: column !important;
  }
  .campaign {
    width: 110px;
    margin-right: 20px !important;
  }
}
.formDiv .quickSearch-icon .fa-search {
  font-weight: 100;
  color: #b1b2b6;
}
.custom-li-help {
  margin-right: 15px;
  color: #ffffff;
  font-weight: 400;
}
.custom-footer-help {
  cursor: pointer;
  color: #4178ff;
}
.custom-footer-help:hover {
  text-decoration: underline;
  color: #4178ff;
}
.disclaimer-para {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #7f7f8a;
}
.record-callscript-btn {
  border-radius: 7px;
  border: 2px solid #ffffff;
  background-color: transparent;
  color: #ffffff;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
}
.record-callscript-btn i {
  color: #ffffff;
}
.callstoggle-confirmation-dialog {
  width: 450px;
  max-height: 100%;
  background-color: #f4f8fb;
  top: 15%;
  margin: auto;
  border-radius: 8px;
}
@media screen and (max-width: 486px) {
  .callstoggle-confirmation-dialog {
    width: 360px;
  }
}
.callstoggle-confirmation-content {
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.callsdialogcontent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0px 20px;
}
.callsdialogcontent--title {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  text-align: center;
  color: #002d72;
  margin-bottom: 10px;
}
.callsdialogcontent--text {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  color: #434a51;
}
.callsdialogcontent--number {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  color: #051d43;
  margin-bottom: 5px;
}
.callsdialogcontent__block {
  min-height: 100px;
  width: 100%;
  background-color: #fff;
  border-radius: 8px;
  padding: 5px 0px;
}
.callsdialogcontent__block__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #dfdedd;
  padding-bottom: 5px;
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.callsdialogcontent__block__item--textfield {
  width: 100%;
  border: 2px solid #d8dbe0;
  border-radius: 5px;
  height: 35px;
  font-size: 16px;
  color: #3c4b64;
}
.callsdialogcontent__block__item__a {
  display: flex;
  align-items: center;
}
.callsdialogcontent__block__item__a__icon {
  height: 30px;
  width: 30px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f4f8fb;
  color: #0052ce;
}
.callsdialogcontent__block__item__a__icon--rtt {
  transform: rotate(90deg);
}
.callsdialogcontent__block__item__a--header {
  padding-left: 10px;
  margin-bottom: 0px;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: #000000;
}
@media screen and (max-width: 601px) {
  .callsdialogcontent__block__item__a--header {
    font-size: 14px;
  }
}
.callsdialogcontent__block__item__a--text {
  margin-bottom: 0px;
  padding-left: 10px;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #717171;
  text-align: center;
}
.callsdialogcontent__block__item--arrow {
  padding-right: 10px;
  cursor: pointer;
}
.callsdialogcontent__block__buttons {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.medicare_link {
  text-decoration: none;
  color: #0052ce;
}
.action-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 0;
}
.action-row .hl-edit i {
  display: inline-block;
  margin-right: 8px;
  letter-spacing: 0;
}
.action-row .hl-edit svg {
  font-size: 1.125rem;
  cursor: pointer;
  color: #2370a4;
}
.action-row .hl-edit img {
  max-width: 150px;
  margin-left: 8px;
  display: inline-block;
}
.save-btn-wrapper.only-save {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.card-deck.health-card .inputDropdown > div div:last-child > div {
  display: none;
}
@media screen and (max-width: 576px) {
  .h1-editTitle {
    width: 100%;
    text-align: center;
  }
  .action-row .hl-edit {
    margin-bottom: 2rem;
    width: 100%;
    text-align: center;
  }
  .save-btn-wrapper {
    width: 100%;
  }
  .save-btn-wrapper.only-save {
    flex-direction: column;
  }
  #progressbar li {
    font-size: 11px;
  }
}
.rc-modal .modal-dialog {
  max-width: 650px !important;
  width: 100%;
  top: 25%;
}
.rc-modal .modal-header {
  border-color: transparent;
}
.rc-modal .modal-body {
  padding: 0 3rem 4rem;
}
.rc-modal .modal-body .rc-header {
  padding-left: 15px;
  font-size: 1.25rem;
}
.rc-modal .modal-body .rc-form {
  display: flex;
  margin: 2rem 0 1.5rem;
  justify-content: flex-start;
  flex-direction: row;
}
.rc-modal .modal-body .rc-disclaimer {
  text-align: center;
  margin-bottom: 4rem;
  font-size: 0.75rem;
}
.rc-modal .modal-body .rc-modal-footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.rc-modal .modal-body .rc-modal-footer .btn {
  padding: 0.5rem 2rem;
}
@media screen and (max-width: 767px) {
  .rc-modal .modal-body {
    padding: 0 3rem 4rem;
  }
  .rc-modal .modal-body .rc-form {
    flex-direction: column;
  }
  .rc-modal .modal-body .rc-form label {
    margin-bottom: 1rem;
  }
  .rc-modal .modal-body .rc-disclaimer {
    margin-bottom: 1rem;
  }
  .rc-modal .modal-body .rc-modal-footer .btn {
    margin-top: 2rem;
  }
}
.toggle-ribbon {
  background-color: #0052ce;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -2rem -2rem 2rem -2rem !important;
  animation: "show-ribbon" 0.5s ease-in;
}
.toggle-ribbon--text {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  margin-bottom: 0px;
  color: #ffffff;
}
@media screen and (max-width: 715px) {
  .toggle-ribbon {
    margin: -2rem -1rem 2rem -1rem !important;
  }
  .toggle-ribbon--text {
    font-size: 12px;
  }
}
.vr {
  border-left: 1px solid #ffffff;
  height: 35%;
}
.bu-bck-btn {
  border: 1px solid #2371a4 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #2371a4 !important;
}
.mailer-icon {
  margin-top: 4px;
  margin-right: 8px;
}
.icon-wrapper div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}
.icon-wrapper div span {
  font-size: 0.55rem;
  color: #2371a4;
}
.icon-wrapper div svg {
  width: 21px !important;
  height: 21px;
}
.icon-wrapper div svg + span {
  margin-top: 2px;
}
.solid-alert {
  color: #0052ce !important;
}
.alert_text {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.01em;
  margin-right: 5px;
}
.menu-bar-icon {
  font-size: 24px;
}
.menu-bar-icon-label {
  font-size: 10px;
}
.menu-bar-icon-container {
  cursor: pointer;
  color: #2371a4;
}
.disabled {
  cursor: not-allowed;
  color: #c4c4c4;
}
h3.egift-title {
  margin-bottom: 1rem !important;
}
.elc-top-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.redeem-gift {
  font-size: 0.8rem;
  letter-spacing: 0;
  margin-left: 2rem;
  cursor: pointer;
  color: #2370a4;
}
.egift_list_wrapper {
  background-color: #fff;
  border: 1px solid #d8dbe0;
  padding: 15px 5px;
}
.egift_list_wrapper .egift-sub-title {
  font-weight: 700;
  font-size: 1.125rem;
  color: #0052ce;
  display: flex;
  flex-direction: row;
}
.egift_list_wrapper .egift-sub-title .tab_wrapper {
  display: flex;
  font-size: 0.895rem;
  align-items: flex-end;
  letter-spacing: 0;
  margin-left: 1rem;
}
.egift_list_wrapper .egift-sub-title .tab_life,
.egift_list_wrapper .egift-sub-title .tab_health,
.egift_list_wrapper .egift-sub-title .tab_recruitment {
  padding: 0 10px 5px;
  border-bottom: 3px solid;
  border-color: transparent;
  cursor: pointer;
  font-weight: normal;
  color: #000;
}
.egift_list_wrapper .egift-sub-title .tab_life.active,
.egift_list_wrapper .egift-sub-title .tab_health.active,
.egift_list_wrapper .egift-sub-title .tab_recruitment.active {
  color: #0052ce !important;
  border-color: #0052ce;
  font-weight: bold;
}
.egift_list_wrapper .egift-sub-title .tab_life span,
.egift_list_wrapper .egift-sub-title .tab_health span,
.egift_list_wrapper .egift-sub-title .tab_recruitment span {
  margin-left: 5px;
}
.egift_list_wrapper .egift-sub-title .separator {
  margin: 0 1.125rem 0.5rem;
  font-size: 1.25rem;
  color: #dfdedd;
}
.egift_list_wrapper .info-icon {
  padding: 0 5px;
  font-size: 14px;
  width: inherit;
}
.dropdown-wrap {
  display: flex;
  flex-direction: row;
  justify-content: end;
  padding: 0 30px;
}
.dropdown-wrap .dropdown-type {
  width: 200px;
  margin-right: 20px;
}
.no-border td {
  border-bottom-color: transparent !important;
}
.voucher-table {
  margin-top: 1rem;
}
.voucher-table .thead-light th {
  background-color: #0052ce;
  color: #fff;
}
.voucher-table tbody tr td {
  letter-spacing: 0;
  vertical-align: middle;
}
.voucher-table tbody tr td .miw {
  width: 105px;
  display: inline-block;
}
.voucher-table tbody tr td:last-child {
  text-align: right !important;
}
.voucher-table tbody tr td:last-child p {
  margin-bottom: 0 !important;
}
.voucher-table .eth {
  margin-bottom: 0 !important;
}
.voucher-table .eth span {
  width: 100%;
  display: inline-block;
  font-size: 0.8rem;
}
.voucher-table .eth span.noValue {
  display: none;
}
.voucher-table .agnt {
  font-style: normal;
}
.expanded-div {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  background-color: #efefef;
  padding: 1rem;
}
.expanded-div > div {
  width: 20%;
}
.expanded-div > div > div {
  font-size: 0.895rem;
  text-align: left !important;
  font-style: normal;
  letter-spacing: 0;
  color: #434a51;
  padding-right: 0.8rem;
}
.expanded-div > div > div span {
  float: left;
}
.expanded-div > div > div .ellipsis {
  display: flex;
}
.expanded-div .evh {
  font-style: normal;
  font-size: 0.75rem;
  margin-bottom: 0.2rem !important;
}
@media screen and (max-width: 767px) {
  .redeem-gift {
    display: inline-block;
    margin-left: 0;
    width: 100%;
  }
  .elc-top-row {
    flex-direction: column;
  }
  .egift_list_wrapper .egift-sub-title {
    flex-direction: column;
  }
  .egift_list_wrapper .egift-sub-title .tab_wrapper {
    margin-top: 1rem;
    justify-content: center;
  }
  .search-wrap {
    display: flex;
    flex-direction: column;
  }
  .search-wrap .dropdown-wrap {
    max-width: 100%;
  }
  .search-wrap .dropdown-wrap .dropdown-type {
    width: 80%;
  }
  .expanded-div > div > div {
    padding-right: 0.3rem;
  }
  .miw {
    display: flex;
    flex-direction: revert;
    justify-content: flex-start;
    align-items: center;
  }
}
.lead-select-checkbox {
  height: 13px !important;
  width: 13px !important;
}
.width-100px {
  width: 100px !important;
}
.revokeModal {
  top: 20%;
}
.revokeModal .modal-body {
  padding: 3rem 2rem;
}
.revoke-popup div {
  font-size: 1.125rem;
  text-align: center;
  font-weight: bold;
}
.revoke-popup p {
  margin-top: 1rem;
  font-size: 1rem;
}
.revoke-btn-wrap {
  margin-top: 3rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.revoke-btn-wrap button {
  margin: 0 1rem;
  width: 40%;
}
.revoke-btn-wrap button.revoke-btn {
  background-color: #ea5455 !important;
}
@media screen and (max-width: 767px) {
  .revoke-btn-wrap {
    flex-direction: column;
  }
  .revoke-btn-wrap button {
    margin: 1rem 0 1rem;
    width: 100%;
  }
}
.modal-assignLeadHealthErr {
  top: 20%;
  max-width: 700px;
}
.modal-assignLeadHealthErr .modal-body {
  padding: 3rem;
}
.modal-assignLeadHealthErr .modal-body p {
  text-align: center;
  margin-bottom: 2rem;
  font-size: 1rem;
}
.modal-assignLeadHealthErr .modal-body .err-content > p {
  font-size: 1rem;
  text-align: left;
  margin-bottom: 0.5rem;
  display: flex;
}
.modal-assignLeadHealthErr .modal-body .err-content > p span:first-child {
  width: 40px;
}
.modal-assignLeadHealthErr .modal-body .err-content > p span:first-child:before {
  display: inline-block;
  content: "";
  -webkit-border-radius: 0.375rem;
  border-radius: 0.375rem;
  height: 0.75rem;
  width: 0.75rem;
  margin-right: 0.5rem;
  background-color: darkgray;
}
.modal-assignLeadHealthErr .modal-body .btn-wrap {
  display: flex;
  justify-content: center;
}
.modal-assignLeadHealthErr .modal-body button {
  margin-top: 2rem;
  max-width: 300px;
}
.map__geography__info {
  position: relative;
  display: inline-block;
  z-index: 1;
  top: 83%;
  left: 1%;
  color: #ffffff;
  background-color: #434a51;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  padding: 12px 10px;
  opacity: 0.8;
}
.map__geography__info--title {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.map__geography__info--data {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
.header__subtitle {
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
}
.border-invalid {
  border: 1px solid #cf4843 !important;
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}
.disable-bg {
  background-color: #aaaaaa !important;
  opacity: 0.35;
}
.opacity-35 {
  opacity: 0.35 !important;
}
.toggle__demo__modal {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
  max-width: 350px;
}
@media screen and (max-width: 478px) {
  .toggle__demo__modal {
    top: 150px;
  }
}
.toggle__demo__modal--header {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #002d72;
}
.toggle__demo__modal__body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #434a51;
}
.toggle__demo__modal__body--link {
  color: #0052ce;
  font-weight: 500;
}
.demoIdentifyingDiv {
  border: 2px solid #ff0dff;
  padding: 3px;
  border-radius: 5px;
}
.pointingArrow {
  position: absolute;
  top: -10px;
  right: -80px;
}
.resize-none {
  resize: none;
}
@media screen and (max-width: 767px) {
  .custom-li-help {
    display: none;
  }
  .custom-li-help + .vr {
    display: none;
  }
  .c-header img {
    height: 22px;
  }
}
@media screen and (max-width: 601px) {
  .shoppingCart {
    max-width: 450px;
    width: 100%;
    min-width: 350px;
  }
  .c-header.c-header-fixed {
    top: 55px;
  }
}
.bg-lead-white {
  background-color: #ffffff;
  z-index: 1;
  border-radius: 10px 10px 0 0;
}
.greet-wrapper {
  display: flex;
  position: absolute;
  color: #ffffff;
  max-width: 700px;
  max-height: 700px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  left: 70%;
  top: -15rem;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.8rem;
}
.greet-wrapper span {
  margin-top: 2rem;
  margin-left: 5rem;
  overflow-wrap: break-word;
  inline-size: 400px;
  display: none;
}
.greet-wrapper.morning {
  background: #6a95ff;
}
.greet-wrapper.afternoon {
  background: #4178ff;
}
.greet-wrapper.evening {
  background: #1457ff;
}
@media (max-width: 1900px) {
  .greet-wrapper {
    left: 66%;
  }
}
@media (max-width: 1600px) {
  .greet-wrapper {
    left: 60%;
  }
}
@media (max-width: 1400px) {
  .greet-wrapper {
    left: 50%;
  }
}
@media (max-width: 1200px) {
  .greet-wrapper {
    left: 45%;
  }
}
@media (max-width: 768px) {
  .greet-wrapper {
    left: 0;
    top: 0;
    font-size: 1.3rem;
    background: none !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 0;
    max-width: 800px;
    max-height: 170px;
    width: 100%;
    height: 100%;
  }
  .greet-wrapper span {
    margin-top: 0;
    margin-left: 1rem;
    display: block;
    bottom: 2rem;
    position: relative;
    text-align: left;
    font-size: 1.5rem;
  }
}
.order-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2rem 0 0.5rem;
}
.order-title .greet-txt {
  font-size: 1.8rem;
  color: #ffffff;
  position: relative;
}
@media (max-width: 768px) {
  .order-title .greet-txt {
    display: none;
  }
}
@media (max-width: 768px) {
  .c-sidebar-nav-item {
    margin-left: 0.2rem;
  }
}
.red {
  color: #ff4444 !important;
  text-align: end;
}
.table-footr {
  padding: 15px;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.cart-calc {
  text-align: right;
  font-size: 1rem;
}
.cart-calc > div span {
  display: inline-block;
  width: 155px;
}
@media (max-width: 768px) {
  .cart-calc > div span {
    width: 100%;
  }
}
.cart-calc > div span:first-child {
  color: #000;
  font-weight: 700;
}
.cart-calc > div span:last-child {
  width: 270px;
  margin-right: 2rem;
  color: #434a51;
}
@media (max-width: 768px) {
  .cart-calc > div span:last-child {
    margin-right: 0;
    text-align: right;
  }
}
.cart-calc .cart-total {
  font-size: 1.5rem;
}
.cart-calc .cart-total span:first-child {
  font-weight: 400;
  color: #002d72;
}
.cart-calc .cart-total span:last-child {
  width: 265px;
  color: #002d72;
}
.order-summ {
  font-family: "Lato", sans-serif;
}
.order-summ #removeItem {
  visibility: hidden;
}
.order-summ .payment-sec {
  padding: 15px 25px;
}
.order-summ .summ-container {
  font-size: 1rem;
}
.order-summ .summ-container > div {
  line-height: 1.5;
}
.order-summ .summ-container > div span:last-child {
  color: #434a51;
}
.cgray {
  color: #717171 !important;
}
.arrow-sec:active, .arrow-sec:focus {
  outline-offset: 0;
  outline: none;
}
@media (max-width: 768px) {
  .m-mb-150 {
    margin-bottom: 150px;
  }
}
.sm-d-none {
  display: inline;
}
@media (max-width: 576px) {
  .sm-d-none {
    display: none;
  }
}
.min-w-100 {
  min-width: 100% !important;
}
.mobile_border_bottom {
  border: none;
}
@media (max-width: 1200px) {
  .mobile_border_bottom {
    border-bottom: 1px solid #dfdedd !important;
    border-radius: 0px;
  }
}
@media (max-width: 1200px) {
  .mobile_border_bottom:last-child {
    border-bottom: 1px solid #dfdedd !important;
    border-radius: 0px;
  }
}
.close {
  opacity: 1 !important;
}
.bg-action-selected {
  background: #f1faff !important;
}
.custom-multi-value {
  background: #f1f1f1;
  border-radius: 4px 0 0 4px !important;
  font-size: 14px;
  color: #434a51;
  max-width: 250px;
}
.select-input__single-value {
  font-size: 16px !important;
  font-weight: 400;
}
.select-input__multi-value__label {
  font-size: 16px !important;
  font-weight: 400;
  padding-right: 6px !important;
}
.select-input__option {
  color: #434a51 !important;
  font-size: 16px !important;
  font-weight: 400;
}
.select-input__option--is-selected {
  background-color: #f1faff !important;
}.breadcrumb {
  border-bottom: none;
  padding: 0px;
  margin-bottom: 0px;
  white-space: nowrap;
  background-color: transparent;
  align-items: center;
}

.breadcrumb-item {
  display: flex;
  align-items: center;
}

.breadcrumb-btn {
  padding: 0px;
  outline: none;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #aaaaaa !important;
  line-height: 17px;
}

.breadcrumb-btn:hover {
  padding: 0px;
  outline: none;
  box-shadow: none;
  color: transparent;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.height-30 {
  height: 30px;
}

.breadcrumb-last-item {
  cursor: context-menu;
  color: #434a51;
  margin-bottom: 0px;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}

.breadcrumb-position {
  margin-left: 0;
}
@media (max-width: 576px) {
  .breadcrumb-position {
    margin-top: 0;
    margin-left: 0;
  }
}form.quick-search {
  display: flex;
  width: 100%;
}
form.quick-search input[type=text] {
  padding: 5px;
  border: 1px solid #2371a4;
  flex: 1;
  min-width: 0;
  background: #fff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  outline-color: #2371a4;
  height: 40px;
}
form.quick-search button {
  flex-shrink: 0;
  padding: 5px 10px;
  background: #ccc;
  color: white;
  border: 1px solid #2371a4;
  border-left: none;
  cursor: pointer;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  height: 40px;
  min-width: 40px;
}

.table-header-content .quick-search {
  max-width: 450px;
  width: 100%;
}
.table-header-content .quick-search input[type=text],
.table-header-content .quick-search input[type=text]:focus-visible {
  border-color: #dfdedd;
  border-right-color: transparent;
  outline: none;
}
.table-header-content .quick-search input::placeholder {
  color: #aaaaaa !important;
}
.table-header-content .quick-search button {
  background-color: #ffffff;
  border-color: #dfdedd;
  border-left-color: transparent;
}
.table-header-content .quick-search .search-icon {
  color: #4178ff;
  font-size: 16px;
}

.manage-leads .quick-search {
  max-width: 450px;
  width: 100%;
}
.manage-leads .quick-search input[type=text],
.manage-leads .quick-search input[type=text]:focus-visible {
  border-color: #dfdedd;
  border-right-color: transparent;
  outline: none;
}
.manage-leads .quick-search input::placeholder {
  color: #aaaaaa !important;
}
.manage-leads .quick-search button {
  background-color: #ffffff;
  border-color: #dfdedd;
  border-left-color: transparent;
}

.transaction-search .quick-search {
  max-width: 450px;
  width: 100%;
}
.transaction-search .quick-search input[type=text],
.transaction-search .quick-search input[type=text]:focus-visible {
  border-color: #dfdedd;
  border-right-color: transparent;
  outline: none;
}
.transaction-search .quick-search input::placeholder {
  color: #aaaaaa !important;
}
.transaction-search .quick-search button {
  background-color: #ffffff;
  border-color: #dfdedd;
  border-left-color: transparent;
}
.transaction-search .quick-search .search-icon {
  color: #4178ff;
  font-size: 16px;
}
.transaction-search .refresh {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 33px;
  margin-left: 1rem;
  letter-spacing: 0;
  color: #0052ce;
  cursor: pointer;
  font-weight: 700;
}
.transaction-search .refresh svg {
  margin-right: 0.5rem;
}
@media (max-width: 768px) {
  .transaction-search {
    margin-bottom: 1rem;
  }
}
.fs-20 {
  font-size: 20px;
}
.form-control::placeholder {
  color: #a4aec1 !important;
}
.custom-p {
  color: #434a51;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.custom-h3 {
  color: #002d72 !important;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28.8px;
}
h4 {
  color: #434a51;
  font-size: 18px !important;
  font-weight: 400;
  line-height: 21.6px;
}
h5 {
  color: #434a51;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 16.8px;
}
.custom-tooltip {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.06em;
  color: #434a51;
  word-wrap: break-word;
  white-space: normal;
}
.custom-scroll-bar {
  overflow-y: scroll;
}
.custom-scroll-bar::-webkit-scrollbar {
  width: 3px;
}
.custom-scroll-bar::-webkit-scrollbar-thumb {
  background-color: #dfdedd;
  border-radius: 10px;
  height: 20px;
  width: 4px;
}
.icon-navigation {
  cursor: pointer;
  color: #0052ce;
  font-size: 32px;
}
.icon-button {
  cursor: pointer;
  color: #4178ff;
  font-size: 16px;
}
.icon-button-disable {
  cursor: not-allowed !important;
  color: #aaaaaa !important;
}
.icon-button-cross {
  font-size: 24px;
}
.button-primary-link {
  font-size: 16px;
  font-weight: 700;
  line-height: 19.2px;
  text-align: center;
  max-width: 100%;
  border: none;
  background: transparent;
  color: #4178ff;
  padding: 0;
  margin: 4px;
  cursor: pointer;
}
.button-primary-link:disabled {
  cursor: not-allowed !important;
  color: #aaaaaa !important;
}
.disable-font {
  color: #aaaaaa !important;
}
.link-text {
  color: #0052ce !important;
}
.badge {
  height: 20px;
  font-size: 14px;
}
.verified {
  color: #3c4b64;
  background-color: #f1faff;
}
.icon-14 {
  cursor: pointer;
  font-size: 14px !important;
  color: #0052ce;
}
.disabled {
  cursor: not-allowed;
}
.fst-italic {
  font-style: italic;
}
.custom-input,
.datepicker {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  width: 100%;
  padding: 10px;
  max-width: 250px;
  border: 1px solid #dfdedd;
  background-color: white;
  color: #aaaaaa;
  border-radius: 3px;
}
.custom-input:focus {
  outline: none;
}
.pos-rel {
  position: relative;
}
.css-1fhf3k1-control {
  background-color: rgba(170, 170, 170, 0.05) !important;
}
.custom-campaign-err {
  position: absolute;
  top: 2.74em;
  right: 1.75em;
}
.custom-campaign-err .color-red {
  font-size: 1.15em;
}
.accordion-item {
  margin-bottom: 20px;
  margin-right: 15px;
}
.accordion-title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  cursor: pointer;
  color: #000000;
}
.accordion-title .main {
  font-size: 1rem;
}
.accordion-arrow {
  cursor: pointer;
}
.accordion-arrow svg {
  color: #0052ce;
}
.accordion-title > div {
  margin-right: 6px;
}
.accordion-text-container {
  display: flex;
}
.accordion-text {
  width: 95%;
  font-size: 14px;
}
.btn-primary {
  width: 100%;
  max-width: 100%;
  border: none !important;
  outline: 0 !important;
  background: #0052ce !important;
  color: white;
  padding: 0.5rem 1rem;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  border-radius: 3px;
  text-transform: capitalize;
}
.btn-primary.btn-warn {
  background: #ffd390 !important;
  color: #434a51;
}
.text-transform-none {
  text-transform: none;
}
.field-error {
  margin-left: 5px;
  font-size: 11px;
  color: #ff4444;
}
.error {
  margin-left: 5px;
  font-size: 13px;
  color: #ff4444;
}
.more-container {
  position: relative;
  z-index: 10;
}
.more-dropdown {
  position: absolute;
  min-width: 180px;
  width: max-content;
  max-height: 200px;
  padding: 5px;
  border-radius: 4px;
  right: 0;
  top: 100%;
  margin-top: 4px;
  background-color: #ffffff;
  filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.25));
  display: flex;
  flex-direction: column;
  line-height: 2;
  z-index: 1000;
}
.more-dropdown .d-flex {
  color: #434a51;
}
.more-dropdown .d-flex:hover {
  background-color: #ededee;
  color: #0052ce;
}
.more-dropdown .d-flex.disabledIcon:hover {
  background-color: #ffffff;
  color: #434a51;
}
.more-dropdown .d-flex span {
  min-width: 115px;
  text-align: left;
  color: #434a51;
}
.more-dropdown .d-flex span:hover {
  color: #0052ce;
}
.more-dropdown .d-flex svg {
  margin-right: 1rem;
  width: 20px;
}
.more-dropdown.export-dropdown {
  width: 150px;
  max-height: 120px;
}
.more-dropdown.export-dropdown .d-flex span {
  text-align: left;
  min-width: 88px;
}
@media (max-width: 768px) {
  .more-dropdown.mb-r5 {
    right: -5rem;
  }
}
.more-dropdown.manage-agents {
  width: 160px;
}
.more-dropdown.manage-agents span {
  min-width: 80px;
}
.export-for-selected-rows .more-dropdown.export-dropdown {
  left: 0;
}
.c-main {
  background-color: #f1f1f1 !important;
  margin-top: 60px;
}
.c-main.content-margin {
  margin-top: 187px;
}
.c-main.content-margin #filterContent {
  z-index: 1040 !important;
  margin-top: 187px;
}
@media (max-width: 768px) {
  .c-main {
    margin-top: 45px;
  }
  .c-main.content-margin {
    margin-top: 137px;
  }
  .c-main.content-margin .greet-wrapper {
    top: 11rem;
  }
}
@media (max-width: 576px) {
  .c-main {
    margin-top: 95px;
  }
  .c-main.content-margin {
    margin-top: 217px;
  }
}
.c-header {
  background: #051d43;
  border-bottom: 1px solid transparent;
}
.c-header.header-margin {
  margin-top: 127px;
}
.c-sidebar {
  position: fixed;
  top: 64px !important;
  left: 0 !important;
  height: calc(100vh - 64px);
}
.c-sidebar.sidebar-margin {
  margin-top: 185px;
}
@media (max-width: 992px) {
  .c-sidebar {
    margin-top: 0 !important;
    z-index: 1031 !important;
  }
}
@media (max-width: 576px) {
  .c-sidebar {
    top: 100px !important;
    height: calc(100vh - 100px);
  }
}
.c-sidebar-leads {
  position: fixed;
  top: 75px !important;
  right: 0 !important;
  height: calc(100vh - 75px);
  z-index: 1030;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
  animation: slideInFromRight 0.3s ease;
}
.c-sidebar-leads.sidebar-margin {
  margin-top: 185px;
}
@media (max-width: 992px) {
  .c-sidebar-leads {
    margin-top: 0 !important;
    z-index: 1031 !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    height: 100vh !important;
    padding-top: 100px;
    animation: none;
  }
}
@keyframes slideInFromRight {
  from {
    right: -320px;
    opacity: 0;
  }
  to {
    right: 0;
    opacity: 1;
  }
}
.filter-open-margin {
  margin-right: 300px;
  transition: margin-right 0.3s ease;
}
@media (max-width: 992px) {
  .filter-open-margin {
    margin-right: 0 !important;
  }
}
.empty-grid-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  width: calc(100% + 32px);
  margin-left: -16px;
  margin-right: -16px;
  border-bottom: 1px solid #dfdedd;
}
.empty-grid-overlay .empty-state-image-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.empty-grid-overlay .empty-state-image-wrapper .empty-state-image {
  max-width: 200px;
  height: auto;
}
.empty-grid-overlay .empty-state-title {
  color: #434a51;
  text-align: center;
}
.table-header-content {
  padding: 0 16px;
  position: relative;
}
.table-header-content .table-header-search-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 16px;
  margin-bottom: 0;
  gap: 16px;
  flex-wrap: wrap;
  position: relative;
  z-index: 10;
}
.table-header-content .table-header-search-row .page-utility-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  gap: 12px;
}
.table-header-content .table-header-search-row .page-utility-container .page-utility-search-bar {
  flex: 1 1 auto;
  min-width: 200px;
}
.table-header-content .table-header-actions-desktop {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  z-index: 10;
}
.table-header-content .table-header-actions-mobile {
  display: none;
  position: relative;
  z-index: 10;
}
.table-header-content .table-header-filters-row {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.table-header-content.empty-state .table-header-search-row:last-child {
  padding-bottom: 16px;
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 16px;
  padding-right: 16px;
  border-bottom: 1px solid #dfdedd;
}
.table-header-content.empty-state .table-header-filters-row {
  padding-top: 16px;
  padding-bottom: 16px;
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 16px;
  padding-right: 16px;
  border-bottom: 1px solid #dfdedd;
}
@media (max-width: 992px) {
  .table-header-content .table-header-search-row .page-utility-container {
    flex: 1 1 100%;
  }
  .table-header-content .table-header-search-row .page-utility-container .page-utility-search-bar {
    min-width: 250px;
  }
  .table-header-content .table-header-actions-desktop {
    flex: 0 0 auto;
  }
}
@media (max-width: 768px) {
  .table-header-content .table-header-search-row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .table-header-content .table-header-search-row .page-utility-container {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }
  .table-header-content .table-header-search-row .page-utility-container .page-utility-search-bar {
    width: 100%;
    min-width: 100%;
  }
  .table-header-content .table-header-search-row .page-utility-container .page-utility-search-bar .quick-search {
    max-width: 100%;
  }
  .table-header-content .table-header-search-row .page-utility-container .form-group {
    width: 100%;
    margin-left: 0 !important;
  }
  .table-header-content .table-header-search-row .page-utility-container .form-group .MuiInputBase-root {
    width: 100%;
  }
  .table-header-content .table-header-actions-desktop {
    display: none;
  }
  .table-header-content .table-header-actions-mobile {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0;
    margin-bottom: 12px;
    overflow-x: visible;
    overflow-y: visible;
  }
  .table-header-content .table-header-actions-mobile .more-container {
    margin-right: 0 !important;
  }
}
.filter-header {
  flex-shrink: 0;
}
@media (max-width: 992px) {
  .filter-header {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 10;
  }
}
@media only screen and (max-width: 601px) {
  .mobileview__toggle__margin {
    margin-top: 127px;
  }
}
.invisible-me {
  visibility: hidden;
}
.automated-order-card .lead__body__menu__more__dropdown button {
  border: none;
  background-color: transparent;
  width: 95%;
  margin: 4px;
  padding: 8px;
  border-radius: 3px;
}
.automated-order-card .lead__body__menu__more__dropdown button:hover {
  background-color: #ededee;
  color: #0052ce;
}
.inline-block {
  display: inline-block;
}
.tertiary-font {
  color: #717171;
}
.inputcalendarIcon.custom-filter-date.blue-icon {
  background-color: transparent;
  color: #4178ff;
}
.inputcalendarIcon.custom-filter-date.blue-icon .inputcalendarIcon {
  background-color: transparent;
}
button {
  cursor: pointer;
}
.button-new {
  width: 100%;
  max-width: 100%;
  outline: 0 !important;
  padding: 0.5rem 1rem;
  text-transform: capitalize;
  border-radius: 4px;
}
.button-outline {
  color: #4178ff;
  border: 1px solid #4178ff;
  background: #ffffff;
}
.button-primary {
  color: #ffffff;
  border: 1px solid #4178ff;
  background: #4178ff;
}
.button-primary.disabled {
  opacity: 0.65;
  background-color: #a0c4f8;
  color: #ffffff;
  border-color: #a0c4f8;
  cursor: not-allowed;
}
.button-primary:hover {
  text-decoration: none !important;
  color: #ffffff !important;
}
.button-small {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.14px;
}
.button-br-transparent {
  border-color: transparent;
}
.button-text {
  min-width: 112px;
}
.button-no-border {
  background-color: transparent;
  border-color: transparent;
  color: #4178ff !important;
}
.button-sort.flip img {
  rotate: 180deg;
  transform: scaleX(-1);
}
#filterContent.new-filter {
  background-color: #ffffff !important;
}
#filterContent.new-filter .form-control {
  height: 2.5rem !important;
  border-radius: 4px;
  border-color: rgba(0, 0, 0, 0.23) !important;
}
#filterContent.new-filter .css-2b097c-container > div:first-child {
  height: 40px;
}
.new-filter-cta .icon img {
  max-width: 40px;
}
.fs-48 {
  font-size: 48px;
}
html:not([dir=rtl]) .breadcrumb-item + .breadcrumb-item {
  padding-left: 0.2rem;
}
html:not([dir=rtl]) .breadcrumb-item + .breadcrumb-item::before {
  padding-right: 0.2rem;
}
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.section-header {
  color: #052a63;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  font-style: normal;
  line-height: 20px;
  letter-spacing: 0.17px;
}
.section-paragraph {
  color: #434a51;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
}
.button-medium {
  color: #4178ff;
  font-size: 16px;
  line-height: 20px;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.table-header {
  color: #052a63;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 125% */
  letter-spacing: 0.17px;
}
.typography-new-h2 {
  color: #052a63;
  font-family: "Lato", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
}
@media (max-width: 768px) {
  .typography-new-h2 {
    font-size: 24px;
    line-height: 32px;
  }
}
.typography-new-h3 {
  font-family: "Lato", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  padding: 16px;
}
.typography-new-h4 {
  font-family: "Lato", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  padding-left: 16px;
}
.typography-body {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #434a51;
  padding-left: 16px;
}
.typography-new-h5 {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  color: #052a63;
  margin-bottom: 0;
}
.typography-input {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #717171;
}
.tooltip-label {
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
}
.tooltip-label .tooltip-inner {
  border-radius: 25px;
}
.upline-checkbox {
  display: inline-block;
  margin-top: 2px;
}
.dropdown-style, .upline-input input {
  border-radius: 4px;
  border-color: rgba(0, 0, 0, 0.23);
  background-color: #ffffff;
  height: 40px;
  text-align: left !important;
}
.upline-input .rbt-menu {
  margin-top: 0 !important;
  border-radius: 8px;
  border-color: transparent;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.form-control:focus {
  border-color: #4178ff !important;
  border-width: 1px !important;
}
.upline-organization div.css-1gormuo-menu {
  margin-top: -1px !important;
  width: 100% !important;
  text-align: left !important;
}
.options-wrapper {
  width: 100%;
}
.options-wrapper .options-head,
.options-wrapper .options-body {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 0 !important;
}
.options-wrapper .options-head span:first-child,
.options-wrapper .options-body span:first-child {
  min-width: 200px;
}
.options-wrapper .options-head {
  display: none;
}
.coupon-textarea {
  resize: none;
}
.card-section {
  background: #ffffff;
  border-radius: 8px;
  padding: 16px;
  height: auto;
}
.card-section .form-control {
  height: 40px;
  border: 1px solid #dfdedd;
  border-radius: 4px;
}
.card-section .css-yk16xz-control {
  min-height: 40px !important;
}
.flex-grow-2 {
  flex-grow: 2 !important;
}
.flex-grow-3 {
  flex-grow: 3 !important;
}
.payment-card-wrapper {
  background-color: #f1f1f1;
  border-radius: 8px;
  padding: 16px;
}
.basic-chip-container {
  max-height: 150px;
}
.error-container .error-text {
  margin: 24px;
  padding: 72px;
}
@media (max-width: 768px) {
  .error-container {
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 30px;
  }
  .error-container .error-text {
    margin: 8px;
    padding: 16px 24px;
  }
}
.menu-option {
  border: none;
  background-color: transparent;
}
.align-buttons {
  display: flex;
  justify-content: end;
}
@media (max-width: 768px) {
  .align-buttons {
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 13px 25px;
    background: #f4f8fb;
    box-shadow: 0px -4px 15px rgba(0, 0, 0, 0.23);
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.161));
    transition: bottom 0.3s ease-in-out;
    z-index: 10;
  }
}
.table-controls-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .table-controls-container {
    flex-direction: column;
  }
}
.banner {
  padding: 8px;
  color: #434a51;
}
.banner__warning {
  background-color: #fcf2e8;
}
.view-agent-row {
  display: grid;
  gap: 24px;
  margin: 24px 0px;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
}
@media (max-width: 768px) {
  .view-agent-row {
    grid-auto-flow: row;
    grid-auto-columns: unset;
  }
}
.view-agent-row-section {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.no-login-header {
  background-color: #002d72;
}
.no-login-header .header-logo {
  max-width: 200px;
}
.no-login-header .header-login {
  min-width: 200px;
  background-color: #0052ce;
  border-color: transparent;
}
@media (max-width: 768px) {
  .no-login-header .header-login {
    min-width: 150px;
  }
}
.banner-carousel {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.typography3 {
  font-size: 24px;
  color: #052a63;
  font-weight: 400;
}
.ff-lato p,
.ff-lato div,
.ff-lato span {
  font-family: "Lato", sans-serif;
}
.ff-lato {
  font-family: "Lato", sans-serif;
}
.campaign-details {
  width: 30%;
}
@media (max-width: 768px) {
  .campaign-details {
    width: 100%;
  }
}
.filter-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 8px;
}
.filter-reset-button {
  color: var(--primary-main, #4178ff);
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  cursor: pointer;
  padding-left: 1rem;
}
.filter-apply-container {
  padding-right: 1rem;
}
.owner-search-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #4178ff;
  cursor: pointer;
  z-index: 10;
  display: flex;
  width: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.filter-banner-container {
  background-color: #f1faff;
  border: 1px solid #e0e5eb;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 16px;
  width: 100%;
  min-width: 100%;
}
.filter-banner-header {
  width: 100%;
}
@media (max-width: 768px) {
  .filter-banner-header {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 8px;
  }
}
.filter-banner-content {
  flex-wrap: wrap;
  gap: 8px;
}
.filter-chevron-icon {
  margin-right: 12px;
  color: #4178ff;
  cursor: pointer;
}
.filter-banner-summary {
  color: #1f2933;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.filter-banner-clear-button {
  cursor: pointer;
  margin-left: 16px;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .filter-banner-clear-button {
    margin-left: 0;
    margin-top: 8px;
  }
}
.filter-banner-clear-text {
  color: #4178ff;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin-right: 8px;
}
.filter-banner-clear-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #4178ff;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
.filter-banner-clear-icon svg {
  color: #4178ff;
  font-size: 12px;
}
.filter-chip-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.date-picker-action-bar {
  padding: 12px 16px;
  border-top: 1px solid #e0e0e0;
  display: flex;
  flex-direction: row;
  gap: 24px;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  .date-picker-action-bar {
    gap: 12px;
    justify-content: space-between;
  }
}
.date-picker-action-button {
  text-transform: none;
  font-size: 14px;
  padding: 0;
  min-width: auto;
  color: var(--primary-main, #4178ff);
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
@media (max-width: 992px) {
  .date-picker-action-button {
    font-size: 13px;
  }
}
.date-picker-action-button:hover {
  background-color: transparent;
}
.manageLeads.c-sidebar-leads {
  display: flex;
  flex-direction: column;
}
.filter-content-scrollable {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}
.filter-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 8px;
  border-top: 1px solid #e0e5eb;
  background-color: #fff;
  margin-top: auto;
}
.content-with-filter-open {
  margin-right: 315px;
  transition: margin-right 0.3s ease;
}
@media (max-width: 992px) {
  .content-with-filter-open {
    margin-right: 0;
  }
}
.header-user-menu .MuiPaper-root {
  min-width: 234px !important;
  margin-top: 0 !important;
}
.header-user-menu .MuiMenu-list {
  padding-top: 0 !important;
}
.header-user-menu .copy-text {
  position: absolute;
  right: 10px;
  background: #ffffff;
  padding: 4px;
  border-radius: 4px;
  top: 24px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}.map-component-container {
  height: 50vh;
  width: 100%;
}

.map-container-order-leads {
  width: 100%;
}
.map-container-order-leads > div:last-child {
  height: 100%;
  width: 100%;
}.product-header {
  font-size: 16px;
  margin: 8px 0;
}

.product-type-header {
  color: #000000;
  font-size: 16px;
  font-weight: 700;
  margin: 20px 0px 8px 0px;
}

.clear-notifications {
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  color: #0052ce;
}

.lead-notifications-drop-down-label {
  color: #2371a4;
}

.lead-notifications-drop-down-label-disabled {
  color: #c4c4c4;
}

.lead-alerts-dropdown-item {
  height: 48px;
  background-color: #fff;
  padding: 15px;
}

.alerts-dropdown {
  position: relative;
  display: inline-block;
}

.alerts-dropdown-container {
  position: absolute;
  overflow: auto;
  z-index: 2;
  top: 0;
  left: -31.5rem;
}

.alerts-dropdown-menu {
  background-color: #f4f8fb;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  min-width: 15rem;
  overflow-y: scroll;
  max-height: 376px;
  width: 490px;
  padding: 24px;
  padding-right: 20px;
}
@media (max-width: 500px) {
  .alerts-dropdown-menu {
    width: auto;
  }
}

.arrow-right {
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #f4f8fb;
  box-shadow: 0 16px 10px -17px rgba(0, 0, 0, 0.7);
}

@media (max-width: 500px) {
  .desktop-view {
    display: none;
  }
}
@media (min-width: 500px) {
  .mobile-view {
    display: none !important;
  }
}/*
  Usage -> two types can be used below classes.
  //primary-font utility class created below and used on examples.
  1. By adding classnames directly to your HTML elements
     Ex: <p className="primary-font">Paragraph style 1</p>
  2. You can define your utility class names using placeholders and by using `@extend`
     Ex: <p className="test-paragraph">Paragraph style 2</p>
     style:
     .test-paragraph{
        @extend .primary-font;
     }
*/
.primary-font {
  color: #434a51;
}

.secondary-font {
  color: #000000;
}

.tertiary-font {
  color: #717171 !important;
}

.header-font {
  color: #002d72;
}

.white-font {
  color: #ffffff !important;
}

.error-500-font {
  color: #ff4444 !important;
}

.error-main-font {
  color: #c81e27;
}

.primary-font-inactive {
  color: #aaaaaa;
}

.primary-action-font {
  color: #0052ce !important;
}

.primary-action-disabled-font {
  color: #a0c4f8;
}

.note-warning-font {
  color: #e28a05;
}

.primary-action-onhover {
  color: #2175f4;
}

.header-nav-font {
  color: #051d43;
}

.gradient-afternoon {
  color: #4178ff;
}

.disabled-text {
  color: rgba(0, 0, 0, 0.38) !important;
}

.bg-transparent {
  background-color: transparent;
}

.bg-primary-action {
  background-color: #0052ce !important;
}

.bg-primary-action-disabled {
  background-color: #a0c4f8;
}

.bg-error {
  background-color: #ff4444;
}

.bg-white {
  background-color: #ffffff;
}

.background-white {
  background-color: #ffffff;
}

.bg-background-default {
  background-color: #f1f1f1;
}

.background-warning {
  background-color: #fcf2e8 !important;
}

.background-integrity-royal-light-1 {
  background-color: #f1faff;
}

.background-integrity-royal-light-2 {
  background-color: #dfeafb;
}

.background-integrity-gray-light-1 {
  background-color: #f1f1f1;
}

.color-title {
  color: #7f7f8a;
}

.color-primary-main {
  color: #4178ff;
}

.title-blue-font {
  color: #052a63 !important;
}

.integrity-navy-font {
  color: #052a63;
}

.gradient-afternoon-font {
  color: #4178ff;
}

.warning-font {
  color: #f56600;
}

.fs-h1 {
  font-size: 48px;
}

.fs-h2 {
  font-size: 32px;
}

.fs-h3 {
  font-size: 24px;
}

.fs-h4 {
  font-size: 18px !important;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-20, .popup-content {
  font-size: 20px;
}

.fs-16 {
  font-size: 16px;
}

.fs-24 {
  font-size: 24px;
}

.fs-32 {
  font-size: 32px;
}

.fs-18 {
  font-size: 18px;
}

.fs-h5,
.fs-14 {
  font-size: 14px;
}

.fs-p,
.fs-16 {
  font-size: 16px;
}

.fs-12 {
  font-size: 12px;
}

.fs-9 {
  font-size: 9px;
}

.ff-lato {
  font-family: "Lato", sans-serif;
}

.d-flex {
  display: flex;
}

.d-grid {
  display: grid;
}

.flex-center, .popup-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-center-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.flex-column-align-start {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.align-center {
  display: flex;
  align-items: center;
}

.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.justify-between {
  display: flex;
  justify-content: space-between;
}

.justify-around {
  display: flex;
  justify-content: space-around;
}

.flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flex-between-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flex-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.flex-align-start {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.flex-column-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.flex-column-start {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.rounded-sm {
  border-radius: 3px;
}

.rounded-md {
  border-radius: 4px !important;
}

.rounded-lg {
  border-radius: 8px !important;
}

.rounded-xl {
  border-radius: 25px !important;
}

.card-border {
  border: 1px solid #dfdedd;
}

.border-top {
  border-top: 1px solid #dfdedd;
}

.border-left {
  border-left: 1px solid #dfdedd;
}

.border-bottom {
  border-bottom: 1px solid #dfdedd;
}

.border-light-gray {
  border: 1px solid #dddddd;
}

.border-none {
  border: none;
}

.border-error {
  border-color: #ff4444;
}

.line-height-0 {
  line-height: 0;
}

.shadow-on {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.py-10px {
  padding-top: 10px;
  padding-bottom: 10px;
}

.px-8px {
  padding-left: 8px;
  padding-right: 8px;
}

.min-h-0 {
  min-height: 0 !important;
}

.w-20px {
  width: 20px !important;
}

.w-100px {
  width: 100px !important;
}

.w-150px {
  width: 175px !important;
}

.width-100 {
  width: 100% !important;
}

.w-80 {
  width: 80% !important;
}

.w-60 {
  width: 60% !important;
}

.w-25-100 {
  width: 25% !important;
}
@media (max-width: 768px) {
  .w-25-100 {
    width: 100% !important;
  }
}

.w-h-40 {
  width: 40px;
  height: 40px;
}

.height-48 {
  height: 48px;
}

.min-height-48 {
  min-height: 48px;
}

.height-17 {
  height: 17px;
}

.width-max-content {
  width: max-content;
}

.background-none {
  background: none;
}

.popup-content {
  display: grid;
}

.position-relative {
  position: relative;
}

.padding-sm {
  padding: 4px;
}

.padding-md {
  padding: 8px;
}

.padding-lg {
  padding: 12px;
}

.padding-xl {
  padding: 16px;
}

.padding-24 {
  padding: 24px;
}

.margin-bottom-4 {
  margin-bottom: 4px;
}

.margin-bottom-8 {
  margin-bottom: 8px;
}

.margin-bottom-24 {
  margin-bottom: 24px;
}

.margin-right-4 {
  margin-right: 4px;
}

.margin-top-8 {
  margin-top: 8px;
}

.margin-left-8 {
  margin-left: 8px;
}

.margin-top-16 {
  margin-top: 16px;
}

.margin-4 {
  margin: 4px;
}

.margin-24 {
  margin: 24px;
}

.margin-left-24 {
  margin-left: 24px;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left--0-25 {
  margin-left: -0.25rem;
}

.padding-72 {
  padding: 72px;
}

.padding-l-0 {
  padding-left: 0;
}

.padding-l-8 {
  padding-left: 8px;
}

.padding-0 {
  padding: 0;
}

.spin-5s {
  animation: spin 5s linear infinite;
}

.btn-height {
  height: 32px;
}

.input-height {
  height: 40px;
}

.width-250px {
  width: 250px;
}

.w-50-100 {
  width: 50% !important;
}
@media (max-width: 992px) {
  .w-50-100 {
    width: 100% !important;
  }
}

.card-on-hover:hover {
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.23);
}

.right-2p {
  right: 2% !important;
}

.input-outline-enabledBorder {
  border: 1px solid rgba(0, 0, 0, 0.25);
}

.margin-top-24 {
  margin-top: 24px;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.textarea-limited {
  resize: none;
}

.warning-icon-color {
  color: #f56600;
}

.text-center {
  text-align: center !important;
}

.justify-items-end {
  justify-items: end;
}

.divider {
  border-bottom: 1px solid #cccccc;
}

.gap-4 {
  gap: 4px;
}

.gap-16 {
  gap: 16px;
}

.gap-24 {
  gap: 24px;
}

.no-text-decoration {
  color: inherit;
  text-decoration: none !important;
}
.no-text-decoration:hover {
  color: inherit;
  text-decoration: none !important;
}
.no-text-decoration:focus {
  color: inherit;
  text-decoration: none !important;
}

.overflow-auto {
  overflow: auto;
}

.padding-x-4 {
  padding-left: 4px;
  padding-right: 4px;
}

.padding-y-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.padding-x-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.padding-y-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.padding-x-12 {
  padding-left: 12px;
  padding-right: 12px;
}

.padding-y-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.padding-x-16 {
  padding-left: 16px;
  padding-right: 16px;
}

.padding-y-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.padding-x-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.padding-y-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.padding-x-32 {
  padding-left: 32px;
  padding-right: 32px;
}

.padding-y-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.padding-x-48 {
  padding-left: 48px;
  padding-right: 48px;
}

.padding-y-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.padding-x-72 {
  padding-left: 72px;
  padding-right: 72px;
}

.padding-y-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.manage-leads-search .search-icon {
  color: #4178ff;
}

.manageHeader {
  display: flex;
  padding: 0% 3%;
  width: 25%;
  justify-content: space-between;
}
.manageHeader p {
  font-size: 17px;
}

.searchButton[type=submit] {
  height: 2.3rem;
  width: 7rem;
  border-radius: 21px;
  border: none !important;
  outline: 0 !important;
  background: #2371a4;
  color: white;
  margin-top: 21px;
  margin-right: 4px;
}

.searchButton[type=reset] {
  height: 2.3rem;
  width: 7rem;
  border-radius: 21px;
  border: 1px solid #3d6e90;
  outline: 0 !important;
  background: transparent;
  color: #3d6e90;
  margin-top: 21px;
  margin-right: 4px;
}

.saveManageLeadButton {
  height: 2.3rem;
  width: 7rem;
  border-radius: 21px;
  border: none;
  background: rgba(24, 57, 168, 0.897);
  color: white;
  margin-right: 4px;
}

.filterDiv input {
  height: 2rem;
  width: 14rem;
}

.Modal-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

.Modal-backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5);
}

.Box-modal {
  position: relative;
  top: 57%;
  left: 60%;
  right: 0;
  transform: translate(-50%, -50%);
  height: 70%;
  width: 75%;
  background-color: #ebf8fd;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1607843137);
  z-index: 1000;
}

/* Edit Lead Page css */
.leadDiv {
  padding: 0% 0%;
}

.leadDiv i {
  font-weight: 100;
  color: #0052ce;
}

.flexDiv {
  display: flex;
}

#selectdiv {
  padding: 0% 20%;
}

.viewdiv {
  width: 45%;
  padding: 0% 5%;
}

.conRendering {
  display: flex;
  justify-content: flex-end;
}

.lastDiv {
  padding: 0% 4%;
}

.lastCon {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: space-between;
  width: 43%;
  margin-left: 50%;
}
.lastCon p {
  height: 10px;
}

#rightInput {
  margin-bottom: 10px;
}
#rightInput label {
  font-size: 15px;
}
#rightInput input {
  height: 2.5rem;
  border-radius: 5px;
  outline: none;
  border: none;
  background: transparent;
}

#flag {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
#flag label {
  font-size: 15px;
}
#flag input {
  height: 2.5rem;
  border-radius: 5px;
  outline: none;
  border: 1px solid gray;
}

#coldiv {
  margin-bottom: 10px;
}
#coldiv label {
  font-size: 15px;
}
#coldiv input {
  height: 2.5rem;
  border-radius: 5px;
  outline: none;
  border: 1px solid gray;
}

#select {
  height: 2.5rem;
  border-radius: 5px;
  outline: none;
  border: 1px solid gray;
  width: 10rem;
}

.fa-chevron-up {
  animation: fade1 1s linear;
}

.fa-chevron-down {
  animation: fade2 1s linear;
}

@keyframes fade1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.accordion-content {
  border-top: 1px dotted #c5c9cc;
  padding-top: 10px;
}

.accordionTagPDivs {
  display: flex;
  align-items: center;
}

.accordionTagPText {
  margin-left: 20px;
  margin-bottom: 0px;
}

.accordionTagPHeader {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0px;
  width: 5%;
}

.formButton {
  justify-content: flex-end;
  display: flex;
  align-items: center;
}
.formButton button {
  padding: 2%;
  height: 2.5rem;
  width: 10rem;
  border-radius: 21px;
  border: none;
  background: rgba(24, 57, 168, 0.897);
  color: white;
}

#btnAssignLead {
  margin-top: 0px !important;
}

.tableRight .icon-cardview {
  background-image: url("/assets/icon-cardview-CcYptA8a.svg");
}

.breadcrumLinkCreatelead {
  color: black;
  font-weight: bold;
  font-size: 14px;
}

.required {
  color: red;
}

.react-datepicker__month-dropdown-container.react-datepicker__month-dropdown-container--scroll {
  margin-right: 25px;
}

.react-datepicker {
  display: flex !important;
  flex-direction: column;
  margin-left: -114px;
}

#inputDiv input:disabled {
  background-color: rgba(167, 168, 169, 0.231372549);
}

.lead_header {
  color: #002d72;
  display: flex;
  align-items: flex-end;
}
.lead_header > span {
  margin-right: 10rem;
}
.lead_header .tab_wrapper {
  display: flex;
  font-size: 0.895rem;
  align-items: flex-end;
  letter-spacing: 0;
  color: #0052ce;
}
.lead_header .tab_life,
.lead_header .tab_health,
.lead_header .tab_recruitment {
  padding: 0 10px 5px;
  border-bottom: 3px solid;
  border-color: transparent;
  cursor: pointer;
}
.lead_header .tab_life.active,
.lead_header .tab_health.active,
.lead_header .tab_recruitment.active {
  border-color: #0052ce;
  font-weight: bold;
}
.lead_header .tab_life span,
.lead_header .tab_health span,
.lead_header .tab_recruitment span {
  margin-left: 5px;
}
.lead_header .separator {
  margin: 0 1.125rem 0.5rem;
  font-size: 1.25rem;
  color: #dfdedd;
}

@media screen and (max-width: 767px) {
  .lead_header {
    flex-direction: column;
    align-items: flex-start;
  }
  .lead_header > span {
    margin-right: 0;
    margin-bottom: 2rem;
    width: 100%;
    text-align: center;
  }
  .lead_header .tab_wrapper {
    width: 100%;
    justify-content: center;
  }
  .lead_header .separator {
    color: transparent;
  }
}
.alert-row {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.alert-row .medicare {
  padding-right: 1rem;
  width: 100%;
  justify-content: flex-end;
  display: flex;
}
.alert-row .medicare img {
  max-width: 150px;
  margin-left: 8px;
  display: inline-block;
}

@media (max-width: 1200px) {
  .leadtable.manageleads .leadtable__headers {
    display: flex;
  }
}
@media (max-width: 1200px) {
  .leadtable.manageleads .leadtable__body__card__content {
    display: flex;
  }
}
.leadtable.manageleads .leadtable__headers--cell1,
.leadtable.manageleads .leadtable__body__card__content--cell1 {
  min-width: 150px;
  letter-spacing: 0;
}
.leadtable.manageleads .leadtable__headers--cell1 .status-dropdown-toggle,
.leadtable.manageleads .leadtable__body__card__content--cell1 .status-dropdown-toggle {
  min-width: 140px;
  max-width: 145px;
}
@media (max-width: 1200px) {
  .leadtable.manageleads .leadtable__headers--cell1,
  .leadtable.manageleads .leadtable__body__card__content--cell1 {
    min-width: 120px;
  }
  .leadtable.manageleads .leadtable__headers--cell1 .status-dropdown-toggle,
  .leadtable.manageleads .leadtable__body__card__content--cell1 .status-dropdown-toggle {
    min-width: 115px;
    max-width: 120px;
  }
}
@media (max-width: 992px) {
  .leadtable.manageleads .leadtable__headers--cell1,
  .leadtable.manageleads .leadtable__body__card__content--cell1 {
    min-width: 110px;
  }
  .leadtable.manageleads .leadtable__headers--cell1 .status-dropdown-toggle,
  .leadtable.manageleads .leadtable__body__card__content--cell1 .status-dropdown-toggle {
    min-width: 95px;
    max-width: 100px;
  }
}
.leadtable.manageleads .dropdown.disable {
  cursor: not-allowed;
}
.leadtable.manageleads .dropdown.disable * {
  cursor: not-allowed;
}
.leadtable.manageleads .leadtable__body__card__content--cell1 a {
  max-width: 120px;
  min-width: 115px;
  color: #0052ce;
}
@media (max-width: 1200px) {
  .leadtable.manageleads .leadtable__body__card__content--cell1 a {
    max-width: 100px;
    min-width: 95px;
  }
}
@media (max-width: 992px) {
  .leadtable.manageleads .leadtable__body__card__content--cell1 a {
    max-width: 85px;
    min-width: 90px;
  }
}
.leadtable.manageleads .leadtable__body__card__content--cell1 a.dropdown-item {
  max-width: none;
}
.leadtable.manageleads .form-check {
  display: flex;
  align-items: center;
}
.leadtable.manageleads .leadtable__body__card__expandedcontent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 3rem;
}
.leadtable.manageleads .expanded-container {
  flex: 0.2 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.leadtable.manageleads .expanded-container div:first-child {
  color: #002d72;
}
.leadtable.manageleads .expanded-container div:last-child {
  color: #434a51;
}
.leadtable.manageleads .no-leads-container {
  padding: 5rem 2rem;
  letter-spacing: 0;
}
.leadtable.manageleads .no-leads-txt {
  width: 60%;
  padding-left: 5%;
}
.leadtable.manageleads .no-leads-txt h4 {
  color: #002d72;
  font-size: 1.5rem;
}
.leadtable.manageleads .no-leads-txt p {
  color: #434a51;
}
.leadtable.manageleads .no-leads-img {
  width: 40%;
}
.leadtable.manageleads .btns span {
  margin-left: 2rem;
  color: #0052ce;
}
.leadtable.manageleads .btns span svg {
  margin-right: 0.2rem;
}
@media (max-width: 768px) {
  .leadtable.manageleads {
    display: none;
  }
}

.manage-leads-sort .sorting__desktopmenu {
  letter-spacing: 0;
  max-height: 50vh;
}
.manage-leads-sort .sorting__desktopmenu #menudiv {
  height: 40px;
}

.assignLeads_select {
  flex: 1;
  width: 300px;
  max-width: 400px;
}

.flex-end {
  margin-top: 4rem;
}
.flex-end .new-btn.disabled, .flex-end .new-btn:disabled {
  opacity: 0.6;
  cursor: default;
}

.modal-AssignStatus-dialog {
  max-width: 640px;
  top: 25%;
}
.modal-AssignStatus-dialog .modal-header {
  color: #0052ce;
  font-size: 1.25rem;
}
.modal-AssignStatus-dialog .modal-header button {
  color: #0052ce;
}
.modal-AssignStatus-dialog.deny-popup label {
  color: #434a51;
  margin-bottom: 0;
}
.modal-AssignStatus-dialog.deny-popup .deny-sec-1 {
  max-width: 300px;
}
.modal-AssignStatus-dialog.deny-popup .deny-sec-2 textarea {
  height: 38px;
}
.modal-AssignStatus-dialog.deny-popup .deny-sec-2 .limit {
  display: inline-block;
  text-align: right;
  width: 100%;
  color: #aaaaaa;
  font-size: 0.75rem;
}

.pos-rel {
  position: relative;
}
@media (max-width: 768px) {
  .pos-rel {
    padding: 0 1.5rem 0 0.5rem !important;
  }
}

.pos-abs-search {
  position: absolute;
  padding-right: 8px;
  top: 15px;
  right: 20px;
  color: #0052ce;
}
@media (max-width: 768px) {
  .pos-abs-search {
    right: 35px;
  }
}

.options-wrapper {
  width: 100%;
}
.options-wrapper .options-head,
.options-wrapper .options-body {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 0 !important;
}
.options-wrapper .options-head span:first-child,
.options-wrapper .options-body span:first-child {
  min-width: 200px;
}
.options-wrapper .options-head {
  display: none;
}

.asyncAgentSearch .rbt-menu a:first-child .options-wrapper .options-head {
  display: flex;
  font-weight: 700;
  color: #000000;
  margin-bottom: 0.5rem !important;
}

.inline-status {
  width: 100%;
}

.filter-chip-container {
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
}
.filter-chip-container:hover {
  overflow: auto;
}
.filter-chip-container::-webkit-scrollbar {
  height: 7px;
  width: 4px;
}
.filter-chip-container::-webkit-scrollbar-thumb {
  margin-right: 2px;
  background-color: #d8e6f9;
  border-radius: 5px;
  cursor: pointer;
}

.filter-chip-item {
  height: 28px;
  border-radius: 3px;
  background-color: #d8e6f9;
}

@media (max-width: 768px) {
  .custom-mb-style {
    flex: 0 0 100%;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }
}

@media (max-width: 768px) {
  .mbWidth {
    width: 150px;
  }
}

.show-md {
  display: none;
}
@media (max-width: 768px) {
  .show-md {
    display: block;
  }
}

.hide-md {
  display: block;
}
@media (max-width: 768px) {
  .hide-md {
    display: none;
  }
}

.organization-menu {
  width: 100%;
}
.organization-menu input::placeholder {
  font-size: 14px;
}

.icon-image {
  height: 20px;
  width: 18px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .mb-create-button-wrapper {
    justify-content: flex-end;
    width: 100%;
    padding-right: 1rem;
  }
  .mb-create-button-wrapper button.btn-outline-primary {
    max-width: 110px;
    margin-right: 1.5rem !important;
  }
}

@media (max-width: 768px) {
  .mb-pills-wrapper {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    flex-direction: column-reverse;
  }
  .mb-pills-wrapper .mb-select-all {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }
}

.assign-leads-wrapper .assign-leads-label {
  margin-top: 10px;
}
.assign-leads-wrapper .assign-leads-autocomplete {
  margin-bottom: 20px;
}
.assign-leads-wrapper .assign-leads-autocomplete input {
  display: flex;
  padding: 12px;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  height: 40px;
  border-radius: 4px;
}
.assign-leads-wrapper .assign-leads-autocomplete input::placeholder {
  font-size: 14px;
}

.max-50-vw {
  max-width: 50vw;
}
@media (max-width: 768px) {
  .max-50-vw {
    max-width: 100%;
  }
}

.leads-product-icon {
  width: 20px !important;
  height: 20px !important;
}.rbt .rbt-input-main::-ms-clear {
  display: none;
}

/**
 * Menu
 */
.rbt-menu {
  margin-bottom: 2px;
}
.rbt-menu > .dropdown-item {
  overflow: hidden;
  text-overflow: ellipsis;
}
.rbt-menu > .dropdown-item:focus {
  outline: none;
}
.rbt-menu-pagination-option {
  text-align: center;
}

/**
 * Multi-select Input
 */
.rbt-input-multi {
  cursor: text;
  overflow: hidden;
  position: relative;
}
.rbt-input-multi.focus {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  color: #495057;
  outline: 0;
}
.rbt-input-multi.form-control {
  height: auto;
}
.rbt-input-multi.disabled {
  background-color: #e9ecef;
  opacity: 1;
}
.rbt-input-multi.is-invalid.focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.rbt-input-multi.is-valid.focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.rbt-input-multi input::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.rbt-input-multi input:-ms-input-placeholder {
  color: #6c757d;
}
.rbt-input-multi input::-webkit-input-placeholder {
  color: #6c757d;
}
.rbt-input-multi .rbt-input-wrapper {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -4px;
  margin-top: -1px;
  overflow: hidden;
}
.rbt-input-multi .rbt-input-main {
  margin: 1px 0 4px;
}

/**
 * Close Button
 */
.rbt-close {
  z-index: 1;
}
.rbt-close-lg {
  font-size: 1.5rem;
}

/**
 * Token
 */
.rbt-token {
  background-color: #e7f4ff;
  border: 0;
  border-radius: 0.25rem;
  color: #007bff;
  display: inline-flex;
  line-height: 1rem;
  margin: 1px 3px 2px 0;
}
.rbt-token .rbt-token-label {
  padding: 0.25rem 0.5rem;
}
.rbt-token .rbt-token-label:not(:last-child) {
  padding-right: 0.25rem;
}
.rbt-token-disabled {
  background-color: rgba(0, 0, 0, 0.1);
  color: #495057;
  pointer-events: none;
}
.rbt-token-removeable {
  cursor: pointer;
}
.rbt-token-active {
  background-color: #007bff;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.rbt-token .rbt-token-remove-button {
  background-image: none;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  box-shadow: none;
  color: inherit;
  display: flex;
  justify-content: center;
  font-size: inherit;
  font-weight: normal;
  opacity: 1;
  outline: none;
  padding: 0.25rem 0.5rem;
  padding-left: 0;
  text-shadow: none;
}
.rbt-token .rbt-token-remove-button .rbt-close-content {
  display: block;
}

/**
 * Loader + CloseButton container
 */
.rbt-aux {
  align-items: center;
  display: flex;
  bottom: 0;
  justify-content: center;
  pointer-events: none; /* Don't block clicks on the input */
  position: absolute;
  right: 0;
  top: 0;
  width: 2rem;
}
.rbt-aux-lg {
  width: 3rem;
}
.rbt-aux .rbt-close {
  margin-top: -0.25rem;
  pointer-events: auto; /* Override pointer-events: none; above */
}

.has-aux .form-control {
  padding-right: 2rem;
}
.has-aux .form-control.is-valid, .has-aux .form-control.is-invalid {
  background-position: right 2rem center;
  padding-right: 4rem;
}

.rbt-highlight-text {
  background-color: inherit;
  color: inherit;
  font-weight: bold;
  padding: 0;
}

/**
 * Input Groups
 */
.input-group > .rbt {
  flex: 1;
}
.input-group > .rbt .rbt-input-hint, .input-group > .rbt .rbt-aux {
  z-index: 5;
}
.input-group > .rbt:not(:first-child) .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .rbt:not(:last-child) .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}@font-face {
  font-family: "agGridAlpine";
  src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABSoAAsAAAAAK7gAABRWAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIo4BmAAjD4KrmymJgE2AiQDglALgSoABCAFhEYHhXYbASZFJCOtkxBFydpkZf8fErghQ6yh74mCyaxShq0pJ3FjPz+dmNH30BXdFBpb6SwXEgWXuBQqCFGoSeoyaFAa6Nocd/51v3jRmIi4ES8bSskDz/3e+2KRuDMcjZp/LCosooEHMpwlDnhCeTyfLn90630HgTMXIIEgZ/orbsvYZe4ydO421+r3zt1393t3DK51j7RoxXiEREbHRtYy9G7WzxBqM0iNQLsiVlkDTqUyUhNk1XOS3Gdy54W60K4Z646dCmdP5Qc87d9AZmKFpNDgZACbQb8dDlAP7Bm525H4+1Pto/Rys4fFvjLe9vtedwKywx2WeEI4JQECwtKSPj8Cfn4utb0RgKzQmxU/P/+uefeTXnNXSn+J0oxSTm+AZIEU8aVXILoBqU1uCljOTfgZQ8JMylERN5TewoRDyW6WNHFNyHNTLXg8gpVjWzJ4yF8zH3j0XvBCxIgBIqYQYwqBZfrltCMCoFAHxrT+7B3lWjf7m2KQ6NgAZNmDdb80w7JyQSUjAhYfxzelcm744l8xz7DKhAkZTJE1aqhL3Y+IRUaLiZ0Y106CiQSETEExeNJsYYVKwzKNLtF8Ijip9529MEQi22vzVrNS5iHY6HBfW9ohyKe6pjjFJ1vhLvUdVcWRieYIxCalQ+RndYCtaQwCbdl+H4uVPQG1gW14cVZ0mCGAVcb11Y6FOzvqs3IptiarZyQwyVakwjImw66QUWdQaHpjuqyy0hR7GNWGyPRP4syRNTl3BbEmMGr2Vr1nINgKkYVs1GM8l9KqsJMnvmmy29aga4cS+y31tWR0o+1YqvHxtgbshGixzDLu7I1YLKTEOjORpgYRHGcPwylh5YPfbt178OrLZDPneE6HWcgctuvilxQrdx3fwqdo2Tl0yaVjGzyPwnpKNSsHxWFLJWt7ty7FJGMp29l6iUPwTWZnc2VGQiLQTTl7w8asqmkQ3keIXwAHndePIpy+vIBG4wDKkh24/F07cmO90xtiE1PRk9BKvFelRHFwSoynUccyDRm1pEMoYzX1iEyjp6QDGcfh296pnSQLwYrsVPUMS3O0jOYGDFGsSHyLEYORgkOmSWnHWRTLYujZFpRhGkyQqFvbQ7EYe2YeDdTFA298M+UsoVSZrruJjM9zt2ZscizR9kos44IeR3TWHU0e5wKGFc2jRw2sD3WIpilgtWRk8AKCDpQMv6IhZSrVXWriIkxPlHRjRp1hY+vbDTlB4YVTkAPC0/5ecJZ8+OBFfaADhLgIUaMGF9vm/VWdkCiO6VjS4ybStWBlQFJwBFQBMQgryxOCCrCpVoVlk7kj/4FSFova0/TSB78SISH//6j20GufEtMjFteKlIArdk+pmPhDx7IlfaTR0xSwgGzBQKmriVNgx8NVrRycmTBYCIdnZmFlY+fg5OLm4eXjd/HIJzEkLCIqJi4hKSUtIysnr6CopKyiqqauoamlLaOjq4fl0TcwNDI2MTUDQS6im3v8+akuvTd7EueyRXtfc9MAqZXsji3dgyNml2JAXI53HKjerAeYWQqYXRcwtzZgfr3AwrLA4oaBpaWB5XUAK2sE1tYJrK8d2FgfsLlmYGtNwPYGgN1lgL21AvtrAA7WDxxuCDhaC3C8buBkg8DpMQISUxIMAUuACDgCnsBMYCGwEtgI7AQOAieBi8BN4CHwEvgI/AQBgiBBiCBMECGIEsQI4gQJgiRBiiBNkCHIEuQI8gQFgiJBiaBMUCGoEtQI6gQNgiZBi6BN0OExXZfk9Qj6BANOIpAMn24zImrGBBOCKcGMQCDABARbABIwuivnEhfknkPBei+KCu5wCMFN3pSJNRZi+mWhfEoEUkIdIUayKJNaOJBsGam3Tkwgvw4k27xRbHGurY71q1CPiNLO3CpCqpRqe5kaMkGTY7LsTHH9o3Fqjy/c5jxKVt9gkM1Wr1aL4PK8rWAzdxUZay95PETgqbMSPMe27K5yGmy3AAm5xnWFTswcaVVlL41lY3yj1FHnterhmxBKBkAJMEIDZ8ZqQlczvtFJiYPXUcJKKLcTVu3gl0ooL+Q6LNBij0tSSRgjZBoZofHYCIVFf4KVBYwUcVZMeSGRsB4xDJAX65CUqt44CBLlQzdxmnb7CExSDt/a4+HUS//dZoUJmqXE1KSVD7Z7CqjLXcYpbcgcso0C+aEWgsrClrmSKcFcg3S4fKPHAtJJbpcRXiSD+gDocYKRHuLkh9ioapKgPEKVhgTjeq8ec+JxMa+HS34WFWs+ILGCxfzcqxDck2SkTZZmjCvr5KahIaQOjLS0dECl90AQa6fGgNyg+sWWEaQeBHL7sBYY19io+ag8ehKpM/2vnFByc7MPawGotAyIAyP7lQOBw/qHm6/y7G9Rh4Ds81lm9Ft8/3Sc8kYrrK33ySCTNDSUq36RieItjM3rPf7OwDHL2iYrjETkcFiNRqHyJCPDh4BQRyUWw1purXpyVB47pQUPKPtPb1AfOKYE5ZGXljd2jBzNlIqIcE6FFbi9dypzZphRGcTacBblVou4FuuAPJtQn9FqnzogsraV3YfUEahs9ngLCV1f5KSxdtWYWjIPhlfbVxeFUTgaZaL1SIyeDC+OdBzWeJFLsMnxTlYYvIfU+TTGo5WobtdiByUcJkpBdTGS29DwfSlMrC2kytxP/rESAURg0LyBgmLItzNeRKgH6xBHENPNrmwS/UvAAOuBCZZaIDBgax5IAMYkrpqSwpGAPdfcwItc7mJmLFcu38cVSSv4NO7eJUiHTH71CGDt7sXIhTsIvq1pyIwEPBaMGwtYcb0BGjdsgGewMQ81cgRFwKD/6bBk1CH4KiPJ6yW4cZRfCKgCBe358N7djNg5pYQ5KR+ATpdy5Doif7vrXNStRh3esxEgV1pFQh331Dvj0TDoY66dQRuWh9QRJbDWlICBEWIvszbGb8KBZ088zTsWBVYNWt2zR2efzCMWX1b3/NHl0xlxrO/LbLJkkWs5V2a7rYFJrVOzucWHfdbBcUw6FolM+KSkLRzO+brueDQ68dPyzlgs/7takz7CT4QmxTbIlvaHuTOgN3M6sYveq+Qgy3TzkO2ZV/OvzwtM2iRPwZCFJ2PIVfXBeIIhrgd4YsejvLo+lAMwv4YA3t0d2HqyIAuy4BbOPaob+Lldcw1/9+L6TiNds/vYddyDVwzA+OrybP8wbjED03qsR9UjqTSXu97rKfe6vV66w8Orpc7dZIiJuz0iD2gP5xTejsHljQmieBu9EQa9Z6Zy5P4sCnQdX7xLetA+vMCLPFE17AYIIO9E2hEoiDBA7wDHAz2QH/qVKhLqqQCTjYbuK7xPwzXqIyWkPZQfbMFnXL/lC52o/gIuSJO0YaD3Ba5fBAVc5jyE6xsy2nSWT7lZb6rWGxNq2e9CWjV1skD/KC/bP65xltXuZNOHZg/ZmnrE85vfZGsApRZOZwUXHZjaIor82KrAonms2OFaTey7adP0BlEVRZLVbWubncm2e5xUwDpu39LvJ+x2r2bmAnFsNwHzwu8W/I0cxTvCEsXvlykRcWDwkss+b28I+v0dnJdwwpxJBcPm2c2XCvR/nReP/5f8/ik+8hIlwCTpTLKUU8xiFXNKHxnl/MWsUs6jHJrwuTNnCOYSODNtAXhV2LxO01I/tb9e7+zUdmkhf/oLNDH6ku+NuRTty8cTgFhaXFJSjl/r709JLVcnREapo+RBPZZ9osWLW0o9w6uLXV3zyssNdXbBcbXu+LXrB+zr1k18RbMCQQ6meuCv3wG0C7+20sntGjOcVOfWrysVrG3RnB7JvvuzJmCe0bm/ISBQiSu/vJZ5eiogyhkYeDpciYA8zrv97G3wnFuSJ5HkFbfgwBmCkItaQd6l5153R8ugbLPBrJrQ+NDqUNbm/yofs/XCuMede8YahN3ZIvtbBpsXXzO8O+GSs31N/K/Op1wCj3QIGW78EEeLDuNeQTvdzrqV5r+nyj8nx6PPtv2gbZa7i6uP7a2XdPyOaV+t+rUhLdvRtsv6Na8HYpwfuTpqjHe7LLJZy0t9ONHRJqVslcTVdfmx9Pn8iRF7win3CHDpsdqVbJlgY1x2b55td7LSnXY2xhx1ppMwZsjtG2Jdz7oXevyxcDoRTyOqPYKgVRcfT9BRUVl3UVtogT89L1SjFUQ8PcRncZLnyfm5upO5u3XM+buN4KyutK7UUGfi5Sf+ytF2CRXngOHwxYc2y4N5dpeul+xJrJ/YmOiK2aUFfl9ViuUtvEiuJJsXWaclpzRmdQ/NcJzo7uzOzOnL7mGONkk2T7ZLB3WQ3S7Ou5/v1bEuOxN8VkmElWTrpG293mnhESxp4aG7QXchrSEbWp9q6/FK43GTUipLze+ciuI9RKXlAyxVhgpZvZAZqQoPV0QyLZOqu+hZmakSpyuVKTwk311UppA6EYzclUEP+pKVMNmJpeUeovqr8p54pbX16qTrm9wr3Ps0g1cad5QuQhsyioNIFWBtaXNs22kqd1OdBzLQW53797ZPPgVvOeeHZF9jje7WX8kXAmN69ddRSoNpsT2a9EA0NL8IIfcNJZAoB2VTGA3TbNdi2o5DtT9fO+g3dGIcTPPzFLYXxsCHww3ad8/T5zj6/o7HhzsPVv+UJYKevyLZWxB9mp5bwmYXtxoFuEJByBZPZHV4Kp7auWIWA/K5VQaXkB7AM5mRPCb42z88ZZ+79efJEzCSGVuTnIVtoutVXoG87EElT3DM0dWVexfCx8Wz0hdOqOjqyrsjmH2O9UUuiZJaEuNslATH9oKj95uuXaVDkxW95m+08PByNjyZ8GFg8ErYvJHHzTK5NXff4oKo5MikpMjkqAJuDbLk0qNspCbZCQe3qDSIH96w4cr/C/5eOTAVAnUbUZXoFGmjkdGBvPyMt6pWXLtYi0PB61OnmmfzUscfb4mvqyudskqA+t7w8Una/uiZZ2oqTfS2IF7asXW+mY+/C37/7qLJW7RfW1uLWh0tszw6KlzNtjvMmNk23errO+vHUAisnFarZeHhMjNhvAQzohfUhx0Y5X249/eK/Hcmv7tT6I7mv7/fSbNLpwd8kHbbNgVxPAunxqjDwhXyCLJ9DHXqI5ya+4EhTruakuejMHutr3cfJOhf70d/5LzYYQyq9mHY3v80vQa1y/YxPLhiiqZ/SKNW9vXD2J/XTKjK6r9/H67nF56KkNzgceOCc0MKzxglaNy474kLQ85IPJvWj2gqZOUxGHmswluF6vx5jELWrVxu+Pz7U9skktYxRHSMSf856c9mEvyk4tX/y6wDIQa+j/eeksbnbsI2cd6iNBSetJheVhzM2Wq0n2wLXvre9f1Lkrqtzf7+zyckPK6vr1gMwcfJYhL+POaXcku+k6Lg8OVB5MUqTzbvzEq0TMAdM98StqIwK8v82YbBgdnKWhF3uLUg4Lrkr5Tww1uLi1QqvZ6+azdYXx7mYXP0ntHePgfTo6wjLHvBwi+Hgk1Uc/tF4K++WdWpcVjIz7Tf5xbByqXvlH5CocYV23ehu3bgcjUh1w96oGHydPgRUd2dA0Wxu7Hd24NgVKwYcBeGEel4mJsAy/AGmzSbg0M9d7KVTbB8+Zo72nyBKMAG2GjvaMKN5A7S4VbHTmrpkqVLKRgyu6tOvfSype6tSp3uq3bL5Fj7M6cLCoRljuN2vt1bV1r/ouX6hafnmqfVQSAwY0b9sVdXBrkbJ3grFYpHx17s6XagDl6ghzZTfF5m5kdr9AH+aPuMmQ5tZmJFR3s7pDDszD9puOIYvHmDS447YU5gMf089rLsGEBEMH0VqZo3////m5B70QrmnSz4/1sD5PcFAEAkfCLMhLWMmkTWbeRCiC5eJm5KJsuAcF6YQjcA/z+yyei34KhFwme61iKgjjRepy2RGhj93fxBima9sgDTZN3VUPuXB4kjrNG6dYQL4JE21D3mqaTaFCKNJjONkYSwQeuoBjTBko3WM8pI14p2H0FIbLIkWSFkNC09GUj7m9p2fZPWIMlkGr1kMimTFgY2U0SvkA+sz32bdC2rp0rsVn9NxkIcYL7Fd1eZtbtPcp9cRRGAW8QXJev728b61A2X4yVJ/lI2v35M6VCx468OvgvAD/cC+CsrKoVjAaUCyRQDSSsCSCplYNG+k+ZagGHeXBsMkAe+RJJQeQAZ0AQEgMYpAIINBmZzdWCCJhA+++pBT9+huQkgwjVIpO+buQgY1H83DDMNypA3v8S7LyF6wt/Y5GDkfJ3gXf6jJM9UvFYvl1r2CwnFKLrifC9S17yp1kUt3BY/mU6jQuAiCn+g1eqiGt+fn+uw1ZXltmc0fhGe80UQeQT9hqsrlwWGKGxUoPyHS0h8bIwUXlVeFC2/cIKbAEXvFM7uO2PSabzRWKkVG1WwNqU/tWJFCDHwB41y9QOyIatcaqjRu+d4e7Uqq1gttifTi4PKJzEUKi3adOjSe6rAQkbPnP6/qdfnDwRD4Ug0Fk8kU+lMNpcvFEvlSrVWbzRb7U631x8MR+PJdCaIEiZySjQ1LT2jeYuWrVq3aduufYeOnTp36Qq56KYRbIx6prER4WsamGTH1pDFMLIXI7rdjGg/z3wrDzHons6q8eRQUVpPRnF/KSSTknFpObCU0Z8MlIkPc0tpbplUjFV0Q8vxPrLCKQ1s6gY269BhsiO8fbcwXTka7aZuhncsUzDpMkjjxrUP3yiMkluSDhvxcXTjOMdhoaDQY63j4Knh2k4CG+epmbbm5lv/wGGLlKeGEqG2hDcdEhMuiLU0IfAV3ShqqCUOoqdR9B3rNAp2nnPayo3eD5fnrMpUcl1vzkqjkfjmosNkOpyn9nNp6fhKR9wmcQFfRZy+cwaDPpjz7FUQHUln55k5Ik0z2aIbxpDTqAitfWoF115Oh4Kq9gWnpWNp+QMq40wPXKbVRkfoyjO3L6SdCy9KOYKBBgQQFDwwEFwhgYUAF/iEM9ygnIcWMkS4Qwc1PHoAAAA=);
  font-weight: normal;
  font-style: normal;
}
.ag-theme-alpine,
.ag-theme-alpine-dark,
.ag-theme-alpine-auto-dark {
  --ag-alpine-active-color: #2196f3;
  --ag-selected-row-background-color: rgba(33, 150, 243, 0.3);
  --ag-row-hover-color: rgba(33, 150, 243, 0.1);
  --ag-column-hover-color: rgba(33, 150, 243, 0.1);
  --ag-input-focus-border-color: rgba(33, 150, 243, 0.4);
  --ag-range-selection-background-color: rgba(33, 150, 243, 0.2);
  --ag-range-selection-background-color-2: rgba(33, 150, 243, 0.36);
  --ag-range-selection-background-color-3: rgba(33, 150, 243, 0.49);
  --ag-range-selection-background-color-4: rgba(33, 150, 243, 0.59);
  --ag-row-numbers-selected-color: color-mix(in srgb, transparent, var(--ag-alpine-active-color) 50%);
  --ag-background-color: #fff;
  --ag-foreground-color: #181d1f;
  --ag-border-color: #babfc7;
  --ag-secondary-border-color: #dde2eb;
  --ag-header-background-color: #f8f8f8;
  --ag-tooltip-background-color: #f8f8f8;
  --ag-odd-row-background-color: #fcfcfc;
  --ag-control-panel-background-color: #f8f8f8;
  --ag-subheader-background-color: #fff;
  --ag-invalid-color: #e02525;
  --ag-checkbox-unchecked-color: #999;
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-find-match-color: var(--ag-foreground-color);
  --ag-find-match-background-color: #ffff00;
  --ag-find-active-match-color: var(--ag-foreground-color);
  --ag-find-active-match-background-color: #ffa500;
  --ag-checkbox-background-color: var(--ag-background-color);
  --ag-checkbox-checked-color: var(--ag-alpine-active-color);
  --ag-range-selection-border-color: var(--ag-alpine-active-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-input-focus-box-shadow: 0 0 2px 0.1rem var(--ag-input-focus-border-color);
  --ag-panel-background-color: var(--ag-header-background-color);
  --ag-menu-background-color: var(--ag-header-background-color);
  --ag-disabled-foreground-color: rgba(24, 29, 31, 0.5);
  --ag-chip-background-color: rgba(24, 29, 31, 0.07);
  --ag-input-disabled-border-color: rgba(186, 191, 199, 0.3);
  --ag-input-disabled-background-color: rgba(186, 191, 199, 0.15);
  --ag-borders: solid 1px;
  --ag-border-radius: 3px;
  --ag-borders-side-button: none;
  --ag-side-button-selected-background-color: transparent;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-width: 2px;
  --ag-header-column-resize-handle-height: 30%;
  --ag-grid-size: 6px;
  --ag-icon-size: 16px;
  --ag-row-height: calc(var(--ag-grid-size) * 7);
  --ag-header-height: calc(var(--ag-grid-size) * 8);
  --ag-list-item-height: calc(var(--ag-grid-size) * 4);
  --ag-column-select-indent-size: var(--ag-icon-size);
  --ag-set-filter-indent-size: var(--ag-icon-size);
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-width: 28px;
  --ag-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell,
      "Helvetica Neue", sans-serif;
  --ag-font-size: 13px;
  --ag-icon-font-family: agGridAlpine;
  --ag-selected-tab-underline-color: var(--ag-alpine-active-color);
  --ag-selected-tab-underline-width: 2px;
  --ag-selected-tab-underline-transition-speed: 0.3s;
  --ag-tab-min-width: 240px;
  --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);
  --ag-popup-shadow: var(--ag-card-shadow);
  --ag-side-bar-panel-width: 250px;
}

.ag-theme-alpine-dark {
  --ag-background-color: #181d1f;
  --ag-foreground-color: #fff;
  --ag-border-color: #68686e;
  --ag-secondary-border-color: rgba(88, 86, 82, 0.5);
  --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);
  --ag-header-background-color: #222628;
  --ag-tooltip-background-color: #222628;
  --ag-odd-row-background-color: #222628;
  --ag-control-panel-background-color: #222628;
  --ag-subheader-background-color: #000;
  --ag-input-disabled-background-color: #282c2f;
  --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color);
  --ag-card-shadow: 0 1px 20px 1px black;
  --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);
  --ag-chip-background-color: rgba(255, 255, 255, 0.07);
  --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);
  --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);
  --ag-advanced-filter-join-pill-color: #7a3a37;
  --ag-advanced-filter-column-pill-color: #355f2d;
  --ag-advanced-filter-option-pill-color: #5a3168;
  --ag-advanced-filter-value-pill-color: #374c86;
  --ag-find-match-color: var(--ag-background-color);
  --ag-find-active-match-color: var(--ag-background-color);
  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  .ag-theme-alpine-auto-dark {
    --ag-background-color: #181d1f;
    --ag-foreground-color: #fff;
    --ag-border-color: #68686e;
    --ag-secondary-border-color: rgba(88, 86, 82, 0.5);
    --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);
    --ag-header-background-color: #222628;
    --ag-tooltip-background-color: #222628;
    --ag-odd-row-background-color: #222628;
    --ag-control-panel-background-color: #222628;
    --ag-subheader-background-color: #000;
    --ag-input-disabled-background-color: #282c2f;
    --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color);
    --ag-card-shadow: 0 1px 20px 1px black;
    --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);
    --ag-chip-background-color: rgba(255, 255, 255, 0.07);
    --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);
    --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);
    --ag-advanced-filter-join-pill-color: #7a3a37;
    --ag-advanced-filter-column-pill-color: #355f2d;
    --ag-advanced-filter-option-pill-color: #5a3168;
    --ag-advanced-filter-value-pill-color: #374c86;
    --ag-find-match-color: var(--ag-background-color);
    --ag-find-active-match-color: var(--ag-background-color);
    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
    color-scheme: dark;
  }
}
.ag-theme-alpine .ag-filter-toolpanel-header,
.ag-theme-alpine .ag-filter-toolpanel-search,
.ag-theme-alpine .ag-status-bar,
.ag-theme-alpine .ag-header-row,
.ag-theme-alpine .ag-row-number-cell,
.ag-theme-alpine .ag-panel-title-bar-title,
.ag-theme-alpine .ag-multi-filter-group-title-bar,
.ag-theme-alpine-dark .ag-filter-toolpanel-header,
.ag-theme-alpine-dark .ag-filter-toolpanel-search,
.ag-theme-alpine-dark .ag-status-bar,
.ag-theme-alpine-dark .ag-header-row,
.ag-theme-alpine-dark .ag-row-number-cell,
.ag-theme-alpine-dark .ag-panel-title-bar-title,
.ag-theme-alpine-dark .ag-multi-filter-group-title-bar,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-header,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-search,
.ag-theme-alpine-auto-dark .ag-status-bar,
.ag-theme-alpine-auto-dark .ag-header-row,
.ag-theme-alpine-auto-dark .ag-row-number-cell,
.ag-theme-alpine-auto-dark .ag-panel-title-bar-title,
.ag-theme-alpine-auto-dark .ag-multi-filter-group-title-bar {
  font-weight: 700;
  color: var(--ag-header-foreground-color);
}
.ag-theme-alpine .ag-row,
.ag-theme-alpine-dark .ag-row,
.ag-theme-alpine-auto-dark .ag-row {
  font-size: calc(var(--ag-font-size) + 1px);
}
.ag-theme-alpine input[class^=ag-]:not([type]),
.ag-theme-alpine input[class^=ag-][type=text],
.ag-theme-alpine input[class^=ag-][type=number],
.ag-theme-alpine input[class^=ag-][type=tel],
.ag-theme-alpine input[class^=ag-][type=date],
.ag-theme-alpine input[class^=ag-][type=datetime-local],
.ag-theme-alpine textarea[class^=ag-],
.ag-theme-alpine-dark input[class^=ag-]:not([type]),
.ag-theme-alpine-dark input[class^=ag-][type=text],
.ag-theme-alpine-dark input[class^=ag-][type=number],
.ag-theme-alpine-dark input[class^=ag-][type=tel],
.ag-theme-alpine-dark input[class^=ag-][type=date],
.ag-theme-alpine-dark input[class^=ag-][type=datetime-local],
.ag-theme-alpine-dark textarea[class^=ag-],
.ag-theme-alpine-auto-dark input[class^=ag-]:not([type]),
.ag-theme-alpine-auto-dark input[class^=ag-][type=text],
.ag-theme-alpine-auto-dark input[class^=ag-][type=number],
.ag-theme-alpine-auto-dark input[class^=ag-][type=tel],
.ag-theme-alpine-auto-dark input[class^=ag-][type=date],
.ag-theme-alpine-auto-dark input[class^=ag-][type=datetime-local],
.ag-theme-alpine-auto-dark textarea[class^=ag-] {
  min-height: calc(var(--ag-grid-size) * 4);
  border-radius: var(--ag-border-radius);
}
.ag-theme-alpine .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-ltr textarea[class^=ag-], .ag-theme-alpine-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-ltr textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-ltr textarea[class^=ag-] {
  padding-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-rtl textarea[class^=ag-], .ag-theme-alpine-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-rtl textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-rtl textarea[class^=ag-] {
  padding-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-tab,
.ag-theme-alpine-dark .ag-tab,
.ag-theme-alpine-auto-dark .ag-tab {
  padding: calc(var(--ag-grid-size) * 1.5);
  transition: color 0.4s;
  flex: 1 1 auto;
}
.ag-theme-alpine .ag-tab-selected,
.ag-theme-alpine-dark .ag-tab-selected,
.ag-theme-alpine-auto-dark .ag-tab-selected {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-menu,
.ag-theme-alpine-dark .ag-menu,
.ag-theme-alpine-auto-dark .ag-menu {
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-alpine .ag-panel-content-wrapper .ag-column-select,
.ag-theme-alpine-dark .ag-panel-content-wrapper .ag-column-select,
.ag-theme-alpine-auto-dark .ag-panel-content-wrapper .ag-column-select {
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-alpine .ag-menu-header,
.ag-theme-alpine-dark .ag-menu-header,
.ag-theme-alpine-auto-dark .ag-menu-header {
  background-color: var(--ag-control-panel-background-color);
  padding-top: 1px;
}
.ag-theme-alpine .ag-tabs-header,
.ag-theme-alpine-dark .ag-tabs-header,
.ag-theme-alpine-auto-dark .ag-tabs-header {
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-theme-alpine .ag-charts-settings-group-title-bar,
.ag-theme-alpine .ag-charts-data-group-title-bar,
.ag-theme-alpine .ag-charts-format-top-level-group-title-bar,
.ag-theme-alpine .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-alpine-dark .ag-charts-settings-group-title-bar,
.ag-theme-alpine-dark .ag-charts-data-group-title-bar,
.ag-theme-alpine-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar {
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  line-height: calc(var(--ag-icon-size) + var(--ag-grid-size) - 2px);
}
.ag-theme-alpine .ag-chart-mini-thumbnail,
.ag-theme-alpine-dark .ag-chart-mini-thumbnail,
.ag-theme-alpine-auto-dark .ag-chart-mini-thumbnail {
  background-color: var(--ag-background-color);
}
.ag-theme-alpine .ag-chart-settings-nav-bar,
.ag-theme-alpine-dark .ag-chart-settings-nav-bar,
.ag-theme-alpine-auto-dark .ag-chart-settings-nav-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-alpine .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-ltr .ag-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-rtl .ag-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine .ag-charts-advanced-settings-top-level-group-toolbar,
.ag-theme-alpine-dark .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-toolbar,
.ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-toolbar {
  margin-top: var(--ag-grid-size);
}
.ag-theme-alpine .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar {
  padding-left: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar {
  padding-right: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-charts-format-sub-level-group,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group {
  border-left: dashed 1px;
  border-left-color: var(--ag-border-color);
  padding-left: var(--ag-grid-size);
  margin-bottom: calc(var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-charts-format-sub-level-group-title-bar,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-title-bar {
  padding-top: 0;
  padding-bottom: 0;
  background: none;
  font-weight: 700;
}
.ag-theme-alpine .ag-charts-format-sub-level-group-container,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group-container,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-container {
  padding-bottom: 0;
}
.ag-theme-alpine .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-item:last-child {
  margin-bottom: 0;
}
.ag-theme-alpine.ag-dnd-ghost,
.ag-theme-alpine-dark.ag-dnd-ghost,
.ag-theme-alpine-auto-dark.ag-dnd-ghost {
  font-size: calc(var(--ag-font-size) - 1px);
  font-weight: 700;
}
.ag-theme-alpine .ag-side-buttons,
.ag-theme-alpine-dark .ag-side-buttons,
.ag-theme-alpine-auto-dark .ag-side-buttons {
  width: calc(var(--ag-grid-size) * 5);
}
.ag-theme-alpine .ag-standard-button,
.ag-theme-alpine-dark .ag-standard-button,
.ag-theme-alpine-auto-dark .ag-standard-button {
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
  border-radius: var(--ag-border-radius);
  border: 1px solid;
  border-color: var(--ag-alpine-active-color);
  color: var(--ag-alpine-active-color);
  background-color: var(--ag-background-color);
  font-weight: 600;
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-standard-button:hover,
.ag-theme-alpine-dark .ag-standard-button:hover,
.ag-theme-alpine-auto-dark .ag-standard-button:hover {
  border-color: var(--ag-alpine-active-color);
  background-color: var(--ag-row-hover-color);
}
.ag-theme-alpine .ag-standard-button:active,
.ag-theme-alpine-dark .ag-standard-button:active,
.ag-theme-alpine-auto-dark .ag-standard-button:active {
  border-color: var(--ag-alpine-active-color);
  background-color: var(--ag-alpine-active-color);
  color: var(--ag-background-color);
}
.ag-theme-alpine .ag-standard-button:disabled,
.ag-theme-alpine-dark .ag-standard-button:disabled,
.ag-theme-alpine-auto-dark .ag-standard-button:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-theme-alpine .ag-column-drop-vertical,
.ag-theme-alpine-dark .ag-column-drop-vertical,
.ag-theme-alpine-auto-dark .ag-column-drop-vertical {
  min-height: 75px;
}
.ag-theme-alpine .ag-column-drop-vertical-title-bar,
.ag-theme-alpine-dark .ag-column-drop-vertical-title-bar,
.ag-theme-alpine-auto-dark .ag-column-drop-vertical-title-bar {
  padding: calc(var(--ag-grid-size) * 2);
  padding-bottom: 0px;
}
.ag-theme-alpine .ag-column-drop-vertical-empty-message,
.ag-theme-alpine-dark .ag-column-drop-vertical-empty-message,
.ag-theme-alpine-auto-dark .ag-column-drop-vertical-empty-message {
  display: flex;
  align-items: center;
  border: dashed 1px;
  border-color: var(--ag-border-color);
  margin: calc(var(--ag-grid-size) * 2);
  padding: calc(var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-column-drop-empty-message,
.ag-theme-alpine-dark .ag-column-drop-empty-message,
.ag-theme-alpine-auto-dark .ag-column-drop-empty-message {
  color: var(--ag-foreground-color);
  opacity: 0.75;
}
.ag-theme-alpine .ag-pill-select .ag-column-drop,
.ag-theme-alpine-dark .ag-pill-select .ag-column-drop,
.ag-theme-alpine-auto-dark .ag-pill-select .ag-column-drop {
  min-height: unset;
}
.ag-theme-alpine .ag-status-bar,
.ag-theme-alpine-dark .ag-status-bar,
.ag-theme-alpine-auto-dark .ag-status-bar {
  font-weight: normal;
}
.ag-theme-alpine .ag-status-name-value-value,
.ag-theme-alpine-dark .ag-status-name-value-value,
.ag-theme-alpine-auto-dark .ag-status-name-value-value {
  font-weight: 700;
}
.ag-theme-alpine .ag-paging-number,
.ag-theme-alpine .ag-paging-row-summary-panel-number,
.ag-theme-alpine-dark .ag-paging-number,
.ag-theme-alpine-dark .ag-paging-row-summary-panel-number,
.ag-theme-alpine-auto-dark .ag-paging-number,
.ag-theme-alpine-auto-dark .ag-paging-row-summary-panel-number {
  font-weight: 700;
}
.ag-theme-alpine .ag-column-drop-cell-button,
.ag-theme-alpine-dark .ag-column-drop-cell-button,
.ag-theme-alpine-auto-dark .ag-column-drop-cell-button {
  opacity: 0.5;
}
.ag-theme-alpine .ag-column-drop-cell-button:hover,
.ag-theme-alpine-dark .ag-column-drop-cell-button:hover,
.ag-theme-alpine-auto-dark .ag-column-drop-cell-button:hover {
  opacity: 0.75;
}
.ag-theme-alpine .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-alpine .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-alpine-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-alpine-dark .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-alpine-auto-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-alpine-auto-dark .ag-column-select-column-readonly .ag-icon-grip {
  opacity: 0.35;
}
.ag-theme-alpine .ag-header-cell-menu-button:hover,
.ag-theme-alpine .ag-header-cell-filter-button:hover,
.ag-theme-alpine .ag-side-button-button:hover,
.ag-theme-alpine .ag-tab:hover,
.ag-theme-alpine .ag-panel-title-bar-button:hover,
.ag-theme-alpine .ag-header-expand-icon:hover,
.ag-theme-alpine .ag-column-group-icons:hover,
.ag-theme-alpine .ag-set-filter-group-icons:hover,
.ag-theme-alpine .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine .ag-chart-settings-prev:hover,
.ag-theme-alpine .ag-chart-settings-next:hover,
.ag-theme-alpine .ag-group-title-bar-icon:hover,
.ag-theme-alpine .ag-column-select-header-icon:hover,
.ag-theme-alpine .ag-floating-filter-button-button:hover,
.ag-theme-alpine .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine .ag-chart-menu-icon:hover,
.ag-theme-alpine-dark .ag-header-cell-menu-button:hover,
.ag-theme-alpine-dark .ag-header-cell-filter-button:hover,
.ag-theme-alpine-dark .ag-side-button-button:hover,
.ag-theme-alpine-dark .ag-tab:hover,
.ag-theme-alpine-dark .ag-panel-title-bar-button:hover,
.ag-theme-alpine-dark .ag-header-expand-icon:hover,
.ag-theme-alpine-dark .ag-column-group-icons:hover,
.ag-theme-alpine-dark .ag-set-filter-group-icons:hover,
.ag-theme-alpine-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine-dark .ag-chart-settings-prev:hover,
.ag-theme-alpine-dark .ag-chart-settings-next:hover,
.ag-theme-alpine-dark .ag-group-title-bar-icon:hover,
.ag-theme-alpine-dark .ag-column-select-header-icon:hover,
.ag-theme-alpine-dark .ag-floating-filter-button-button:hover,
.ag-theme-alpine-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine-dark .ag-chart-menu-icon:hover,
.ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover,
.ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover,
.ag-theme-alpine-auto-dark .ag-side-button-button:hover,
.ag-theme-alpine-auto-dark .ag-tab:hover,
.ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover,
.ag-theme-alpine-auto-dark .ag-header-expand-icon:hover,
.ag-theme-alpine-auto-dark .ag-column-group-icons:hover,
.ag-theme-alpine-auto-dark .ag-set-filter-group-icons:hover,
.ag-theme-alpine-auto-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine-auto-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine-auto-dark .ag-chart-settings-prev:hover,
.ag-theme-alpine-auto-dark .ag-chart-settings-next:hover,
.ag-theme-alpine-auto-dark .ag-group-title-bar-icon:hover,
.ag-theme-alpine-auto-dark .ag-column-select-header-icon:hover,
.ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine-auto-dark .ag-chart-menu-icon:hover {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-header-cell-menu-button:hover .ag-icon,
.ag-theme-alpine .ag-header-cell-filter-button:hover .ag-icon,
.ag-theme-alpine .ag-side-button-button:hover .ag-icon,
.ag-theme-alpine .ag-panel-title-bar-button:hover .ag-icon,
.ag-theme-alpine .ag-floating-filter-button-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-header-cell-menu-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-header-cell-filter-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-side-button-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-panel-title-bar-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-floating-filter-button-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-side-button-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover .ag-icon {
  color: inherit;
}
.ag-theme-alpine .ag-filter-active .ag-icon-filter,
.ag-theme-alpine-dark .ag-filter-active .ag-icon-filter,
.ag-theme-alpine-auto-dark .ag-filter-active .ag-icon-filter {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-alpine-dark .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-alpine-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover {
  opacity: 0.35;
}
.ag-theme-alpine .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-ltr .ag-panel-title-bar-button {
  margin-left: calc(var(--ag-grid-size) * 2);
  margin-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-rtl .ag-panel-title-bar-button {
  margin-right: calc(var(--ag-grid-size) * 2);
  margin-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-group-container {
  padding-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-group-container {
  padding-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-filter-toolpanel-instance-filter,
.ag-theme-alpine-dark .ag-filter-toolpanel-instance-filter,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-instance-filter {
  border: none;
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
  border-left: dashed 1px;
  border-left-color: var(--ag-border-color);
  margin-left: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
  border-right: dashed 1px;
  border-right-color: var(--ag-border-color);
  margin-right: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-alpine .ag-set-filter-list,
.ag-theme-alpine-dark .ag-set-filter-list,
.ag-theme-alpine-auto-dark .ag-set-filter-list {
  padding-top: calc(var(--ag-grid-size) * 0.5);
  padding-bottom: calc(var(--ag-grid-size) * 0.5);
}
.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-alpine .ag-layout-print .ag-center-cols-viewport,
.ag-theme-alpine .ag-layout-print .ag-center-cols-container,
.ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-alpine-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-alpine-dark .ag-layout-print .ag-center-cols-container,
.ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-container {
  min-height: 150px;
}
.ag-theme-alpine .ag-date-time-list-page-entry-is-current,
.ag-theme-alpine-dark .ag-date-time-list-page-entry-is-current,
.ag-theme-alpine-auto-dark .ag-date-time-list-page-entry-is-current {
  background-color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-advanced-filter-builder-button,
.ag-theme-alpine-dark .ag-advanced-filter-builder-button,
.ag-theme-alpine-auto-dark .ag-advanced-filter-builder-button {
  padding: var(--ag-grid-size);
  font-weight: 600;
}
.ag-theme-alpine .ag-list-item-hovered::after,
.ag-theme-alpine-dark .ag-list-item-hovered::after,
.ag-theme-alpine-auto-dark .ag-list-item-hovered::after {
  background-color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-pill .ag-pill-button:hover,
.ag-theme-alpine-dark .ag-pill .ag-pill-button:hover,
.ag-theme-alpine-auto-dark .ag-pill .ag-pill-button:hover {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-header-highlight-before::after,
.ag-theme-alpine .ag-header-highlight-after::after,
.ag-theme-alpine-dark .ag-header-highlight-before::after,
.ag-theme-alpine-dark .ag-header-highlight-after::after,
.ag-theme-alpine-auto-dark .ag-header-highlight-before::after,
.ag-theme-alpine-auto-dark .ag-header-highlight-after::after {
  background-color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-alpine .ag-disabled .ag-icon,
.ag-theme-alpine .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-alpine [disabled] .ag-icon,
.ag-theme-alpine-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-alpine-dark .ag-disabled .ag-icon,
.ag-theme-alpine-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-alpine-dark [disabled] .ag-icon,
.ag-theme-alpine-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-alpine-auto-dark .ag-disabled .ag-icon,
.ag-theme-alpine-auto-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-alpine-auto-dark [disabled] .ag-icon {
  color: var(--ag-disabled-foreground-color);
}
/*
  Usage -> two types can be used below classes.
  //primary-font utility class created below and used on examples.
  1. By adding classnames directly to your HTML elements
     Ex: <p className="primary-font">Paragraph style 1</p>
  2. You can define your utility class names using placeholders and by using `@extend`
     Ex: <p className="test-paragraph">Paragraph style 2</p>
     style:
     .test-paragraph{
        @extend .primary-font;
     }
*/
.primary-font, .bannercard__icon {
  color: #434a51;
}

.secondary-font {
  color: #000000;
}

.tertiary-font {
  color: #717171 !important;
}

.header-font {
  color: #002d72;
}

.white-font {
  color: #ffffff !important;
}

.error-500-font {
  color: #ff4444 !important;
}

.error-main-font {
  color: #c81e27;
}

.primary-font-inactive {
  color: #aaaaaa;
}

.primary-action-font {
  color: #0052ce !important;
}

.primary-action-disabled-font {
  color: #a0c4f8;
}

.note-warning-font {
  color: #e28a05;
}

.primary-action-onhover {
  color: #2175f4;
}

.header-nav-font {
  color: #051d43;
}

.gradient-afternoon {
  color: #4178ff;
}

.disabled-text {
  color: rgba(0, 0, 0, 0.38) !important;
}

.bg-transparent {
  background-color: transparent;
}

.bg-primary-action {
  background-color: #0052ce !important;
}

.bg-primary-action-disabled {
  background-color: #a0c4f8;
}

.bg-error {
  background-color: #ff4444;
}

.bg-white {
  background-color: #ffffff;
}

.background-white {
  background-color: #ffffff;
}

.bg-background-default {
  background-color: #f1f1f1;
}

.background-warning {
  background-color: #fcf2e8 !important;
}

.background-integrity-royal-light-1 {
  background-color: #f1faff;
}

.background-integrity-royal-light-2 {
  background-color: #dfeafb;
}

.background-integrity-gray-light-1 {
  background-color: #f1f1f1;
}

.color-title {
  color: #7f7f8a;
}

.color-primary-main {
  color: #4178ff;
}

.title-blue-font {
  color: #052a63 !important;
}

.integrity-navy-font {
  color: #052a63;
}

.gradient-afternoon-font {
  color: #4178ff;
}

.warning-font {
  color: #f56600;
}

.fs-h1 {
  font-size: 48px;
}

.fs-h2, .bannercard__icon {
  font-size: 32px;
}

.fs-h3 {
  font-size: 24px;
}

.fs-h4 {
  font-size: 18px !important;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-20, .popup-content {
  font-size: 20px;
}

.fs-16 {
  font-size: 16px;
}

.fs-24 {
  font-size: 24px;
}

.fs-32 {
  font-size: 32px;
}

.fs-18 {
  font-size: 18px;
}

.fs-h5,
.fs-14 {
  font-size: 14px;
}

.fs-p,
.fs-16 {
  font-size: 16px;
}

.fs-12 {
  font-size: 12px;
}

.fs-9 {
  font-size: 9px;
}

.ff-lato, .bannercard__text {
  font-family: "Lato", sans-serif;
}

.d-flex {
  display: flex;
}

.d-grid {
  display: grid;
}

.flex-center, .bannercard__icon, .bannercard__content__buttons, .popup-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-center-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.flex-column-align-start {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.align-center {
  display: flex;
  align-items: center;
}

.flex-between, .bannercard__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.justify-between {
  display: flex;
  justify-content: space-between;
}

.justify-around {
  display: flex;
  justify-content: space-around;
}

.flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flex-between-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flex-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.flex-align-start {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.flex-column-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.flex-column-start {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.rounded-sm {
  border-radius: 3px;
}

.rounded-md {
  border-radius: 4px !important;
}

.rounded-lg {
  border-radius: 8px !important;
}

.rounded-xl {
  border-radius: 25px !important;
}

.card-border {
  border: 1px solid #dfdedd;
}

.border-top {
  border-top: 1px solid #dfdedd;
}

.border-left {
  border-left: 1px solid #dfdedd;
}

.border-bottom {
  border-bottom: 1px solid #dfdedd;
}

.border-light-gray {
  border: 1px solid #dddddd;
}

.border-none {
  border: none;
}

.border-error {
  border-color: #ff4444;
}

.line-height-0 {
  line-height: 0;
}

.shadow-on {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.py-10px {
  padding-top: 10px;
  padding-bottom: 10px;
}

.px-8px {
  padding-left: 8px;
  padding-right: 8px;
}

.min-h-0 {
  min-height: 0 !important;
}

.w-20px {
  width: 20px !important;
}

.w-100px {
  width: 100px !important;
}

.w-150px {
  width: 175px !important;
}

.width-100 {
  width: 100% !important;
}

.w-80 {
  width: 80% !important;
}

.w-60 {
  width: 60% !important;
}

.w-25-100 {
  width: 25% !important;
}
@media (max-width: 768px) {
  .w-25-100 {
    width: 100% !important;
  }
}

.w-h-40 {
  width: 40px;
  height: 40px;
}

.height-48 {
  height: 48px;
}

.min-height-48 {
  min-height: 48px;
}

.height-17 {
  height: 17px;
}

.width-max-content {
  width: max-content;
}

.background-none {
  background: none;
}

.popup-content {
  display: grid;
}

.position-relative {
  position: relative;
}

.padding-sm {
  padding: 4px;
}

.padding-md {
  padding: 8px;
}

.padding-lg {
  padding: 12px;
}

.padding-xl {
  padding: 16px;
}

.padding-24 {
  padding: 24px;
}

.margin-bottom-4 {
  margin-bottom: 4px;
}

.margin-bottom-8 {
  margin-bottom: 8px;
}

.margin-bottom-24 {
  margin-bottom: 24px;
}

.margin-right-4 {
  margin-right: 4px;
}

.margin-top-8 {
  margin-top: 8px;
}

.margin-left-8 {
  margin-left: 8px;
}

.margin-top-16 {
  margin-top: 16px;
}

.margin-4 {
  margin: 4px;
}

.margin-24 {
  margin: 24px;
}

.margin-left-24 {
  margin-left: 24px;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left--0-25 {
  margin-left: -0.25rem;
}

.padding-72 {
  padding: 72px;
}

.padding-l-0 {
  padding-left: 0;
}

.padding-l-8 {
  padding-left: 8px;
}

.padding-0 {
  padding: 0;
}

.spin-5s {
  animation: spin 5s linear infinite;
}

.btn-height {
  height: 32px;
}

.input-height {
  height: 40px;
}

.width-250px {
  width: 250px;
}

.w-50-100 {
  width: 50% !important;
}
@media (max-width: 992px) {
  .w-50-100 {
    width: 100% !important;
  }
}

.card-on-hover:hover {
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.23);
}

.right-2p {
  right: 2% !important;
}

.input-outline-enabledBorder {
  border: 1px solid rgba(0, 0, 0, 0.25);
}

.margin-top-24 {
  margin-top: 24px;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.textarea-limited {
  resize: none;
}

.warning-icon-color {
  color: #f56600;
}

.text-center {
  text-align: center !important;
}

.justify-items-end {
  justify-items: end;
}

.divider {
  border-bottom: 1px solid #cccccc;
}

.gap-4 {
  gap: 4px;
}

.gap-16 {
  gap: 16px;
}

.gap-24 {
  gap: 24px;
}

.no-text-decoration {
  color: inherit;
  text-decoration: none !important;
}
.no-text-decoration:hover {
  color: inherit;
  text-decoration: none !important;
}
.no-text-decoration:focus {
  color: inherit;
  text-decoration: none !important;
}

.overflow-auto {
  overflow: auto;
}

.padding-x-4 {
  padding-left: 4px;
  padding-right: 4px;
}

.padding-y-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.padding-x-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.padding-y-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.padding-x-12 {
  padding-left: 12px;
  padding-right: 12px;
}

.padding-y-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.padding-x-16 {
  padding-left: 16px;
  padding-right: 16px;
}

.padding-y-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.padding-x-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.padding-y-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.padding-x-32 {
  padding-left: 32px;
  padding-right: 32px;
}

.padding-y-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.padding-x-48 {
  padding-left: 48px;
  padding-right: 48px;
}

.padding-y-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.padding-x-72 {
  padding-left: 72px;
  padding-right: 72px;
}

.padding-y-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.bannercard {
  min-height: 62px;
  height: 100%;
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  border: 1px solid #dfdedd;
  border-radius: 3px;
}
.bannercard__icon {
  width: 62px;
  flex-grow: 1;
  border-right: 1px solid #dfdedd;
}
.bannercard__content {
  width: 100%;
  margin: 0 20px;
  flex-wrap: wrap;
}.selectmenu {
  min-width: 264px;
}
.selectmenu__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.selectmenu__header__label {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #434a51;
}
.selectmenu__header__cta {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #0052ce;
  border: none;
  background: transparent;
}
.selectmenu__header__cta:disabled {
  color: #cccccc;
}
.selectmenu .select {
  position: relative;
}
@media screen and (max-width: 592px) {
  .selectmenu .select {
    width: 100%;
  }
}
.selectmenu .select__control {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border: 1px solid #dfdedd;
  background-color: white;
  color: #aaaaaa;
  border-radius: 5px;
  cursor: pointer;
}
.selectmenu .select__control__selectedOptions {
  display: flex;
}
.selectmenu .select__control__selectedOptions__option {
  margin: 0px 3px;
  padding: 2px 4px;
  border-radius: 3px;
  background-color: #d8e6f9;
  color: #434a51;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.selectmenu .select__control__selectedOptions__option span {
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
  margin-right: 5px;
}
.selectmenu .select__control__selectedOptions__option--icon {
  padding: 2px;
  border-radius: 3px;
  color: #0052ce;
}
.selectmenu .select__control__selectedOptions__option--icon:hover {
  color: #ff4444;
  transform: scale(1.1);
}
.selectmenu .select__control__selectedOptions__option--icon:active {
  transform: scale(0.9);
}
.selectmenu .select__control .custom-placeholder {
  position: absolute;
  width: 79%;
  overflow: hidden;
  top: 7px;
  left: 5px;
  transition: all 0.2s;
}
.selectmenu .select__control .custom-placeholder.active {
  top: -18px;
  left: 8px;
}
.selectmenu .select__control--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.selectmenu .select__control--divider {
  border-left: 1px solid #ccc;
  height: 20px;
  margin-right: 5px;
}
.selectmenu .select__value {
  flex: 1;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.selectmenu .select__value input {
  width: 100%;
  text-overflow: ellipsis;
  outline: none;
  border: none;
  background-color: #ffffff;
}
.selectmenu .select__arrowIcon {
  position: relative;
  transition: transform 0.3s ease-in-out;
}
.selectmenu .select__arrowIcon--icon {
  color: #0052ce;
}
.selectmenu .select__arrowIcon.open {
  transform: rotate(180deg);
}
.selectmenu .select__arrowIcon.closed {
  transform: rotate(0deg);
}
.selectmenu .select__options {
  max-height: 150px;
  overflow: auto;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 5;
  padding: 6px 7px;
  margin: 4px 0px 0px 0px;
  list-style: none;
  background-color: #fff;
  border: 0.5px solid #dfdedd;
  border-radius: 4px;
}
.selectmenu .select__options--nooptions {
  padding: 10px;
  text-align: center;
}
.selectmenu .select__options::-webkit-scrollbar {
  width: 5px;
}
.selectmenu .select__options::-webkit-scrollbar-track {
  background: #ffffff;
}
.selectmenu .select__options::-webkit-scrollbar-thumb {
  background-color: #dfdedd;
  border-radius: 10px;
}
.selectmenu .select__option {
  padding: 10px;
  margin: 4px;
  border-radius: 3px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.selectmenu .select__option:hover {
  background-color: #ededee;
}
.selectmenu .select__option--selected {
  margin: 4px;
  border-radius: 3px;
  background-color: #ededee;
  color: #0052ce;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}.recordsPerPage {
  width: 70px !important;
}

.back-next-nav {
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 992px) {
  .custom-paginate {
    display: none !important;
  }
}
.custom-paginate .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style-type: none;
  padding: 0;
}
.custom-paginate .pagination li {
  min-width: 40px;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-paginate .pagination li:first-child a {
  color: #4178ff;
  font-size: 18px;
}
.custom-paginate .pagination li:first-child a:disabled {
  color: #aaaaaa;
}
.custom-paginate .pagination li:first-child {
  padding-right: 5px;
}
.custom-paginate .pagination li:last-child a {
  color: #4178ff;
  font-size: 18px;
}
.custom-paginate .pagination li:last-child a:disabled {
  color: #aaaaaa;
}
.custom-paginate .pagination li:last-child {
  padding-left: 5px;
}
.custom-paginate .pagination .page,
.custom-paginate .pagination .previous,
.custom-paginate .pagination .next {
  border: none;
  background: none;
  cursor: pointer;
  padding: 5px;
  font-size: 16px;
}
.custom-paginate .pagination .page a,
.custom-paginate .pagination .previous a,
.custom-paginate .pagination .next a {
  color: #434a51;
  text-decoration: none !important;
}
.custom-paginate .pagination .page a:hover,
.custom-paginate .pagination .previous a:hover,
.custom-paginate .pagination .next a:hover {
  background: none;
}
.custom-paginate .pagination .page.active {
  background-color: #ffffff;
  color: #052a63;
  border-radius: 50%;
}
.custom-paginate .pagination .page.active a {
  color: #052a63;
}

.recordPerPageSelect__value-container {
  padding: 2px 4px;
}

.recordPerPageSelect__menu-list::-webkit-scrollbar {
  width: 4px;
}

.recordPerPageSelect__menu-list::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.recordPerPageSelect__menu-list::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

.recordPerPageSelect__menu-list::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.chevron-first {
  height: 16px;
}

.chevron-last {
  height: 22px;
}

.opacity-7 {
  opacity: 0.7;
}.filter-btn {
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
}

.filter-btn[data-title]::after {
  content: attr(data-title);
  position: absolute;
  bottom: 70%;
  left: 50%;
  color: #0052ce !important;
  transform: translateX(-50%);
  padding: 5px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
  z-index: 1;
  font-size: 16px;
  font-weight: 500;
}

.filter-btn[data-title]:hover::after {
  opacity: 1;
}

#filter-screen {
  margin-left: 0px;
  background-color: #ffffff;
  width: 300px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
  overflow-x: hidden;
  line-height: 1.3;
  z-index: 1032 !important;
}

.scrollable {
  overflow-y: auto;
  overflow-x: hidden;
}
.scrollable .form-control {
  border-radius: 4px;
}

.scrollable::-webkit-scrollbar {
  height: 7px;
  width: 4px;
}

.scrollable::-webkit-scrollbar-thumb {
  margin-right: 2px;
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  cursor: pointer;
}

#filter-screen.vendor-credits-filter .scrollable,
#filter-screen.manage-agents-filter .scrollable {
  overflow-y: unset;
  overflow-x: unset;
}.couponFormButton {
  height: 2.3rem;
  width: 7rem;
  border-radius: 21px;
  border: none;
  background: rgba(24, 57, 168, 0.897);
  color: white;
  margin-right: 4px;
}

#editbut {
  margin-bottom: 20px;
  height: 2.5rem;
  width: 10rem;
  border-radius: 21px;
  border: none;
  background: rgba(24, 57, 168, 0.897);
  color: white;
  outline: none;
}

.listheader {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  /* margin-bottom: 1.5rem; */
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid;
  border-radius: 0.25rem;
  background-color: #fff;
  border-color: #d8dbe0;
}

.listcard {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  /* margin-bottom: 1.5rem; */
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid;
  border-radius: 0.25rem;
  background-color: #fff;
  border-color: #d8dbe0;
  height: 4rem;
}

.filterClass {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1%;
}

.manageHeader {
  display: flex;
  padding: 0% 4%;
  width: 20%;
  justify-content: space-evenly;
}

.paginationDiv {
  margin-left: 28%;
}

.pageDiv {
  width: 100%;
  display: flex;
}

#pageLeft {
  display: flex;
  width: 20%;
}

#leftOne {
  width: 50%;
  border-right: 1px solid gainsboro;
}

#leftTwo {
  width: 70%;
  padding: 0% 20%;
  border-right: 1px solid gainsboro;
  font-size: 15px;
}

#pageMiddle {
  width: max-content;
  padding: 0% 2%;
  border-right: 1px solid gainsboro;
  display: flex;
}

.pageNum {
  border: "1px solid red" !important;
  border-radius: 50%;
  margin-right: 10px;
  width: 1.5rem;
  height: 1.5rem;
}
.pageNum p {
  text-align: center;
}

#pageRight {
  display: flex;
  width: 20%;
}

#rightOne {
  width: 50%;
  text-align: center;
}

#rightTwo {
  width: 70%;
  padding: 0% 20%;
  border-right: 1px solid gainsboro;
  font-size: 15px;
}

.Modal-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

.Modal-backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5);
}

.Box-modal {
  position: relative;
  top: 57%;
  left: 60%;
  right: 0;
  transform: translate(-50%, -50%);
  height: 70%;
  width: 75%;
  background-color: #ebf8fd;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1607843137);
  z-index: 1000;
}

.searchButton {
  height: 2.5rem;
  width: 7rem;
  border-radius: 21px;
  border: none !important;
  outline: 0 !important;
  background: rgba(24, 57, 168, 0.897);
  color: white;
  margin-top: 10px;
  margin-right: 4px;
}

.leadSearch {
  display: flex;
  background-color: white;
  border: 1px solid gainsboro;
  border-radius: 5px;
  align-items: center;
}
.leadSearch input {
  width: 85%;
  border: none;
  outline: none;
}

.coupondiv {
  padding: 0% 3% 0% 0%;
  width: 50%;
}

.coupondivtwo {
  padding: 0% 0%;
  width: 50%;
}

.couponCard {
  background: white;
  border-radius: 10px;
  border: 1px solid gainsboro;
  margin-bottom: 10%;
}
.couponCard h1 {
  font-size: 16px;
  padding: 2% 4%;
  font-weight: 800;
}

.couponCardDiv {
  border-top: 1px solid gainsboro;
}

.couponCardContent {
  padding: 4% 4%;
}

.flexDiv {
  display: flex;
}

#couponViewInput {
  margin-bottom: 5px;
}
#couponViewInput label {
  font-size: 15px;
  font-weight: bold;
  padding-right: 2%;
}
#couponViewInput input {
  height: 2.5rem;
  border-radius: 5px;
  outline: none;
  border: none;
  background: transparent;
  width: 59%;
}

#couponInputDiv {
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
  margin-left: 20px;
}
#couponInputDiv label {
  font-size: 15px;
  font-weight: bold;
  padding-right: 2%;
}
#couponInputDiv .multiselectdd {
  width: 100%;
}
#couponInputDiv input {
  height: 2.5rem;
  border-radius: 5px;
  outline: none;
  padding-left: 2%;
}

#leadDiv {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
#leadDiv label {
  font-size: 15px;
  color: gray;
}
#leadDiv input {
  height: 2.5rem;
  border-radius: 5px;
  outline: none;
}

.checkone {
  display: flex;
  align-items: center;
}
.checkone p {
  height: 10px;
  margin-left: 15px;
}

#selectdiv {
  position: relative;
}

#datasearch {
  border-bottom: 1px solid gainsboro;
  height: 2.5rem;
  width: 100%;
  padding: 2%;
}
#datasearch input {
  border: none;
  outline: none;
}

.selectedValue {
  border-radius: 5px;
  padding: 2%;
  display: flex;
  height: 2rem;
  margin-right: 10px;
  width: max-content;
  border: 1px soild gainsboro;
  background: aliceblue;
  margin-bottom: 10px;
}
.selectedValue span {
  margin-left: 7px;
  font-weight: 700;
  cursor: pointer;
}

.filterDiv {
  position: absolute;
  background-color: white;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  position: absolute;
  width: 30%;
  padding: 10px 12px;
}

.selected {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.viewdiv {
  width: 45%;
  padding: 0% 5%;
}

.conRendering {
  display: flex;
  justify-content: flex-end;
}

.couponLastDiv {
  padding: 0% 4%;
}

#rightInput {
  margin-bottom: 10px;
}
#rightInput label {
  font-size: 15px;
}
#rightInput input {
  height: 2.5rem;
  border-radius: 5px;
  outline: none;
  border: none;
  background: transparent;
}

#flag {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
#flag label {
  font-size: 15px;
}
#flag input {
  height: 2.5rem;
  border-radius: 5px;
  outline: none;
  border: 1px solid gray;
}

#coldiv {
  margin-bottom: 10px;
}
#coldiv label {
  font-size: 15px;
  color: gray;
}
#coldiv input {
  height: 2.5rem;
  border-radius: 5px;
  outline: none;
  border: 1px solid gainsboro;
}

#select {
  height: 2.5rem;
  border-radius: 5px;
  outline: none;
  border: 1px solid gray;
  width: 10rem;
}

.tableHeader {
  width: 100%;
  height: 35px;
  display: flex;
}

.fontWeight {
  font-weight: 650;
}

/*
.tableLeft{
  width: 80%;
  i{
    padding: 0% 2%;
  }
}
.tableRight{
  display: flex;
  width: 12%;
  align-items: center;
  padding: 0% 0% 1%;
  justify-content: space-evenly;
  i{
    padding: 0% 5%;
  }
}*/
.dropdown {
  position: relative;
  display: inline-block;
}

.leadSearch {
  position: relative;
}

.searchdropdown {
  position: absolute;
  background-color: white;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  position: absolute;
  left: 58px;
  bottom: 206px;
  width: 30%;
}
.searchdropdown div:hover {
  background-color: #f1f1f1;
}
.searchdropdown div {
  padding: 10px 12px;
}

.responsiveDiv {
  width: 100%;
  display: flex;
}

.selectDiv {
  border: 1px solid gainsboro;
  border-radius: 5px;
  width: 100%;
  height: max-content;
  display: flex;
}
.selectDiv div {
  background-image: white;
}
.selectDiv i {
  padding: 4% 7% 4%;
}

@media (max-width: 1150px) {
  .coupondivtwo {
    width: 60%;
  }
}
@media (max-width: 800px) {
  .responsiveDiv {
    display: flex;
    flex-direction: column;
  }
  .coupondiv {
    width: 100%;
  }
  .coupondivtwo {
    width: 100%;
  }
}
@media (max-width: 960px) {
  .responsiveDiv {
    justify-content: flex-start;
    display: flex;
  }
}
.manageHeader {
  display: flex;
  padding: 0% 3%;
  width: 25%;
  justify-content: space-between;
}
.manageHeader p {
  font-size: 17px;
}

.searchButton {
  height: 2.3rem;
  width: 7rem;
  border-radius: 21px;
  border: none !important;
  outline: 0 !important;
  background: rgba(24, 57, 168, 0.897);
  color: white;
  margin-top: 21px;
  margin-right: 4px;
}

.saveManageLeadButton {
  height: 2.3rem;
  width: 7rem;
  border-radius: 21px;
  border: none;
  background: rgba(24, 57, 168, 0.897);
  color: white;
  margin-right: 4px;
}

.filterDiv input {
  height: 2rem;
  width: 14rem;
}

.Modal-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

.Modal-backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5);
}

.Box-modal {
  position: relative;
  top: 57%;
  left: 60%;
  right: 0;
  transform: translate(-50%, -50%);
  height: 70%;
  width: 75%;
  background-color: #ebf8fd;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1607843137);
  z-index: 1000;
}

/* Edit Lead Page css */
/*
.carddiv{
  // border-top: 1px solid gainsboro;
  border: 2px solid #ced2d8;
  border-collapse: separate;
  border-radius: 1.25rem;
  background-color: white;
}
.cardContent{
  padding: 2% 4%;
}*/
.flexDiv {
  display: flex;
}

/*
#viewInput{
  margin-bottom: 5px;
  label{
    font-size: 15px;
    font-weight: bold;
    padding-right: 2%;
  }
  input{
    height: 2.5rem;
    border-radius: 5px;
    outline: none;
    border:none;
    background: transparent; 
    width: 65%;
  }
}

/*
#inputDiv{
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
  label{
    font-size: 15px;
    font-weight: bold;
    padding-right: 2%;
  }
  .multiselectdd
  {
    width: 100%;
  }
  input{
    height: 2.5rem;
    border-radius: 5px;
    outline: none;
    padding-left: 2%;
  }

}
*/
#selectdiv {
  padding: 0% 20%;
}

.viewdiv {
  width: 45%;
  padding: 0% 5%;
}

.conRendering {
  display: flex;
  justify-content: flex-end;
}

.lastDiv {
  padding: 0% 4%;
}

.lastCon {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: space-between;
  width: 43%;
  margin-left: 50%;
}
.lastCon p {
  height: 10px;
}

#rightInput {
  margin-bottom: 10px;
}
#rightInput label {
  font-size: 15px;
}
#rightInput input {
  height: 2.5rem;
  border-radius: 5px;
  outline: none;
  border: none;
  background: transparent;
}

#flag {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
#flag label {
  font-size: 15px;
}
#flag input {
  height: 2.5rem;
  border-radius: 5px;
  outline: none;
  border: 1px solid gray;
}

#coldiv {
  margin-bottom: 10px;
}
#coldiv label {
  font-size: 15px;
}
#coldiv input {
  height: 2.5rem;
  border-radius: 5px;
  outline: none;
  border: 1px solid gray;
}

#select {
  height: 2.5rem;
  border-radius: 5px;
  outline: none;
  border: 1px solid gray;
  width: 10rem;
}

.fa-chevron-up {
  animation: fade1 1s linear;
}

.fa-chevron-down {
  animation: fade2 1s linear;
}

@keyframes fade1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.accordionTagPDivs {
  display: flex;
  align-items: center;
}

.accordionTagPText {
  margin-left: 20px;
}

.accordionTagPHeader {
  font-size: 16px;
  font-weight: 700;
}

.formButton {
  justify-content: flex-end;
  display: flex;
  align-items: center;
}
.formButton button {
  padding: 2%;
  height: 2.5rem;
  width: 10rem;
  border-radius: 21px;
  border: none;
  background: rgba(24, 57, 168, 0.897);
  color: white;
}

.iconSize-14 {
  font-size: 1.4rem;
  cursor: pointer;
}

.iconSize-10 {
  font-size: 0.1rem;
  cursor: pointer;
}

.disableIconPointer {
  pointer-events: none;
}

.dropdownCouponSort {
  position: absolute;
  background-color: #f1f1f1;
  min-width: 14rem;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  top: 1rem;
  left: -13.5rem;
  padding: 0.3rem 0.3rem 0.2rem 0.3rem;
}

.coupon-checkbox input {
  margin-right: 12px;
}

.opacity-50 {
  opacity: 50%;
}

.coupon-tabs {
  margin-left: 48px;
}

@media (max-width: 450px) {
  .coupons-header {
    font-size: 24px;
  }
  .coupon-tabs {
    margin-left: auto;
  }
  .coupons-search {
    width: 100% !important;
  }
}#removeAgent .ilc-modal-footer,
#assignUplineAgent .ilc-modal-footer {
  display: none !important;
}.form-checkbox {
  min-height: 40px;
  border: 1px solid #dfdedd;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 4px 16px;
  font-size: 16px;
}
.form-checkbox label {
  margin-left: 8px;
  color: #434a51;
}.custom-text-input {
  width: 228px;
  height: 48px;
  font-size: 16px;
  font-weight: 400;
  color: #717171;
  border: 0.5px solid #dfdedd;
  border-radius: 4px;
  padding: 10px;
}
.custom-text-input :focus {
  outline: none !important;
}.add-coupon-container {
  padding-bottom: 12px;
}

.add-voucher-container {
  padding-top: 12px;
}

.vouchers-container {
  min-height: auto;
  height: 180px;
}
@media (min-width: 768px) {
  .vouchers-container .col-lg-6 {
    max-width: calc(50% - 10px);
    margin-left: 10px;
  }
  .vouchers-container .col-lg-6:nth-child(odd) {
    margin-left: 0;
  }
}

.voucher-title-container {
  z-index: 100;
}

.voucher-card-bg-image {
  position: absolute;
  right: 0;
}

.disable-voucher-card > * {
  color: #aaaaaa;
}
.disable-voucher-card > * h5 {
  color: #aaaaaa;
}

.selection-order-content {
  background-color: #e6e4e4;
  border-radius: 50%;
  color: #000000;
  height: 22px;
  width: 22px;
  font-size: 12px;
  opacity: 1;
  filter: blur(0.75px);
}

.discount-badge {
  min-width: fit-content;
  max-width: 142px;
  height: 24px;
  font-size: 12px;
}

.coupon-badge {
  color: #0052ce;
  background-color: #f1faff;
}

.voucher-badge {
  color: #434a51;
  background-color: #fff2dd;
}

.discount-error-message {
  color: #ff4444;
}

.voucher-disabled-reason-banner {
  margin: -10px -20px 10px -20px;
  min-height: 62px;
  border: 1px solid #dfdedd;
  display: flex;
  align-items: center;
  position: relative;
}
.voucher-disabled-reason-banner__icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 62px;
  height: 100%;
  width: 65px;
  background-color: #ffd390;
  font-size: 32px;
}
.voucher-disabled-reason-banner__info {
  margin-left: 65px;
  padding: 0 20px;
  color: #434a51;
  font-size: 14px;
  font-weight: 400;
}

.custom-width-input {
  width: 228px;
}
@media (max-width: 576px) {
  .custom-width-input {
    width: 100%;
  }
}.order-recurrence {
  padding: 15px;
}/*
  Usage -> two types can be used below classes.
  //primary-font utility class created below and used on examples.
  1. By adding classnames directly to your HTML elements
     Ex: <p className="primary-font">Paragraph style 1</p>
  2. You can define your utility class names using placeholders and by using `@extend`
     Ex: <p className="test-paragraph">Paragraph style 2</p>
     style:
     .test-paragraph{
        @extend .primary-font;
     }
*/
.primary-font, .organizations__body__organization-details__name, .organizations__body__organization-details__upline-info__name {
  color: #434a51;
}

.secondary-font, .organizations__body__organization-details__upline-info__avatar {
  color: #000000;
}

.tertiary-font {
  color: #717171 !important;
}

.header-font {
  color: #002d72;
}

.white-font {
  color: #ffffff !important;
}

.error-500-font {
  color: #ff4444 !important;
}

.error-main-font {
  color: #c81e27;
}

.primary-font-inactive {
  color: #aaaaaa;
}

.primary-action-font {
  color: #0052ce !important;
}

.primary-action-disabled-font {
  color: #a0c4f8;
}

.note-warning-font {
  color: #e28a05;
}

.primary-action-onhover {
  color: #2175f4;
}

.header-nav-font {
  color: #051d43;
}

.gradient-afternoon, .section.card a.gradient-afternoon:hover {
  color: #4178ff;
}

.disabled-text {
  color: rgba(0, 0, 0, 0.38) !important;
}

.bg-transparent {
  background-color: transparent;
}

.bg-primary-action {
  background-color: #0052ce !important;
}

.bg-primary-action-disabled {
  background-color: #a0c4f8;
}

.bg-error {
  background-color: #ff4444;
}

.bg-white {
  background-color: #ffffff;
}

.background-white {
  background-color: #ffffff;
}

.bg-background-default {
  background-color: #f1f1f1;
}

.background-warning {
  background-color: #fcf2e8 !important;
}

.background-integrity-royal-light-1 {
  background-color: #f1faff;
}

.background-integrity-royal-light-2 {
  background-color: #dfeafb;
}

.background-integrity-gray-light-1 {
  background-color: #f1f1f1;
}

.color-title {
  color: #7f7f8a;
}

.color-primary-main {
  color: #4178ff;
}

.title-blue-font {
  color: #052a63 !important;
}

.integrity-navy-font {
  color: #052a63;
}

.gradient-afternoon-font {
  color: #4178ff;
}

.warning-font {
  color: #f56600;
}

.fs-h1 {
  font-size: 48px;
}

.fs-h2 {
  font-size: 32px;
}

.fs-h3 {
  font-size: 24px;
}

.fs-h4, .organizations__body__organization-details__upline-info__avatar {
  font-size: 18px !important;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400, .organizations__body__organization-details__upline-info__avatar, .organizations__body__organization-details__upline-info__name {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700, .organizations__body__organization-details__upline-info .name-title, .section.card .button-blue {
  font-weight: 700 !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-20, .popup-content {
  font-size: 20px;
}

.fs-16 {
  font-size: 16px;
}

.fs-24 {
  font-size: 24px;
}

.fs-32 {
  font-size: 32px;
}

.fs-18 {
  font-size: 18px;
}

.fs-h5,
.fs-14 {
  font-size: 14px;
}

.fs-p, .organizations__body__organization-details__name, .organizations__body__organization-details__upline-info__name, .organizations__body__organization-details__upline-info .name-title, .section.card .button-blue,
.fs-16 {
  font-size: 16px;
}

.fs-12 {
  font-size: 12px;
}

.fs-9 {
  font-size: 9px;
}

.ff-lato {
  font-family: "Lato", sans-serif;
}

.d-flex {
  display: flex;
}

.d-grid {
  display: grid;
}

.flex-center, .organizations__body__organization-details__upline-info__avatar, .section.card .button-blue, .popup-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-center-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.flex-column-align-start {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.align-center, .organizations__body__organization-details__upline-info {
  display: flex;
  align-items: center;
}

.flex-between, .organizations__body__organization-details__name {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.justify-between {
  display: flex;
  justify-content: space-between;
}

.justify-around {
  display: flex;
  justify-content: space-around;
}

.flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flex-between-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flex-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.flex-align-start {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.flex-column-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.flex-column-start {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.rounded-sm, .organizations__body__organization-details__upline-info {
  border-radius: 3px;
}

.rounded-md {
  border-radius: 4px !important;
}

.rounded-lg {
  border-radius: 8px !important;
}

.rounded-xl {
  border-radius: 25px !important;
}

.card-border {
  border: 1px solid #dfdedd;
}

.border-top {
  border-top: 1px solid #dfdedd;
}

.border-left {
  border-left: 1px solid #dfdedd;
}

.border-bottom {
  border-bottom: 1px solid #dfdedd;
}

.border-light-gray {
  border: 1px solid #dddddd;
}

.border-none {
  border: none;
}

.border-error {
  border-color: #ff4444;
}

.line-height-0 {
  line-height: 0;
}

.shadow-on {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.py-10px {
  padding-top: 10px;
  padding-bottom: 10px;
}

.px-8px {
  padding-left: 8px;
  padding-right: 8px;
}

.min-h-0 {
  min-height: 0 !important;
}

.w-20px {
  width: 20px !important;
}

.w-100px {
  width: 100px !important;
}

.w-150px {
  width: 175px !important;
}

.width-100 {
  width: 100% !important;
}

.w-80 {
  width: 80% !important;
}

.w-60 {
  width: 60% !important;
}

.w-25-100 {
  width: 25% !important;
}
@media (max-width: 768px) {
  .w-25-100 {
    width: 100% !important;
  }
}

.w-h-40 {
  width: 40px;
  height: 40px;
}

.height-48 {
  height: 48px;
}

.min-height-48 {
  min-height: 48px;
}

.height-17 {
  height: 17px;
}

.width-max-content {
  width: max-content;
}

.background-none {
  background: none;
}

.popup-content {
  display: grid;
}

.position-relative {
  position: relative;
}

.padding-sm {
  padding: 4px;
}

.padding-md {
  padding: 8px;
}

.padding-lg {
  padding: 12px;
}

.padding-xl {
  padding: 16px;
}

.padding-24 {
  padding: 24px;
}

.margin-bottom-4 {
  margin-bottom: 4px;
}

.margin-bottom-8 {
  margin-bottom: 8px;
}

.margin-bottom-24 {
  margin-bottom: 24px;
}

.margin-right-4 {
  margin-right: 4px;
}

.margin-top-8 {
  margin-top: 8px;
}

.margin-left-8 {
  margin-left: 8px;
}

.margin-top-16 {
  margin-top: 16px;
}

.margin-4 {
  margin: 4px;
}

.margin-24 {
  margin: 24px;
}

.margin-left-24 {
  margin-left: 24px;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left--0-25 {
  margin-left: -0.25rem;
}

.padding-72 {
  padding: 72px;
}

.padding-l-0 {
  padding-left: 0;
}

.padding-l-8 {
  padding-left: 8px;
}

.padding-0 {
  padding: 0;
}

.spin-5s {
  animation: spin 5s linear infinite;
}

.btn-height {
  height: 32px;
}

.input-height {
  height: 40px;
}

.width-250px {
  width: 250px;
}

.w-50-100 {
  width: 50% !important;
}
@media (max-width: 992px) {
  .w-50-100 {
    width: 100% !important;
  }
}

.card-on-hover:hover {
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.23);
}

.right-2p {
  right: 2% !important;
}

.input-outline-enabledBorder {
  border: 1px solid rgba(0, 0, 0, 0.25);
}

.margin-top-24 {
  margin-top: 24px;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.textarea-limited {
  resize: none;
}

.warning-icon-color {
  color: #f56600;
}

.text-center {
  text-align: center !important;
}

.justify-items-end {
  justify-items: end;
}

.divider {
  border-bottom: 1px solid #cccccc;
}

.gap-4 {
  gap: 4px;
}

.gap-16 {
  gap: 16px;
}

.gap-24 {
  gap: 24px;
}

.no-text-decoration {
  color: inherit;
  text-decoration: none !important;
}
.no-text-decoration:hover {
  color: inherit;
  text-decoration: none !important;
}
.no-text-decoration:focus {
  color: inherit;
  text-decoration: none !important;
}

.overflow-auto {
  overflow: auto;
}

.padding-x-4 {
  padding-left: 4px;
  padding-right: 4px;
}

.padding-y-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.padding-x-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.padding-y-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.padding-x-12 {
  padding-left: 12px;
  padding-right: 12px;
}

.padding-y-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.padding-x-16 {
  padding-left: 16px;
  padding-right: 16px;
}

.padding-y-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.padding-x-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.padding-y-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.padding-x-32 {
  padding-left: 32px;
  padding-right: 32px;
}

.padding-y-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.padding-x-48 {
  padding-left: 48px;
  padding-right: 48px;
}

.padding-y-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.padding-x-72 {
  padding-left: 72px;
  padding-right: 72px;
}

.padding-y-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.user-profile-wrapper .sectionDivider {
  margin: 0.5rem 0 1.5rem;
  border-color: #2371a4;
}

.section {
  color: #434a51;
  letter-spacing: normal;
  font-family: "Lato", sans-serif;
}

.section:last-child {
  padding-bottom: 20px;
}

.heading {
  margin-bottom: 0;
}

.heading.custom-card > .c-icon {
  width: 2rem;
  height: 2rem;
  margin-right: 5px;
}

.heading .head-icon {
  margin-right: 5px;
}

.heading span {
  font-size: 0.65rem;
  letter-spacing: normal;
  color: #1f58c5;
  margin-left: 10px;
  cursor: pointer;
}

.heading span .c-icon,
.heading span .custom-undo {
  width: 0.65rem !important;
  margin-right: 3px;
}

.sub-heading {
  font-weight: bold;
  font-size: 1rem;
  line-height: 27px;
  letter-spacing: -0.01em;
  color: #000000;
  margin: 8px;
}

.sec-col {
  margin: 8px 0;
  width: 25%;
  padding: 0 0.5rem;
}
@media (max-width: 1200px) {
  .sec-col {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .sec-col {
    width: 100%;
  }
}
.sec-col.flex-parent {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.sec-col.custom-icon-parent {
  position: relative;
}
.sec-col .form-check-input + span {
  display: block;
  margin: 0.11rem 0 0 1.5rem;
}
.sec-col p {
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  color: #717171;
  line-height: 20px;
  font-family: "Lato", sans-serif;
}
.sec-col .form-label {
  font-size: 1rem;
  margin: 0;
  line-height: 20px;
  letter-spacing: 0.17px;
  color: #052a63;
  font-weight: 600;
}
.sec-col .form-label .c-icon {
  margin-left: 4px;
  width: 0.75rem !important;
  color: #7293a9;
}
.sec-col .custom-icon {
  top: 35px;
  right: 25px;
  position: absolute;
  color: #7293a9;
  font-size: 0.75rem;
  opacity: 0.7;
}
.sec-col input {
  width: 100%;
  height: 38px;
  padding: 0.375rem 0.75rem 0.375rem 0.55rem;
  color: #000;
  border: 1px solid #cccccc;
  background: #fff;
  border-radius: 4px;
}
.sec-col input:disabled {
  background-color: #f2f2f2;
  border-color: #e6e6e6;
  opacity: 1;
}
.sec-col input select:disabled {
  background-color: #f2f2f2;
  border-color: #e6e6e6;
  opacity: 1;
}
.sec-col .form-check-input {
  width: 1rem;
  height: 1rem;
  margin-left: 0 !important;
}
.sec-col input[type=text]:focus,
.sec-col input[type=text]:focus-visible {
  border-color: rgba(29, 66, 137, 0.8);
  border-width: 2px;
  /*box-shadow: 0 0 0 0.2rem rgba(29, 66, 137, 0.20);*/
  box-shadow: none;
}
.sec-col .input[type=text]:not(:focus):focus-visible {
  border-color: rgba(29, 66, 137, 0.8);
  border-width: 2px;
  /*box-shadow: 0 0 0 0.2rem rgba(29, 66, 137, 0.20);*/
  box-shadow: none;
}
.sec-col .btn:focus:not(:focus-visible) {
  box-shadow: none;
}

.user-payment-wrapper .custom-row td {
  text-align: right;
}
.user-payment-wrapper .custom-row div.row {
  justify-content: flex-end;
  margin-left: 50%;
  width: 50%;
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  .user-payment-wrapper .custom-row div.row {
    margin-left: 20%;
    width: 80%;
  }
}
@media screen and (max-width: 1199px) {
  .user-payment-wrapper .custom-row div.row {
    margin-left: 0%;
    width: 100%;
  }
}

.card {
  background: #ffffff;
  border: none;
  box-sizing: border-box;
  border-radius: 8px !important;
}

.card-section-divider {
  border: 1.5px solid #d8dbe0;
  border-bottom: none;
}

.card-heading {
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: -0.01em;
  color: #000000;
}

.payment-method-table {
  margin-bottom: 8px;
}

.icon {
  color: #0052ce;
}

.checkinPreferences__subtitle {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #434a51;
}
.checkinPreferences__callblock--header {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.17px;
  color: #052a63;
}
.checkinPreferences__callblock__section {
  height: 60px;
  border: 1px solid #dddddd;
  border-radius: 8px;
  margin: 10px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.checkinPreferences__callblock__section__details {
  display: flex;
  align-items: center;
  flex: 0.98;
  height: 100%;
}
.checkinPreferences__callblock__section__details input {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
}
.checkinPreferences__callblock__section__details--text {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #052a63 span;
  color-font-weight: 700;
  color-color: #4178ff;
}
.checkinPreferences__callblock__section__cta {
  margin-right: 5px;
}
.checkinPreferences__callblock__section1 {
  height: 60px;
  border: 1px solid #dddddd;
  margin: 10px 0 0 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.checkinPreferences__callblock__section1.rounded-0 {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.checkinPreferences__callblock__section2 {
  height: 60px;
  border: 1px solid #dddddd;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.settings-display-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 24px;
}
.settings-display-container.thirdParty-sms-container > div {
  max-width: 49%;
}
@media (max-width: 768px) {
  .settings-display-container.thirdParty-sms-container > div {
    max-width: 100%;
  }
}
.settings-display-container.thirdParty-sms-container {
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .settings-display-container {
    display: flex;
    flex-direction: column;
  }
}

.settings-display-container > * {
  flex: 1;
}

.settings-display-container > div {
  min-width: 45%;
  position: relative;
  width: 100%;
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .settings-display-container > div {
    margin: 2rem auto 1rem;
    width: 100%;
  }
}

.state-dropdown {
  margin: 8px 10px;
  width: 60% !important;
}
.state-dropdown label {
  font-size: 0.6rem;
  margin: 0;
  color: #7f7f8a;
}
.state-dropdown label .c-icon {
  margin-left: 4px;
  width: 0.75rem !important;
  color: #7293a9;
}

.organizations__body {
  width: 100%;
  background-color: transparent;
}
.organizations__body__organization-details {
  padding: 15px 0 5px 0;
}
.organizations__body__organization-details:last-child {
  margin-bottom: 10px;
}
.organizations__body__organization-details__upline-info {
  width: 100%;
  margin: 5px 0 0;
  background: #f1f1f1;
  min-height: 40px;
  height: 100%;
  border: 0;
  padding: 4px 8px;
  border-radius: 4px;
}
.organizations__body__organization-details__upline-info.pending-approval {
  background-color: #fcf2e8;
}
.organizations__body__organization-details__upline-info.pending-approval .pending-approval {
  color: #f56600;
}
.organizations__body__organization-details__upline-info__avatar {
  margin: 2px;
  height: 38px;
  width: 38px;
  border-radius: 50%;
  background-color: #72d3e8;
}
.organizations__body__organization-details__upline-info__name {
  margin-left: 5px;
}
.organizations__body__organization-details__upline-info .name-title {
  color: #052a63;
}

.section.card a.gradient-afternoon:hover {
  text-decoration: none !important;
}
.section.card .button-primary-link {
  cursor: pointer;
  flex-direction: row-reverse;
}
.section.card .button-primary-link svg {
  margin-left: 0.25rem;
}
.section.card .viewlead__cardbody {
  border-top-color: transparent !important;
}
.section.card .button-blue {
  background-color: #4178ff;
  outline: none;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #ffffff;
  padding: 6px 15px;
  max-width: 90px;
  width: 100%;
}
.section.card .button-blue::after {
  content: "Link";
}
.section.card .button-blue.app-linked::after {
  content: "Linked";
}
.section.card .button-blue.app-linked:hover::after {
  content: "Unlink";
}
.section.card .button-blue.app-linked:hover {
  background-color: #0052ce;
}
.section.card .card-wrapper {
  margin: 1rem 0;
}
.section.card .card-item {
  padding: 0.8rem;
  border-radius: 0;
}
.section.card .card-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.section.card .card-item:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.auto-dialer-logo {
  height: 5rem;
  width: 5rem;
}

.height-48px {
  height: 48px;
}

.invalid-input {
  background-color: #ffffff !important;
  border-color: #ff4444 !important;
}

.btn-gradient-afternoon {
  background: #4178ff !important;
}

.link-btn {
  height: 40px;
  display: flex;
  font-weight: 600;
  align-items: center;
}
.link-btn:active, .link-btn:hover {
  background: #4178ff !important;
}

.btn-padding {
  padding: 0.375rem 0.938rem !important;
}

.card-title {
  position: absolute;
  background: transparent;
  width: 100%;
  margin: 0;
  padding: 0;
  top: -40px;
  left: 0;
}
.card-title .h3 {
  margin: 0 !important;
  font-size: 1.5rem;
  color: #052a63;
  font-weight: 400;
  line-height: 32px;
}
@media (max-width: 380px) {
  .card-title .h3 {
    font-size: 1.125rem;
  }
}
.card-w-100 {
  min-width: 100% !important;
}

.no-border-btn {
  background-color: transparent;
  border-color: transparent;
  color: #4178ff !important;
}
.no-border-btn:active {
  border: none;
  outline: none;
}
.no-border-btn.disable-button {
  cursor: not-allowed !important;
  opacity: 0.6;
}

.section-header {
  color: #052a63;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  font-style: normal;
  line-height: 20px;
  letter-spacing: 0.17px;
}

.section-paragraph {
  color: #434a51;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
}

.button-small, .card-title .button-primary-link {
  color: #4178ff;
  font-size: 14px;
  line-height: 18px;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.14px;
  font-weight: 500;
}

.button-medium {
  color: #4178ff;
  font-size: 16px;
  line-height: 20px;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-style: normal;
}

#leadsource-life + .leadsource-toggle-switch-label .leadsource-toggle-switch-inner:before,
#leadsource-health + .leadsource-toggle-switch-label .leadsource-toggle-switch-inner:before,
#leadsource-medicarecarePurl + .leadsource-toggle-switch-label .leadsource-toggle-switch-inner:before {
  background-color: #4178ff;
}

.custom-add-btn {
  margin-right: 1.5rem;
}
@media (max-width: 1200px) {
  .custom-add-btn {
    margin-right: 0.5rem;
  }
}

.user_profile_header {
  color: #052a63;
  font-size: 2rem;
  font-weight: 400;
  font-style: normal;
  font-family: "Lato", sans-serif;
  line-height: 40px;
  margin-bottom: 1.5rem !important;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.user_profile_header > span {
  margin-right: 8rem;
  max-width: 300px;
  width: 100%;
}
.user_profile_header > span svg {
  font-weight: 400;
}
.user_profile_header .tab_wrapper {
  display: flex;
  align-items: flex-end;
}
.user_profile_header .tab_accountSettings,
.user_profile_header .tab_agentWallet,
.user_profile_header .tab_transactionHistory {
  padding: 0 16px 10px;
  border-bottom: 1px solid;
  border-color: transparent;
  border-bottom-color: #717171;
  color: #717171;
  cursor: pointer;
}
.user_profile_header .tab_accountSettings svg,
.user_profile_header .tab_agentWallet svg,
.user_profile_header .tab_transactionHistory svg {
  color: #4178ff;
}
.user_profile_header .tab_accountSettings.active,
.user_profile_header .tab_agentWallet.active,
.user_profile_header .tab_transactionHistory.active {
  font-weight: 600;
  color: #4178ff;
  border-bottom: 2px solid;
  border-bottom-color: #4178ff;
}
.user_profile_header .tab_accountSettings span,
.user_profile_header .tab_agentWallet span,
.user_profile_header .tab_transactionHistory span {
  margin-left: 4px;
}
.user_profile_header .separator {
  margin: 0 1.125rem 0.5rem;
  font-size: 1.25rem;
  color: #dfdedd;
}
@media (max-width: 1400px) {
  .user_profile_header .tab_wrapper {
    margin-top: 2rem;
    justify-content: center;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .user_profile_header {
    align-items: center;
  }
  .user_profile_header > span {
    margin-right: 1rem;
    margin-bottom: 0;
    text-align: center;
    font-size: 1.5rem;
    max-width: fit-content;
    width: auto;
  }
  .user_profile_header .tab_wrapper {
    justify-content: center;
    flex-wrap: nowrap;
    margin-top: 0;
    width: auto;
  }
  .user_profile_header .tab_wrapper span {
    display: none;
  }
  .user_profile_header .separator {
    color: transparent;
  }
}

.agent-wallet-card {
  background-color: #ffffff;
  border-radius: 0;
  margin-bottom: 0;
}
.agent-wallet-card:last-child {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.typography-h3 {
  font-family: "Lato", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  padding: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.typography-h4 {
  font-family: "Lato", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 0.5rem !important;
  padding-left: 16px;
}

.typography-body {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #434a51;
  padding-left: 16px;
}

.wallet-wrapper {
  margin-left: 1.5rem;
  border-left: 4px solid #4178ff;
  padding-left: 0.75rem;
}
@media (max-width: 450px) {
  .wallet-wrapper {
    margin-left: 0.5rem;
    padding: 0 0.5rem;
  }
}

.statusInfo-banner {
  min-height: 62px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  position: relative;
}
.statusInfo-banner__icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 62px;
  height: 100%;
  width: 65px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  font-size: 18px;
}
.statusInfo-banner__info {
  margin-left: 65px;
  padding: 0 20px 0 0;
  color: #434a51;
  font-size: 14px;
  font-weight: 400;
}

.bg-status-blocked {
  background: #ffdcdc;
}

.bg-status-inactive {
  background: #f1faff;
}

.info-main {
  color: #49648b;
}

.smsNotification__block__label {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #052a63;
  display: flex;
  justify-content: space-between;
}
.smsNotification__block__section {
  height: 60px;
  border: 1px solid #dddddd;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.smsNotification__block__sectionCta {
  margin-right: 5px;
}
.smsNotification__block__details {
  display: flex;
  align-items: center;
  flex: 0.98;
  height: 100%;
}
.smsNotification__block__details input {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
}
.smsNotification__block__text {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #717171;
}
.smsNotification__block__heading {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #434a51;
}
.smsNotification__block__subheading {
  font-weight: 500;
  font-size: 14px;
  color: #717171;
}
.smsNotification__alertsContainer {
  display: flex;
  flex-direction: column;
}
.smsNotification__enableAlert {
  display: flex;
}
.smsNotification__enableAlert__textArea {
  flex: 1;
}
.smsNotification__enableAlert__heading {
  font-weight: 600;
  font-size: 16px;
  color: #052a63;
}
.smsNotification__enableAlert__description {
  font-weight: 400;
  font-size: 16px;
  color: #717171;
}
.smsNotification__enableAlert__checkBox {
  display: none;
}
@media (max-width: 768px) {
  .smsNotification__enableAlert__checkBox {
    display: block;
  }
}
.smsNotification__marketingBox {
  border: 1px solid #dddddd;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
}
.smsNotification__marketingBox__heading {
  font-weight: 400;
  font-size: 16px;
  color: #434a51;
}
.smsNotification__marketingBox__subheading {
  font-weight: 500;
  font-size: 14px;
  color: #717171;
}
.smsNotification__marketingBox__checkBox {
  display: block;
}

.wr-toggle {
  margin-right: 0.5rem;
}
.wr-toggle.wr-toggle--checked .wr-toggle-container {
  background-color: #4178ff;
}
.wr-toggle.wr-toggle--checked .wr-toggle-container.disable-bg {
  background-color: #4178ff !important;
}
.wr-toggle.wr-toggle--checked .wr-toggle-circle {
  left: 28px;
}
.wr-toggle .wr-toggle-container {
  background-color: #7188a8;
  border-color: transparent;
  width: 48px;
}
.wr-toggle .wr-toggle-container.disable-bg + .primary-bgc svg,
.wr-toggle .wr-toggle-container.disable-bg + .light-bgc svg {
  opacity: 0.3;
}
.wr-toggle + span {
  font-size: 16px;
  color: #434a51;
}.mobilepopup {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 13px 25px;
  background: #f4f8fb;
  box-shadow: 0px -4px 15px rgba(0, 0, 0, 0.25);
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.161));
  transition: bottom 0.3s ease-in-out;
  z-index: 10;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  max-height: 80vh;
  overflow: auto;
}
@media (max-width: 576px) {
  .mobilepopup {
    display: block;
  }
}
.mobilepopup__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 0;
  text-align: left;
  color: #002d72;
}
.mobilepopup__header--icon {
  color: #0052ce;
  font-size: 24px;
  cursor: pointer;
}
.mobilepopup__content {
  padding: 14px;
  border-radius: 4px;
}.card-container {
  height: auto;
  margin-right: 0;
  margin-bottom: 25px;
  margin-left: 0;
  border-collapse: separate;
  border-radius: 0.25rem;
}

.review-items {
  padding-bottom: 24px;
  border-bottom: 0.5px solid #dfdedd !important;
}

.rtl-payment {
  padding: 12px 24px;
  width: 100%;
}

.rtl-payment-section {
  margin-left: 20px;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .rtl-payment-section {
    margin-left: 0px;
  }
}

.campaign-review-header {
  padding: 12px 18px;
  border-bottom: 0.5px solid #dfdedd !important;
  width: 100%;
}

.campaign-header-container {
  text-align: center;
}

.campaign-header {
  display: flex;
  align-items: center;
}

.campaign-header-create {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.campaign-name-header {
  margin-bottom: 0 !important;
  word-break: break-word;
  font-size: 2rem;
}

.campaign-name-container {
  display: flex;
  margin-bottom: 25px;
  justify-content: space-between;
}

.delete-campaign-container {
  align-self: center;
  margin-right: 1rem;
}

.delete-campaign {
  font-size: 2rem;
  color: #ff4444;
  cursor: pointer;
}

.campaign-navigation {
  margin-top: 0 !important;
}

.navigation-buttons {
  display: flex;
  text-align: end;
  justify-content: flex-end;
}

.progressbar-container {
  width: 100%;
  display: flex;
  text-align: center;
}

.chevron-button {
  cursor: pointer;
  background: none;
  border: none;
  font-size: 24px;
  color: #2371a4;
}

.chevron-button:disabled {
  color: #cccccc;
}

@media screen and (min-width: 576px) {
  .chevron-button,
  .mobile-version {
    display: none;
  }
  .progress-campaign-details:before {
    content: "Set Campaign Details";
  }
  .progress-campaign-geography:before {
    content: "Choose Geography";
  }
  .progress-lead-volume:before {
    content: "Configure Lead Volume";
  }
  .progress-campaign-finalize:before {
    content: "Finalize Campaign";
  }
  .geography-selection-label {
    margin-left: 8px;
  }
  .geography-selection-label-right {
    margin-right: 24px;
  }
  .geography-selection {
    margin: 0.5rem 0 0 1rem;
    margin-bottom: 16px;
    display: flex;
    gap: 32px;
  }
  .add-locations-button-mobile {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .navigation-buttons,
  .desktop-version,
  .zip-code-label,
  .add-locations-button,
  .add-locations-button-mobile:disabled {
    display: none;
  }
  .progress-campaign-details:after {
    content: "Details";
  }
  .progress-campaign-geography:after {
    content: "Geography";
  }
  .progress-lead-volume:after {
    content: "Lead Volume";
  }
  .progress-campaign-finalize:after {
    content: "Finalize";
  }
  .locations-selected-list-container {
    padding: 15px;
  }
  .geography-selection-header {
    margin-bottom: 20px;
  }
  .geography-selection-label {
    margin-right: 15px;
  }
  .geography-selection {
    margin-bottom: 0px;
  }
  .mobile-add-button-container {
    height: 35px;
    position: fixed;
    bottom: 120px;
    right: 10px;
  }
  .add-locations-button-mobile {
    background: none;
    border: none;
    bottom: 0px;
    right: 0px;
    color: #2371a4;
    font-size: 65px;
  }
  .zip-code-input {
    margin: 35px 0;
  }
  .state-county-container {
    margin-top: 20px;
  }
  #selState {
    margin-bottom: 20px;
  }
  .locations-selected-container,
  .locations-selected-container > * {
    margin-top: 20px;
  }
}
.launch-icon-button {
  height: 40px !important;
  width: 36px !important;
}

.secondary-btn {
  width: 150px;
}

.geography-selection-header {
  font-weight: bold;
}

.geography-selection-input {
  margin-right: 6px;
  accent-color: var(--primary-main, #4178ff);
}

.volume-section {
  height: 200px;
}

.volume {
  display: flex;
  flex-direction: column;
  width: 30%;
}
@media (max-width: 768px) {
  .volume {
    width: 100%;
  }
}

.volume-label-description {
  font-size: 12px;
  line-height: 16px;
  /* identical to box height */
  letter-spacing: -0.01em;
  color: #aaaaaa;
  max-width: 300px;
}

.lead-cap-switch {
  border-radius: 25px;
  color: #fff;
  border-color: #0052ce;
  background-color: #0052ce;
}

.custom-control-label::before {
  border: solid 1px #c4c4c4;
  background-color: #c4c4c4;
  height: 26px;
}

.custom-switch .custom-control-label::before {
  width: 52px;
  pointer-events: all;
  border-radius: 1rem;
}

.custom-switch .custom-control-label::after {
  background-color: #fff;
  height: 22px;
  width: 22px;
  border-radius: 1rem;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  background-color: #005cc8;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(1.65rem);
  transform: translateX(1.65rem);
}

.add-icon {
  font-size: 30px;
  line-height: 30px;
  border: none !important;
  outline: 0 !important;
  background: none !important;
}

.add-icon-container {
  padding-left: 0 !important;
}

.accordion-review {
  width: 100%;
}

.drop-down-container,
.locations-selected-container {
  margin-bottom: 24px;
}

.locations-selected-header {
  font-size: 1rem;
  font-weight: 600;
  color: #052a63;
}

.locations-selected-note {
  font-size: 14px;
  font-weight: 400;
  color: #434a51;
}

.locations-selected-value {
  color: #6c747b;
}

.note-warning {
  color: #e28a05;
}

.note-alert {
  color: #cf4843;
}

.add-locations-button {
  border: none;
  background: none;
  width: fit-content;
  color: #005cc8;
  padding-left: 0px;
}

.add-locations-button:disabled {
  color: #d8d8d8;
}

.zip-code-input {
  width: inherit;
}

.accordion-content-zip-code {
  margin-left: 0;
}

.map-component-wrapper {
  display: flex;
  height: 100%;
  width: 100%;
  max-height: 455px !important;
}

.map-component {
  flex-grow: "1";
  height: "50vh";
  border: "1px solid black";
}

.locations-selected-list {
  height: 33vh;
  overflow-y: scroll;
  width: 375px;
  padding-right: 20px;
}
@media screen and (max-width: 1575px) {
  .locations-selected-list {
    height: 25vh;
  }
}
@media screen and (max-width: 1400px) {
  .locations-selected-list {
    width: 300px;
  }
}
@media screen and (max-width: 1275px) {
  .locations-selected-list {
    height: 20vh;
  }
}
@media screen and (max-width: 1100px) {
  .locations-selected-list {
    width: 275px;
    height: 15vh;
  }
}

.locations-selected-list::-webkit-scrollbar {
  width: 10px;
}

.locations-selected-list::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  border-radius: 5px;
  height: 20px;
}

.locations-selected-list-review {
  max-height: 45vh;
  overflow-y: auto;
}

.locations-selected-list-review::-webkit-scrollbar {
  width: 10px;
}

.locations-selected-list-review::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  border-radius: 5px;
  height: 20px;
}

.delete-icon {
  font-size: 16px;
}

.edit-on-review {
  color: #6c747b;
  margin-right: 5px;
}

.campaign-review-value {
  color: #434a51;
  font-size: 16px;
  padding-right: 10px;
}

.total-campaign-cost-value {
  color: #6c747b;
  font-size: 16px;
}

.capaign-name {
  margin-left: 15px;
}

.campaign-payment {
  width: fit-content;
}
@media (min-width: 1300px) {
  .campaign-payment {
    width: 50%;
  }
}

.lead-type-description {
  font-size: 10px;
  color: #7f7f8a;
}

.map-container-rtl {
  min-height: 300px;
  height: 100%;
  width: 100%;
}

.cost-per-lead {
  font-style: italic;
  color: #333333;
  margin-left: 30px;
}
.cost-per-lead span {
  color: #6c747b;
}

.call-type {
  font-size: 14px;
  color: #e28a05;
  margin-bottom: 12px;
}

.edit-view-disabled {
  visibility: hidden;
}

.eroll-error-msg {
  font-size: 12px;
  color: #cf4843;
}

.error-quick-search > div > input {
  border: 2px solid red;
  background: #fff2f2;
}

.search-icon {
  font-size: 20px;
  margin-left: 10px;
  z-index: 1;
  font-weight: 100;
  color: #b1b2b6;
}

.search-ban-icon {
  font-size: 20px;
  margin-left: -60px;
  z-index: 1;
  font-weight: 100;
  color: #d65c5c;
}

.campaign_header {
  color: #002d72;
  display: flex;
  align-items: flex-end;
}
.campaign_header > span {
  margin-right: 10rem;
}
.campaign_header .tab_wrapper {
  display: flex;
  font-size: 0.895rem;
  align-items: flex-end;
  letter-spacing: 0;
  color: #0052ce;
}
.campaign_header .tab_realtimeLeads,
.campaign_header .tab_customAds,
.campaign_header .tab_buyPerLead,
.campaign_header .tab_pendingApprovals {
  padding: 0 10px 5px;
  border-bottom: 4px solid;
  border-color: transparent;
  color: #0052ce !important;
  cursor: pointer;
}
.campaign_header .tab_realtimeLeads.active,
.campaign_header .tab_customAds.active,
.campaign_header .tab_buyPerLead.active,
.campaign_header .tab_pendingApprovals.active {
  border: none;
  border-bottom: 4px solid;
  border-color: #0052ce;
  font-weight: bold;
}
.campaign_header .tab_realtimeLeads span,
.campaign_header .tab_customAds span,
.campaign_header .tab_buyPerLead span,
.campaign_header .tab_pendingApprovals span {
  margin-left: 5px;
}
.campaign_header .separator {
  margin: 0 1.125rem 0.5rem;
  font-size: 1.25rem;
  color: #dfdedd;
}
@media (max-width: 768px) {
  .campaign_header {
    flex-direction: column;
    align-items: flex-start;
  }
  .campaign_header > span {
    margin-right: 0;
    margin-bottom: 2rem;
    width: 100%;
    text-align: center;
  }
  .campaign_header .tab_wrapper {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }
  .campaign_header .separator {
    color: transparent;
  }
}

.realtime-container #inputDiv input[type=text] {
  height: 40px;
}
.realtime-container #inputDiv input[type=text]:focus, .realtime-container #inputDiv input[type=text]:focus-visible, .realtime-container #inputDiv input[type=text]:active {
  border-color: #2175f4 !important;
  outline: none;
}
.realtime-container #inputDiv input[type=text].input-error {
  background-color: #ffffff !important;
  border-color: #ff4444 !important;
}
.realtime-container #inputDiv .error-quick-search input[type=text] {
  border-color: #ff4444 !important;
}

.realtime-footer-btns {
  display: none;
}
@media (max-width: 768px) {
  .realtime-footer-btns {
    display: flex;
    align-items: center;
    margin-top: 24px;
  }
  .realtime-footer-btns:has(button:only-child) {
    justify-content: flex-end;
  }
  .realtime-footer-btns:not(:has(button:only-child)) {
    justify-content: space-between;
  }
}

@media (max-width: 768px) {
  .campaign-review-wrapper {
    flex-direction: column;
  }
  .campaign-review-wrapper .w-75,
  .campaign-review-wrapper .w-25,
  .campaign-review-wrapper .w-35 {
    width: 100% !important;
    margin-left: 0;
  }
}

.payment-section-header.mobile-view {
  display: none;
}
@media (max-width: 768px) {
  .payment-section-header {
    display: none;
  }
  .payment-section-header.mobile-view {
    display: flex;
  }
}

.w-65 {
  width: 65% !important;
}

.w-35 {
  width: 35% !important;
}

@media (max-width: 768px) {
  .bpl-campaign-summary .w-65,
  .bpl-campaign-summary .w-35 {
    width: 100% !important;
    margin-left: 0;
  }
  .bpl-campaign-summary .w-65 > div {
    margin: 0 !important;
  }
  .bpl-campaign-summary > div:first-child {
    margin-bottom: 1rem;
  }
}
.bpl-campaign-summary .wr-toggle {
  margin-right: 0.5rem;
}
.bpl-campaign-summary .wr-toggle.wr-toggle--checked .wr-toggle-container {
  background-color: #4178ff;
}
.bpl-campaign-summary .wr-toggle .wr-toggle-container {
  background-color: #7188a8;
  border-color: transparent;
}
.bpl-campaign-summary .wr-toggle .wr-toggle-container.disable-bg + .primary-bgc svg,
.bpl-campaign-summary .wr-toggle .wr-toggle-container.disable-bg + .light-bgc svg {
  color: transparent;
}

@media (max-width: 768px) {
  .campaign-summary-container {
    flex-wrap: wrap;
  }
}

@media (max-width: 576px) {
  .campaign-summary {
    flex-wrap: wrap;
  }
}

.discount-wrapper {
  display: flex;
  flex-direction: row;
}
@media (max-width: 1200px) {
  .discount-wrapper {
    flex-direction: column;
  }
}
.discount-wrapper__child__one {
  width: 65%;
}
@media (max-width: 1200px) {
  .discount-wrapper__child__one {
    width: 100%;
  }
}
.discount-wrapper__child__two {
  width: 35%;
  align-items: flex-end;
}
@media (max-width: 1200px) {
  .discount-wrapper__child__two {
    width: 100%;
    align-items: flex-start;
  }
}
.discount-wrapper__child__two .campaign-bottom-row .col {
  min-width: 260px;
}
@media (max-width: 1200px) {
  .discount-wrapper__child__two .campaign-bottom-row .col {
    min-width: 320px;
  }
}

.no-leads-bpl-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
@media (max-width: 768px) {
  .no-leads-bpl-wrapper {
    flex-direction: column;
  }
  .no-leads-bpl-wrapper > div:last-child {
    margin-top: -6rem;
  }
  .no-leads-bpl-wrapper > div:last-child img {
    margin-bottom: 2rem;
  }
}

.no-leads-bpl {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.no-leads-bpl h1 {
  font-size: 2rem;
  color: #002d72;
}
.no-leads-bpl p {
  font-size: 0.87rem;
  color: #434a51;
  letter-spacing: normal;
}

.create-campaign-link {
  padding: 1rem 0;
}
.create-campaign-link.disable {
  pointer-events: none;
}

.create-campaign-btn.disable {
  pointer-events: none;
  opacity: 0.65;
  background-color: #a0c4f8;
}

#overlay-campaign-create .overlay-container {
  max-width: 300px;
  overflow-y: auto;
  height: auto;
}

.pending-approval-deny {
  top: 25%;
  max-width: 650px;
}
.pending-approval-deny h2 {
  color: #002d72;
}
.pending-approval-deny .deny-sec-2 textarea {
  height: 150px;
}
.pending-approval-deny .limit {
  width: 100%;
  display: inline-block;
  text-align: right;
  color: #aaaaaa;
}

.rtl-container .details-container {
  height: 610px;
}
@media (max-width: 768px) {
  .rtl-container .details-container {
    height: auto;
  }
}
.rtl-container .details-container .transactiontype {
  background-color: transparent;
}
.rtl-container .details-container .transactiontype__type {
  margin-top: 2px;
}

.approval-popup p {
  margin: 0 !important;
}
.approval-popup h4 {
  font-size: 1.5rem;
}
.approval-popup .approval-check {
  color: #7fd7b2;
  margin-bottom: 1rem;
}

.approval-modal .ilc-modal-footer {
  justify-content: center !important;
}

.county-multi-select .custom-county-values {
  max-height: 30px;
}

.accordion-content-counties {
  margin-left: 2.5rem;
}

.border-bottom-half-px {
  border-bottom: 0.5px solid #dfdedd;
}

.geo-restriction-subtext {
  font-size: 0.8rem;
  color: #434a51;
  margin-top: 4px;
  margin-bottom: 0;
}

.excluded-zip-chevron {
  cursor: pointer;
  color: #0052ce;
}

.excluded-zip-chevron-disabled {
  color: #cccccc;
  cursor: default;
}

.excluded-zip-header {
  padding: 8px 0 2px 0;
}

.exclude-zip-link-container {
  padding: 0 0 4px 2rem;
}

.exclude-zip-link {
  background: none;
  border: none;
  color: #0052ce;
  padding: 0;
  font-size: 0.875rem;
  text-decoration: none;
  cursor: pointer;
}
.exclude-zip-link:hover {
  text-decoration: underline;
}

.exclude-zip-modal-body {
  padding: 8px 0;
}

.exclude-zip-textarea-wrapper {
  position: relative;
}

.exclude-zip-textarea {
  width: 100%;
  border: 1px solid #ced4da;
  outline: none;
  padding: 8px;
  min-height: 100px;
  resize: vertical;
  border-radius: 4px;
  background: #fff;
}
.exclude-zip-textarea.has-error, .exclude-zip-textarea.has-limit {
  border-color: #ff4444;
  background-color: #fff2f2;
}
.exclude-zip-textarea.has-limit {
  padding-bottom: 24px;
  resize: none;
}

.exclude-zip-limit-text {
  position: absolute;
  bottom: 6px;
  right: 8px;
  font-size: 0.75rem;
  color: #8f99a3;
  pointer-events: none;
}

.exclude-zip-add-btn {
  background: none;
  border: none;
  color: #0052ce;
  padding: 4px 8px;
  cursor: pointer;
  font-size: 0.875rem;
}
.exclude-zip-add-btn:disabled {
  color: #cccccc;
  cursor: default;
}

.exclude-zip-error-text {
  color: #ff4444;
  font-size: 0.8rem;
  margin-top: 4px;
  margin-bottom: 0;
}

.excluded-zip-modal-list {
  max-height: 225px;
  overflow-y: auto;
  border: 1px solid #dfdedd;
  border-radius: 4px;
}

.exclude-zip-modal-item {
  padding: 10px 12px;
  border-bottom: 0.5px solid #dfdedd;
  color: #434a51;
}
.exclude-zip-modal-item:last-child {
  border-bottom: none;
}.details-container {
  background-color: #ffffff;
  border-radius: 8px;
  border: 8px solid transparent;
  border-right: 0.5px solid #dfdedd;
  border-top: 0.5px solid #dfdedd;
  border-bottom: 0.5px solid #dfdedd;
  height: 100%;
  height: 540px;
  padding: 12px;
  width: 100%;
}

.details-title {
  display: flex;
  margin-bottom: 20px;
}

.details-field {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.details-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 32px;
  background-color: #d8e6f9;
  border-radius: 50%;
  margin-right: 12px;
}

.details-field-value {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: #717171;
}/*
  Usage -> two types can be used below classes.
  //primary-font utility class created below and used on examples.
  1. By adding classnames directly to your HTML elements
     Ex: <p className="primary-font">Paragraph style 1</p>
  2. You can define your utility class names using placeholders and by using `@extend`
     Ex: <p className="test-paragraph">Paragraph style 2</p>
     style:
     .test-paragraph{
        @extend .primary-font;
     }
*/
.primary-font {
  color: #434a51;
}

.secondary-font {
  color: #000000;
}

.tertiary-font {
  color: #717171 !important;
}

.header-font {
  color: #002d72;
}

.white-font {
  color: #ffffff !important;
}

.error-500-font {
  color: #ff4444 !important;
}

.error-main-font {
  color: #c81e27;
}

.primary-font-inactive {
  color: #aaaaaa;
}

.primary-action-font {
  color: #0052ce !important;
}

.primary-action-disabled-font {
  color: #a0c4f8;
}

.note-warning-font {
  color: #e28a05;
}

.primary-action-onhover {
  color: #2175f4;
}

.header-nav-font {
  color: #051d43;
}

.gradient-afternoon {
  color: #4178ff;
}

.disabled-text {
  color: rgba(0, 0, 0, 0.38) !important;
}

.bg-transparent {
  background-color: transparent;
}

.bg-primary-action {
  background-color: #0052ce !important;
}

.bg-primary-action-disabled {
  background-color: #a0c4f8;
}

.bg-error {
  background-color: #ff4444;
}

.bg-white {
  background-color: #ffffff;
}

.background-white {
  background-color: #ffffff;
}

.bg-background-default {
  background-color: #f1f1f1;
}

.background-warning {
  background-color: #fcf2e8 !important;
}

.background-integrity-royal-light-1 {
  background-color: #f1faff;
}

.background-integrity-royal-light-2 {
  background-color: #dfeafb;
}

.background-integrity-gray-light-1 {
  background-color: #f1f1f1;
}

.color-title {
  color: #7f7f8a;
}

.color-primary-main {
  color: #4178ff;
}

.title-blue-font {
  color: #052a63 !important;
}

.integrity-navy-font {
  color: #052a63;
}

.gradient-afternoon-font {
  color: #4178ff;
}

.warning-font {
  color: #f56600;
}

.fs-h1 {
  font-size: 48px;
}

.fs-h2 {
  font-size: 32px;
}

.fs-h3 {
  font-size: 24px;
}

.fs-h4 {
  font-size: 18px !important;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-20, .popup-content {
  font-size: 20px;
}

.fs-16 {
  font-size: 16px;
}

.fs-24 {
  font-size: 24px;
}

.fs-32 {
  font-size: 32px;
}

.fs-18 {
  font-size: 18px;
}

.fs-h5,
.fs-14 {
  font-size: 14px;
}

.fs-p,
.fs-16 {
  font-size: 16px;
}

.fs-12 {
  font-size: 12px;
}

.fs-9 {
  font-size: 9px;
}

.ff-lato {
  font-family: "Lato", sans-serif;
}

.d-flex {
  display: flex;
}

.d-grid {
  display: grid;
}

.flex-center, .popup-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-center-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.flex-column-align-start {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.align-center {
  display: flex;
  align-items: center;
}

.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.justify-between {
  display: flex;
  justify-content: space-between;
}

.justify-around {
  display: flex;
  justify-content: space-around;
}

.flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flex-between-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flex-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.flex-align-start {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.flex-column-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.flex-column-start {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.rounded-sm {
  border-radius: 3px;
}

.rounded-md {
  border-radius: 4px !important;
}

.rounded-lg {
  border-radius: 8px !important;
}

.rounded-xl {
  border-radius: 25px !important;
}

.card-border {
  border: 1px solid #dfdedd;
}

.border-top {
  border-top: 1px solid #dfdedd;
}

.border-left {
  border-left: 1px solid #dfdedd;
}

.border-bottom {
  border-bottom: 1px solid #dfdedd;
}

.border-light-gray {
  border: 1px solid #dddddd;
}

.border-none {
  border: none;
}

.border-error {
  border-color: #ff4444;
}

.line-height-0 {
  line-height: 0;
}

.shadow-on {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.py-10px {
  padding-top: 10px;
  padding-bottom: 10px;
}

.px-8px {
  padding-left: 8px;
  padding-right: 8px;
}

.min-h-0 {
  min-height: 0 !important;
}

.w-20px {
  width: 20px !important;
}

.w-100px {
  width: 100px !important;
}

.w-150px {
  width: 175px !important;
}

.width-100 {
  width: 100% !important;
}

.w-80 {
  width: 80% !important;
}

.w-60 {
  width: 60% !important;
}

.w-25-100 {
  width: 25% !important;
}
@media (max-width: 768px) {
  .w-25-100 {
    width: 100% !important;
  }
}

.w-h-40 {
  width: 40px;
  height: 40px;
}

.height-48 {
  height: 48px;
}

.min-height-48 {
  min-height: 48px;
}

.height-17 {
  height: 17px;
}

.width-max-content {
  width: max-content;
}

.background-none {
  background: none;
}

.popup-content {
  display: grid;
}

.position-relative {
  position: relative;
}

.padding-sm {
  padding: 4px;
}

.padding-md {
  padding: 8px;
}

.padding-lg {
  padding: 12px;
}

.padding-xl {
  padding: 16px;
}

.padding-24 {
  padding: 24px;
}

.margin-bottom-4 {
  margin-bottom: 4px;
}

.margin-bottom-8 {
  margin-bottom: 8px;
}

.margin-bottom-24 {
  margin-bottom: 24px;
}

.margin-right-4 {
  margin-right: 4px;
}

.margin-top-8 {
  margin-top: 8px;
}

.margin-left-8 {
  margin-left: 8px;
}

.margin-top-16 {
  margin-top: 16px;
}

.margin-4 {
  margin: 4px;
}

.margin-24 {
  margin: 24px;
}

.margin-left-24 {
  margin-left: 24px;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left--0-25 {
  margin-left: -0.25rem;
}

.padding-72 {
  padding: 72px;
}

.padding-l-0 {
  padding-left: 0;
}

.padding-l-8 {
  padding-left: 8px;
}

.padding-0 {
  padding: 0;
}

.spin-5s {
  animation: spin 5s linear infinite;
}

.btn-height {
  height: 32px;
}

.input-height {
  height: 40px;
}

.width-250px {
  width: 250px;
}

.w-50-100 {
  width: 50% !important;
}
@media (max-width: 992px) {
  .w-50-100 {
    width: 100% !important;
  }
}

.card-on-hover:hover {
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.23);
}

.right-2p {
  right: 2% !important;
}

.input-outline-enabledBorder, #checkVoucher .ilc-modal-content .ilc-modal-body .voucher-input-wrapper .voucher-input {
  border: 1px solid rgba(0, 0, 0, 0.25);
}

.margin-top-24 {
  margin-top: 24px;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.textarea-limited {
  resize: none;
}

.warning-icon-color {
  color: #f56600;
}

.text-center {
  text-align: center !important;
}

.justify-items-end {
  justify-items: end;
}

.divider {
  border-bottom: 1px solid #cccccc;
}

.gap-4 {
  gap: 4px;
}

.gap-16 {
  gap: 16px;
}

.gap-24 {
  gap: 24px;
}

.no-text-decoration {
  color: inherit;
  text-decoration: none !important;
}
.no-text-decoration:hover {
  color: inherit;
  text-decoration: none !important;
}
.no-text-decoration:focus {
  color: inherit;
  text-decoration: none !important;
}

.overflow-auto {
  overflow: auto;
}

.padding-x-4 {
  padding-left: 4px;
  padding-right: 4px;
}

.padding-y-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.padding-x-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.padding-y-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.padding-x-12 {
  padding-left: 12px;
  padding-right: 12px;
}

.padding-y-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.padding-x-16 {
  padding-left: 16px;
  padding-right: 16px;
}

.padding-y-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.padding-x-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.padding-y-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.padding-x-32 {
  padding-left: 32px;
  padding-right: 32px;
}

.padding-y-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.padding-x-48 {
  padding-left: 48px;
  padding-right: 48px;
}

.padding-y-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.padding-x-72 {
  padding-left: 72px;
  padding-right: 72px;
}

.padding-y-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.check-voucher-modal + .ilc-modal-footer .modal-button {
  display: none;
}

#checkVoucher .ilc-modal-content {
  width: 100%;
  max-width: 560px;
  min-height: 155px;
  margin: 0 auto;
  border-radius: 8px;
}
#checkVoucher .ilc-modal-content .ilc-modal-body {
  background-color: #f1f1f1;
  margin: 0;
  padding: 24px;
  font-family: "Lato", sans-serif;
  letter-spacing: 0 !important;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
#checkVoucher .ilc-modal-content .ilc-modal-body button[type=submit]:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
#checkVoucher .ilc-modal-content .ilc-modal-body .voucher-label {
  color: #434a51;
  padding-left: 0;
  padding-bottom: 0.5rem;
}
#checkVoucher .ilc-modal-content .ilc-modal-body .voucher-input-wrapper .voucher-input {
  width: 100%;
  max-width: 275px;
  min-width: 270px;
  height: 45px;
  border-radius: 4px;
  padding-left: 0.5rem;
  outline: rgba(0, 0, 0, 0.25);
}
#checkVoucher .ilc-modal-content .ilc-modal-body .voucher-input-wrapper .voucher-input.voucher-error {
  border-color: #c81e27;
}
#checkVoucher .ilc-modal-content .ilc-modal-body .voucher-input-wrapper .voucher-input.voucher-error:active, #checkVoucher .ilc-modal-content .ilc-modal-body .voucher-input-wrapper .voucher-input.voucher-error:focus {
  border-color: #c81e27;
  outline: #c81e27;
}
@media (max-width: 768px) {
  #checkVoucher .ilc-modal-content .ilc-modal-body .voucher-input-wrapper .voucher-input {
    min-width: 255px;
  }
  #checkVoucher .ilc-modal-content .ilc-modal-body .voucher-input-wrapper {
    flex-direction: column;
  }
  #checkVoucher .ilc-modal-content .ilc-modal-body .voucher-input-wrapper > div:last-child {
    margin-top: 10px;
  }
}
#checkVoucher .ilc-modal-content .ilc-modal-body .voucher-info-label {
  color: #052a63;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 125% */
}
#checkVoucher .ilc-modal-content .ilc-modal-body .voucher-info-value {
  color: #717171;
  padding-left: 5px;
  font-size: 16px;
}
@media (max-width: 768px) {
  #checkVoucher .ilc-modal-content .ilc-modal-body .info-column {
    align-items: flex-start;
  }
  #checkVoucher .ilc-modal-content .ilc-modal-body .info-column .voucher-info-value {
    display: flex;
    flex-direction: column;
  }
  #checkVoucher .ilc-modal-content .ilc-modal-body .info-column .voucher-info-value .button-no-border {
    text-align: left;
  }
}
@media (max-width: 768px) {
  #checkVoucher .ilc-modal-content .ilc-modal-body .voucher-info-top-section {
    flex-direction: column;
    align-items: flex-start;
  }
}
#checkVoucher .ilc-modal-content .voucher-details .typography-body, #checkVoucher .ilc-modal-content .voucher-details .ilc-modal-body .voucher-info-value, #checkVoucher .ilc-modal-content .ilc-modal-body .voucher-details .voucher-info-value {
  padding-left: 5px;
  font-weight: 600;
}
#checkVoucher .ilc-modal-content .ilc-modal-footer {
  display: none !important;
}

.egift-tooltip .tooltip-inner {
  padding: 0.5rem !important;
}
body {
  background-color: #ffffff;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  color: #434a51;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  font-weight: 500;
  margin: 0px;
}

h1,
.h1 {
  color: #002d72;
  font-size: 48px;
  font-weight: 700;
}
@media (max-width: 768px) {
  h1,
  .h1 {
    font-size: 2.5rem;
  }
}

h2,
.h2,
h3,
.h3 {
  color: #002d72;
}

h2,
.h2 {
  font-size: 44px;
}
@media (max-width: 768px) {
  h2,
  .h2 {
    font-size: 2.25rem;
  }
}

h3,
.h3 {
  font-size: 32px;
}
@media (max-width: 768px) {
  h3,
  .h3 {
    font-size: 1.5rem;
  }
}

p {
  margin: 0px;
  font-size: 1.125rem;
  color: #434a51;
}
p span {
  font-size: 0.85rem;
}
@media (max-width: 768px) {
  p {
    font-size: 1rem;
  }
}

header {
  background-color: #002d72;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0px;
  width: 100%;
  padding: 20px;
  z-index: 900;
}

header img {
  max-width: 200px;
}

.btn {
  background-color: #0052ce;
  color: #ffffff;
  border-radius: 5px;
  padding: 10px;
  transition: all 0.3s ease-in-out;
  min-width: 200px;
  text-align: center;
  line-height: 20px;
  font-weight: normal;
  font-size: 1rem;
}

.btn.btn-white {
  background-color: #ffffff;
  color: #0052ce;
}

.btn:hover {
  background-color: #0052ce;
  transition: all 0.3s ease-in-out;
  color: #ffffff;
}

.text-center {
  text-align: center;
}

.flex,
.flex-between {
  display: flex;
}

.flex-between {
  justify-content: space-between;
}

.gap-16 {
  gap: 16px;
}

a {
  text-decoration: none;
}

footer .container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 48px 0rem;
  font-size: 80%;
}

footer img {
  max-width: 200px;
  display: block;
  margin: 0 auto;
}

footer p {
  margin: 0px;
}

footer a {
  color: #434a51;
}

.container {
  max-width: 100%;
  width: 100%;
  margin: 0;
  display: block;
}
@media (max-width: 1200px) {
  .container {
    padding: 0;
  }
}

.col {
  flex: 0 0 50%;
  position: inherit;
  width: auto;
  padding: 0;
}

.whiteBackground {
  background: #ffffff;
}

section.hero {
  position: relative;
  min-height: 686px;
}
section.hero .container {
  padding: 0;
}
@media (max-width: 1400px) {
  section.hero .container {
    padding-right: 15px;
  }
}
@media (max-width: 768px) {
  section.hero {
    margin-top: 50px;
  }
  section.hero .container {
    padding-right: 0;
  }
}

section.hero .flex {
  gap: 0;
}
section.hero .flex > div {
  flex-grow: 0;
}
@media (max-width: 1400px) {
  section.hero .flex > div {
    flex-grow: 1;
  }
}

section.hero .col:first-child img {
  width: 100%;
  left: 0px;
}
@media (max-width: 1200px) {
  section.hero .col:first-child img {
    height: auto;
    object-fit: cover;
  }
}

section.hero .col:last-child {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  flex-basis: 40%;
  padding-top: 150px;
}

section.hero .col:last-child .btn {
  display: flex;
  align-self: self-start;
  font-weight: normal;
  margin-bottom: 3rem;
  justify-content: center;
}

section.leads {
  padding: 300px 1rem 150px;
  position: relative;
  min-height: 528px;
}
@media (max-width: 1200px) {
  section.leads {
    padding: 30px 1rem 0;
  }
}

section.leads .flex {
  gap: 0;
}

section.leads .col:last-child img {
  width: 100%;
  right: 50px;
}
@media (max-width: 1200px) {
  section.leads .col:last-child img {
    right: 0;
    top: 20px;
    max-width: 100%;
    max-height: 100%;
  }
}

section.leads .col:first-child h2 {
  margin-bottom: 1rem;
  font-weight: 700;
}

section.leads .col:first-child > p {
  margin-bottom: 3rem;
}

section.leads .col:first-child img {
  width: 74px;
  height: 75px;
}

section.leads ul,
section.maps ul {
  padding: 0px;
  margin: 80px 0 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

section.leads ul li,
section.maps ul li {
  display: flex;
  gap: 16px;
  align-items: start;
  width: 90%;
}

section.leads ul li h2,
section.maps ul li h2 {
  margin: 0px;
}

section.maps ul li {
  margin-left: 5%;
}

section.leads ul li div,
section.maps ul li div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

section.maps {
  height: auto !important;
  padding: 64px 1rem;
  position: relative;
  background-color: #f2f6fd;
  min-height: 497px;
}

section.maps .flex {
  gap: 0;
  align-items: center;
}

section.maps .col:first-child img {
  width: 100%;
  left: 50px;
  top: 200px;
  transform: translateY(-50%);
}
@media (max-width: 1200px) {
  section.maps .col:first-child img {
    left: 0;
    top: 20px;
    max-width: 100%;
  }
}

section.maps .col:last-child img {
  width: 74px;
  height: 75px;
}

section.maps .col:last-child h2 {
  margin-bottom: 1rem;
  font-weight: 700;
}

section.maps .col:last-child > p {
  margin-bottom: 3rem;
}

section.maps .container {
  padding: 64px 0px;
}

section.compliant {
  padding: 64px 1rem 32px;
  position: relative;
  min-height: 250px;
}

section.compliant .flex {
  gap: 0;
}
section.compliant .flex > div {
  flex-grow: 1;
}

section.compliant h2 {
  margin-bottom: 1rem;
  font-weight: 700;
}

section.compliant img {
  width: 100%;
  max-height: 200px;
  height: 100%;
  right: 0;
  bottom: 25px;
  object-fit: cover;
}
@media (max-width: 1200px) {
  section.compliant img {
    right: 0;
    bottom: 0;
  }
}

section.compliant .col:first-child {
  flex-basis: calc(50% - 64px);
}

.section-flex-right {
  display: flex;
  justify-content: flex-end;
}

section.testimonials {
  background-color: #f2f6fd;
  padding: 64px 1rem;
  position: relative;
  margin-bottom: 64px;
}

section.testimonials .slider-item {
  align-items: center;
}

section.testimonials .slider-item h2 {
  margin-bottom: 2rem;
}

section.testimonials .slider-item blockquote {
  margin: 0px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

section.testimonials .slider-item .col:first-child img {
  width: 350px;
  height: 350px;
  display: block;
  border-radius: 50%;
  object-fit: cover;
  border: 10px solid #0052ce;
  margin: 0 auto;
  background-color: #ffffff;
}

section.testimonials .slider-item blockquote img {
  width: 32px;
}

section.testimonials .slider-item blockquote img.rotate-quote {
  transform: rotate(-180deg);
  right: 60px;
  bottom: 0px;
}

section.testimonials .slider-item blockquote .h3 {
  color: #434a51;
  position: relative;
}

section.testimonials h2 {
  margin-bottom: 3rem;
  font-weight: 700;
}

section.get-started {
  background-color: #002d72;
  padding: 64px 1rem;
  position: relative;
  color: #ffffff;
}

section.get-started .container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

section.get-started h2,
section.get-started p {
  margin: 0px;
  color: #ffffff;
}

section.get-started .btn {
  display: flex;
  align-self: center;
  justify-content: center;
}

section.get-started .btn:hover {
  color: #ffffff;
}

section.parallax {
  height: 400px;
  background-image: url("/assets/fixed-D8OKZDax.png");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: 396px;
  position: relative;
}
@media (max-width: 1200px) {
  section.parallax {
    height: auto;
  }
}

section.parallax > div {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}

section.parallax.maps > div {
  max-width: none;
}

.overflow-hidden {
  overflow: hidden;
}

blockquote p:first-child::before,
blockquote p:first-child::after {
  color: #0052ce;
  font-size: 2rem;
}

blockquote p:first-child::before {
  content: "❝";
}

blockquote p:first-child::after {
  content: "❞";
  bottom: -20px;
}

#poster-video-container {
  position: relative;
  padding-top: 0;
}

#poster {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  cursor: pointer;
  display: none;
}

#poster::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background-image: url("/assets/play-btn-BdWccB2N.svg");
  height: 100px;
  width: 100px;
  background-size: 100px 100px;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 50%;
}

#vimeo-container {
  display: none;
}
#vimeo-container > div {
  position: absolute;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

#poster.show,
#vimeo-container.show {
  display: block;
}

.slick-next,
.slick-prev {
  display: none !important;
}

footer .flex-between {
  padding: 0 2rem;
}

.hero .container .flex .col,
.leads .container .flex .col,
.maps .container .flex .col {
  align-self: center;
}

@media (max-width: 1200px) {
  .quote.rotate {
    bottom: -30px;
  }
  #poster-video-container {
    padding-top: 50px;
  }
  #poster {
    display: none;
  }
  #vimeo-container {
    display: block;
  }
  header {
    padding: 1rem;
    width: 100%;
  }
  header img {
    max-width: 170px;
  }
  header a.btn {
    padding-left: 1rem;
    padding-right: 1rem;
    min-width: auto;
    width: auto;
  }
  section.hero .flex {
    gap: 0;
    flex-direction: column;
  }
  section.hero .col:last-child {
    padding: 0px 1rem;
  }
  section.hero .col:first-child img,
  section.leads .col:last-child img,
  section.maps .col:first-child img {
    position: relative;
  }
  section.leads .flex,
  section.maps .flex,
  section.compliant .flex {
    flex-direction: column;
  }
  section.leads,
  section.maps,
  section.compliant {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  section.compliant .col:last-child,
  section.maps .col:last-child {
    order: 1;
  }
  section.compliant .col:first-child,
  section.maps .col:first-child {
    order: 2;
  }
  section.leads .col:first-child,
  section.compliant .col:first-child {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  section.maps .col:last-child {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  section.compliant .flex {
    gap: 0;
  }
  section.compliant img {
    position: relative;
    width: 100%;
    height: auto;
    object-fit: fill;
  }
  section.testimonials .slider-item {
    flex-direction: column;
    gap: 2rem;
  }
  section.testimonials .slider-item .col:first-child img {
    width: 250px;
    height: 250px;
  }
  footer .flex-between {
    flex-direction: column;
    align-items: center;
  }
  section.maps .col:first-child img {
    transform: unset;
    position: relative;
  }
  section.testimonials .slider-item blockquote img.rotate-quote {
    right: 0px;
    bottom: 0px;
  }
}
.slick-slider {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 768px) {
  #poster.show {
    display: none;
  }
}
@media (max-width: 576px) {
  .parallax {
    height: auto !important;
  }
  .btn {
    min-width: 120px;
  }
  section.testimonials .slider-item blockquote .h3 {
    font-size: 20px !important;
  }
  section.maps,
  section.compliant {
    padding-top: 0;
  }
  section.testimonials {
    margin-bottom: 0;
  }
  blockquote p:first-child::before,
  blockquote p:first-child::after {
    font-size: 24px;
  }
  blockquote p:first-child::after {
    bottom: 0px;
  }
}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}}/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/assets/ajax-loader-BcnMEykj.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/assets/slick-Bi9J8BMx.eot');
    src: url('/assets/slick-Bi9J8BMx.eot?#iefix') format('embedded-opentype'), url('/assets/slick-BlUtDIuC.woff') format('woff'), url('/assets/slick-DWzRxEMf.ttf') format('truetype'), url('/assets/slick-BlzDm7g2.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
.image-container {
  width: 100%;
  height: 306px;
  overflow: hidden;
}

.banner-img {
  width: 100%;
  object-fit: contain;
}

.referral-help-container {
  background-color: #f1f1f1;
  min-height: 100vh;
}

.content-container {
  margin: 0 84px;
  color: #434a51;
  font-size: 16px;
}

.content-header {
  padding: 24px 0 !important;
  color: #052a63;
  font-size: 32px;
}

.content-subheader {
  margin: 0 !important;
  padding: 24px 0 !important;
  color: #052a63;
  font-size: 16px;
}

.steps-container {
  padding: 16px !important;
}

.steps {
  padding: 0px !important;
  margin: 0px !important;
}

.c-footer a {
  color: #3c4b64;
}

.simple-footer {
  margin-top: auto;
  background: #25408f;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 14px;
}

.simple-footer a:hover,
.simple-footer a {
  color: #ffffff;
}

.simple-footer__content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 2.25rem 1rem;
  color: #fff;
}

.simple-footer__content > * {
  padding: 0.25rem 0;
}

.simple-footer a:hover {
  color: #ffffff;
}

@media (min-width: 480px) {
  .simple-footer__content {
    padding: 2.25rem 2rem;
  }
  .simple-footer__content > * {
    padding: 0.5rem 0;
  }
}
@media (min-width: 768px) {
  .simple-footer__content {
    padding: 2.25rem 2.5rem;
  }
  .simple-footer__content > * {
    padding: 0.625rem 0;
  }
}
.simple-footer__legal {
  font-size: inherit;
  line-height: 1.5;
  color: #fff;
}

.simple-footer__legal > span {
  white-space: nowrap;
}

.simple-footer--no-padding {
  padding: 0px;
}

@media (max-width: 767px) {
  .simple-footer__content {
    flex-direction: column;
    align-items: center;
  }
  .simple-footer__legal {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .simple-footer__links {
    margin-right: auto;
  }
}
.no-login-header {
  background-color: #002d72;
}
.no-login-header .header-logo {
  max-width: 200px;
}
.no-login-header .header-login {
  min-width: 200px;
  background-color: #0052ce;
  border-color: transparent;
}
@media (max-width: 768px) {
  .no-login-header .header-login {
    min-width: 150px;
  }
}

.button-primary {
  color: #ffffff;
  border: 1px solid #4178ff;
  background: #4178ff;
}
.button-primary.disabled {
  opacity: 0.65;
  background-color: #a0c4f8;
  color: #ffffff;
  border-color: #a0c4f8;
  cursor: not-allowed;
}.error-header {
  color: #d90000;
  margin-bottom: 20px;
}

.login-button {
  color: white;
  width: fit-content;
  font-size: 15px;
}

.error_cont {
  height: 100vh;
  width: 100vw;
  display: block;
  top: 0;
  left: 0;
}

.error_head {
  height: 20vh;
  display: flex;
  align-items: center;
  padding-left: 50px;
}

.error_bod {
  height: 80.3vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: left;
  color: #000;
}

.error_body_cont {
  background-color: #fff;
  padding: 45px 60px;
  border-radius: 12px;
  border: 2px solid #e3e7ec;
}

.display-3 {
  font-size: 1.5rem;
}

.error-msg {
  margin-bottom: 20px;
}

.error-msg > p > a {
  color: #236da8;
  text-decoration: underline;
}

.error-msg > p > a:hover {
  color: #321fdb;
  text-decoration: underline;
}footer .container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 48px 0rem;
  font-size: 80%;
}

footer img {
  max-width: 200px;
  display: block;
  margin: 0 auto;
}

footer p {
  margin: 0px;
}

footer a {
  color: #434a51;
}

footer .flex-between {
  flex-direction: column;
  align-items: center;
}.slider {
  width: 98%;
  margin-top: 15px;
  height: 6px;
  border-radius: 3px;
  border: 1px solid #dfdedd;
}

.slider .thumb {
  width: 20px;
  height: 20px;
  cursor: grab;
  background-color: #ffffff;
  border: 1px solid #dfdedd;
  border-radius: 50%;
  top: -8px;
  left: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider .thumb:active {
  cursor: grabbing;
  outline: none;
}
.slider .thumb:focus {
  outline: none;
  border: 1px solid #4178ff;
}
.slider .thumb .inner-thumb {
  background: #4178ff;
  height: 16px;
  width: 16px;
  border-radius: 50%;
}

.track-1 {
  height: 100%;
  background-color: #4178ff;
}

.slider-mark {
  top: 8px;
  background-color: #ffffff;
}input {
  border: none;
}

input:focus {
  outline: none;
}

.custom-line > span {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #dfdedd;
  line-height: 0.1em;
}

.photo-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  width: 100%;
  padding: 10px;
  border: 1px solid #dfdedd;
  background-color: white;
  color: #aaaaaa;
  border-radius: 3px;
}

.total-cost {
  display: flex;
  align-items: center;
  height: 80px;
  border-radius: 8px;
  background-color: #d8e6f9;
  padding: 20px;
  max-width: 450px;
}

.total-cost-header {
  font-size: 16px;
  color: #434a51;
}

.total-cost-value {
  font-size: 24px;
  color: #002d72;
}

.customization-row {
  display: flex;
  flex-basis: auto;
  flex-direction: row;
}
@media (max-width: 768px) {
  .customization-row {
    flex-direction: column;
    row-gap: 24px;
  }
}
.customization-row {
  margin-bottom: 24px;
}

.customization-row > * {
  margin-right: 16px;
}

.campaign-detail-wrapper {
  display: flex;
  flex-direction: row;
}
@media (max-width: 768px) {
  .campaign-detail-wrapper {
    flex-direction: column;
  }
}
.campaign-detail-wrapper .w-50-100 {
  width: 50% !important;
}
@media (max-width: 768px) {
  .campaign-detail-wrapper .w-50-100 {
    width: 100% !important;
  }
}.deactivate-dialog-paper {
  width: 440px;
  min-width: 288px;
  max-width: 440px;
  border-radius: 8px !important;
  margin: 16px;
}

.deactivate-cancel-btn {
  font-weight: 600;
}

.deactivate-partner-modal .deactivate-partner-card {
  box-shadow: none;
  border: 1px solid #c7ccd1;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
}
.deactivate-partner-modal .deactivate-partner-copy {
  margin: 0;
  color: #434a51;
  font-size: 14px;
}
.deactivate-partner-modal .deactivate-partner-reason {
  margin-top: 16px;
}
.deactivate-partner-modal .deactivate-partner-select,
.deactivate-partner-modal .deactivate-partner-custom-input {
  width: 100%;
  height: 36px;
  border: 1px solid #c7ccd1;
  border-radius: 4px;
  font-size: 14px;
  background-color: #ffffff;
  outline: none;
  box-sizing: border-box;
}
.deactivate-partner-modal .deactivate-partner-select {
  padding: 4px 28px 4px 12px;
  color: #717171;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%234178ff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.deactivate-partner-modal .deactivate-partner-select.has-value {
  color: #434a51;
}
.deactivate-partner-modal .deactivate-partner-custom-input {
  margin-top: 12px;
  padding: 4px 12px;
  color: #434a51;
}
.deactivate-partner-modal .deactivate-partner-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}.grouped-multiselect {
  position: relative;
  width: 100%;
}
.grouped-multiselect .multiselect-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid #d0d5dd;
  border-radius: 4px;
  background-color: #ffffff;
  cursor: pointer;
  transition: border-color 0.2s;
}
.grouped-multiselect .multiselect-control:hover {
  border-color: #98a2b3;
}
.grouped-multiselect .multiselect-control.open {
  border-color: #1570ef;
}
.grouped-multiselect .multiselect-control.error {
  border-color: #f04438;
}
.grouped-multiselect .multiselect-control .multiselect-value-container {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
}
.grouped-multiselect .multiselect-control .multiselect-value-container .search-input-inline {
  border: none;
  outline: none;
  min-width: 80px;
  flex: 1;
  font-size: 14px;
  color: #344054;
  background: transparent;
}
.grouped-multiselect .multiselect-control .multiselect-value-container .search-input-inline::placeholder {
  color: #98a2b3;
}
.grouped-multiselect .multiselect-control .multiselect-value-container .chips-container {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  overflow: hidden;
  flex: 1;
}
.grouped-multiselect .multiselect-control .multiselect-value-container .chips-container .selection-chip {
  height: 24px;
  font-size: 12px;
  background-color: #f2f4f7;
  color: #344054;
  border: 1px solid #d0d5dd;
  border-radius: 4px;
}
.grouped-multiselect .multiselect-control .multiselect-value-container .chips-container .selection-chip .chip-delete-icon {
  font-size: 14px;
  color: #98a2b3;
  cursor: pointer;
}
.grouped-multiselect .multiselect-control .multiselect-value-container .chips-container .selection-chip .chip-delete-icon:hover {
  color: #667085;
}
.grouped-multiselect .multiselect-control .multiselect-value-container .chips-container .selection-chip.count-chip {
  background-color: transparent;
  color: #344054;
  border: none;
  font-weight: 500;
}
.grouped-multiselect .multiselect-control .control-icons {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 8px;
}
.grouped-multiselect .multiselect-control .control-icons .clear-icon {
  font-size: 18px;
  color: #1570ef;
  cursor: pointer;
}
.grouped-multiselect .multiselect-control .control-icons .clear-icon:hover {
  color: #0c5ac7;
}
.grouped-multiselect .multiselect-control .dropdown-icon {
  font-size: 16px;
  color: #1570ef;
}
.grouped-multiselect .multiselect-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: #ffffff;
  border: 1px solid #d0d5dd;
  border-radius: 4px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  z-index: 1000;
  max-height: 400px;
  display: flex;
  flex-direction: column;
}
.grouped-multiselect .multiselect-dropdown .options-container {
  overflow-y: auto;
  max-height: 300px;
}
.grouped-multiselect .multiselect-dropdown .options-container::-webkit-scrollbar {
  width: 8px;
}
.grouped-multiselect .multiselect-dropdown .options-container::-webkit-scrollbar-track {
  background: #f9fafb;
}
.grouped-multiselect .multiselect-dropdown .options-container::-webkit-scrollbar-thumb {
  background: #d0d5dd;
  border-radius: 4px;
}
.grouped-multiselect .multiselect-dropdown .options-container::-webkit-scrollbar-thumb:hover {
  background: #98a2b3;
}
.grouped-multiselect .multiselect-dropdown .options-container .category-group .category-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
}
.grouped-multiselect .multiselect-dropdown .options-container .category-group .category-header .category-label {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  cursor: pointer;
}
.grouped-multiselect .multiselect-dropdown .options-container .category-group .category-header .category-label input[type=checkbox] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: #1570ef;
}
.grouped-multiselect .multiselect-dropdown .options-container .category-group .category-header .category-label .category-name {
  font-size: 14px;
  font-weight: 600;
  color: #101828;
}
.grouped-multiselect .multiselect-dropdown .options-container .category-group .category-header .category-label .category-name .category-count {
  font-weight: 400;
  color: #667085;
}
.grouped-multiselect .multiselect-dropdown .options-container .category-group .category-header .category-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.grouped-multiselect .multiselect-dropdown .options-container .category-group .category-header .category-toggle .category-icon {
  font-size: 12px;
  color: #1570ef;
}
.grouped-multiselect .multiselect-dropdown .options-container .category-group .category-options .option-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px 8px 44px;
  cursor: pointer;
  transition: background-color 0.15s;
}
.grouped-multiselect .multiselect-dropdown .options-container .category-group .category-options .option-item:hover {
  background-color: #f9fafb;
}
.grouped-multiselect .multiselect-dropdown .options-container .category-group .category-options .option-item input[type=checkbox] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: #1570ef;
}
.grouped-multiselect .multiselect-dropdown .options-container .category-group .category-options .option-item .option-label {
  font-size: 14px;
  color: #344054;
}
.grouped-multiselect .field-error {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: #f04438;
}.contact-form-section__row {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}
.contact-form-section__row:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .contact-form-section__row {
    flex-wrap: wrap;
  }
}
.contact-form-section__half {
  flex: 1;
}
@media (max-width: 600px) {
  .contact-form-section__half {
    flex: 1 1 100%;
  }
}
.contact-form-section__type {
  flex: 0 0 155px;
  min-width: 0;
}
@media (max-width: 600px) {
  .contact-form-section__type {
    flex: 1 1 100%;
  }
}
.contact-form-section__field {
  flex: 1;
  min-width: 0;
}
@media (max-width: 600px) {
  .contact-form-section__field {
    flex: 1 1 100%;
  }
}.lp-action-bar {
  display: flex;
  align-items: center;
  padding: 4px 16px 4px;
  min-height: 40px;
  border-bottom: 1px solid #c7ccd1;
  position: relative;
  z-index: 8;
  overflow: visible;
}

.lp-selection-area {
  display: flex;
  align-items: center;
  gap: 8px;
}

.lp-selection-chip {
  font-size: 14px;
  color: #434a51;
  border: 1px solid #c7ccd1;
  border-radius: 8px;
  padding: 6px 16px;
  background: #ffffff;
}

.lp-export-right {
  margin-left: auto;
}

.lp-export-menu {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.lp-export-dropdown {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 160px;
  background: #ffffff;
  border: 1px solid #c7ccd1;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  z-index: 20;
  padding: 8px 0;
}

.lp-selection-area .lp-export-dropdown {
  left: 0;
  right: auto;
}

.lp-export-option {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #434a51;
  font-size: 14px;
}
.lp-export-option:hover {
  background: #f1faff;
}
.lp-export-option svg {
  color: #4178ff;
  width: 16px;
}

.lp-floating-text-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}

.lp-floating-text {
  width: 100%;
  height: 28px;
  padding: 4px 28px 4px 8px;
  border: 1px solid #c7ccd1;
  border-radius: 4px;
  font-size: 13px;
  color: #434a51;
  background: #fff;
  outline: none;
  box-sizing: border-box;
}
.lp-floating-text::placeholder {
  color: #717171;
}
.lp-floating-text:focus {
  border-color: #4178ff;
}

.lp-floating-search-icon {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: #4178ff;
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  line-height: normal;
  text-align: center;
  pointer-events: none;
}

.lp-portal-menu {
  position: fixed;
  z-index: 9999;
}

.lp-status-select {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.lp-status-select__trigger {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  height: 28px;
  padding: 0 28px 0 8px;
  border: 1px solid #c7ccd1;
  border-radius: 4px;
  background: #fff;
  font-size: 13px;
  color: #434a51;
  cursor: pointer;
  text-align: left;
  position: relative;
  box-sizing: border-box;
  outline: none;
}
.lp-status-select__trigger--open {
  border-color: #4178ff;
}
.lp-status-select__chevron {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 6px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%234178ff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
}
.lp-status-select__trigger--open .lp-status-select__chevron {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M9 5l-4-4-4 4' fill='none' stroke='%234178ff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.lp-status-select__placeholder {
  flex: 1;
}
.lp-status-select__label {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lp-status-select__menu {
  background: #fff;
  border: 1px solid #c7ccd1;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  list-style: none;
  margin: 0;
  padding: 4px 0;
}
.lp-status-select__option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  font-size: 13px;
  color: #434a51;
  cursor: pointer;
}
.lp-status-select__option:hover {
  background: #f1faff;
}
.lp-status-select__option--selected {
  background: #f1faff;
}
.lp-status-select__icon {
  width: 16px;
  min-width: 16px;
  font-size: 16px;
  color: #4178ff;
}

.lp-multi-select__menu {
  background: #fff;
  border: 1px solid #c7ccd1;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  list-style: none;
  margin: 0;
  padding: 4px 0;
  max-height: 240px;
  overflow-y: auto;
}
.lp-multi-select__option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  font-size: 13px;
  color: #434a51;
  cursor: pointer;
}
.lp-multi-select__option:hover {
  background: #f1faff;
}
.lp-multi-select__option--checked {
  background: #f1faff;
}
.lp-multi-select__checkbox {
  width: 14px;
  height: 14px;
  min-width: 14px;
  accent-color: #4178ff;
  cursor: pointer;
  margin: 0;
}
.lp-multi-select__icon {
  width: 16px;
  min-width: 16px;
  font-size: 14px;
  color: #4178ff;
}
.lp-multi-select__label {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lp-multi-select__clear-icon {
  font-size: 13px;
  color: #717171;
  cursor: pointer;
  margin-right: 4px;
  flex-shrink: 0;
}
.lp-multi-select__clear-icon:hover {
  color: #434a51;
}

.lp-floating-date-wrapper {
  width: 100%;
  overflow: hidden;
}
.lp-floating-date-wrapper .MuiPickersInputBase-root {
  height: 28px;
  min-height: 28px;
  font-size: 13px;
  width: 100%;
  min-width: 0 !important;
}
.lp-floating-date-wrapper .MuiPickersOutlinedInput-sectionsContainer,
.lp-floating-date-wrapper .MuiPickersSectionList-root {
  min-width: 0 !important;
  flex: 1 1 0;
  overflow: hidden;
}
.lp-floating-date-wrapper .MuiInputAdornment-root {
  flex-shrink: 0;
}
.lp-floating-date-wrapper > .MuiBox-root > .MuiTypography-root {
  display: none;
}

.lp-date-picker-hidden {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.lead-partners-table {
  border: none !important;
  border-radius: 0 !important;
}
.lead-partners-table .ag-root-wrapper {
  border: none !important;
  border-radius: 0 !important;
}
.lead-partners-table .ag-header,
.lead-partners-table .ag-header-row,
.lead-partners-table .ag-header-row-column,
.lead-partners-table .ag-header-row-floating-filter {
  background-color: #ffffff !important;
}
.lead-partners-table .lp-grid-header {
  background-color: #ffffff !important;
  color: #434a51 !important;
}
.lead-partners-table .ag-header-cell.ag-column-first {
  background-color: #ffffff !important;
}
.lead-partners-table .ag-header-cell.ag-column-first:hover {
  background-color: #ffffff !important;
}
.lead-partners-table .ag-header-row .ag-header-cell[col-id=checkbox] {
  border-right: 1px solid #c7ccd1 !important;
}
.lead-partners-table .ag-header-row-floating-filter .ag-floating-filter[col-id=checkbox] {
  border-right: 1px solid #c7ccd1 !important;
}
.lead-partners-table .ag-row .ag-cell[col-id=checkbox] {
  border-right: 1px solid #c7ccd1 !important;
}
.lead-partners-table .ag-header-row-floating-filter {
  background-color: #ffffff !important;
}
.lead-partners-table .ag-header-row-floating-filter .ag-floating-filter:first-child {
  background: transparent;
  border: none;
}
.lead-partners-table .ag-floating-filter-full-body {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: visible;
}
.lead-partners-table .ag-floating-filter-full-body .lp-floating-text-wrapper,
.lead-partners-table .ag-floating-filter-full-body input.lp-floating-text,
.lead-partners-table .ag-floating-filter-full-body .lp-status-select,
.lead-partners-table .ag-floating-filter-full-body .lp-floating-date-wrapper {
  display: block;
  visibility: visible;
  opacity: 1;
  width: 100%;
  box-sizing: border-box;
}
.lead-partners-table .ag-floating-filter-full-body .lp-floating-text-wrapper,
.lead-partners-table .ag-floating-filter-full-body .lp-floating-date-wrapper {
  display: flex;
}
.lead-partners-table .ag-floating-filter-full-body .lp-status-select {
  display: block;
}
.lead-partners-table .ag-floating-filter,
.lead-partners-table .ag-header-row-floating-filter {
  overflow: visible !important;
}
.lead-partners-table .ag-row {
  border-bottom: 1px solid #c7ccd1 !important;
}
.lead-partners-table.lp-table-empty .ag-body,
.lead-partners-table.lp-table-empty .ag-body-viewport,
.lead-partners-table.lp-table-empty .ag-center-cols-container,
.lead-partners-table.lp-table-empty .ag-center-cols-viewport {
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.lp-table-card {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: none;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 8px 0 16px;
  border: 1px solid #c7ccd1;
  overflow: visible;
}

.lp-name-cell {
  height: 100%;
}

.lp-partner-link {
  color: #4178ff;
  text-decoration: none;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lp-status-cell {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
}

.lp-status-dot {
  width: 16px;
  height: 16px;
  min-width: 16px;
  border-radius: 50%;
  display: inline-block;
}

.lp-description-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.lp-product-type-badge {
  width: 32px;
  height: 32px;
  min-width: 32px;
}

.lp-product-type-icon {
  font-size: 18px;
}

.lp-actions-cell {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 2px;
}

@media (max-width: 640px) {
  .lp-action-bar {
    padding: 4px 8px;
  }
  .lp-table-card {
    padding-top: 4px;
  }
  .lp-grid-scroll-wrapper {
    overflow-x: auto;
  }
  .lead-partners-table {
    min-width: 740px;
  }
  .lp-table-card .MuiPagination-ul {
    flex-wrap: nowrap;
  }
  .lp-pricing-action-bar {
    flex-wrap: wrap;
    padding: 6px 8px;
    gap: 6px;
  }
  .lp-pricing-search-wrapper {
    order: 2;
    max-width: none;
    flex: 1 1 100%;
  }
  .lp-selection-area {
    order: 1;
  }
  .lp-pricing-actions {
    order: 1;
    margin-left: auto;
  }
  .lp-pricing-card .lead-pricing-table {
    min-width: 740px;
  }
  .lp-pricing-pagination .MuiPagination-ul {
    flex-wrap: nowrap;
  }
}
@media (max-width: 768px) {
  .lp-pricing-action-bar {
    padding: 6px 12px;
    gap: 6px;
  }
  .lp-pricing-search-wrapper {
    max-width: 220px;
  }
  .lp-pricing-filter-panel.c-sidebar-leads {
    width: 100% !important;
    left: 0 !important;
  }
}
.lead-partners-dialog .MuiDialog-paper {
  width: 560px;
  min-width: 288px;
  max-width: 560px;
  max-height: 85vh;
  border-radius: 8px;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.16), 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  margin: 16px;
}
@media (max-width: 600px) {
  .lead-partners-dialog .MuiDialog-paper {
    width: calc(100% - 32px);
    max-width: calc(100% - 32px);
    margin: 16px;
  }
}
.lead-partners-dialog .MuiDialogContent-root {
  padding: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
@media (max-width: 600px) {
  .lead-partners-dialog .MuiDialogContent-root {
    padding: 24px;
  }
}

.lead-partners-modal {
  display: flex;
  width: 100%;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.lead-partners-modal .modal-scroll-content {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.lead-partners-modal .modal-scroll-content::-webkit-scrollbar {
  width: 6px;
}
.lead-partners-modal .modal-scroll-content::-webkit-scrollbar-track {
  background: transparent;
}
.lead-partners-modal .modal-scroll-content::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 3px;
  transition: background-color 0.2s;
}
.lead-partners-modal .modal-scroll-content:hover {
  scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
}
.lead-partners-modal .modal-scroll-content:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
}
@media (max-width: 600px) {
  .lead-partners-modal .modal-scroll-content {
    padding: 16px 16px 16px 0;
  }
}
.lead-partners-modal .color-red {
  color: #052a63 !important;
}
.lead-partners-modal .form-card {
  width: 100%;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: none;
  padding: 16px;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
@media (max-width: 600px) {
  .lead-partners-modal .form-card {
    padding: 12px;
  }
}
.lead-partners-modal .form-field {
  margin-bottom: 24px;
}
@media (max-width: 600px) {
  .lead-partners-modal .form-field {
    margin-bottom: 16px;
  }
}
.lead-partners-modal .description-field-wrapper {
  margin-bottom: 24px;
  position: relative;
}
.lead-partners-modal .description-field-wrapper .company-description-input .MuiOutlinedInput-root {
  align-items: flex-start;
}
.lead-partners-modal .description-field-wrapper .company-description-input .MuiFormHelperText-root {
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 600px) {
  .lead-partners-modal .description-field-wrapper {
    margin-bottom: 16px;
  }
}
.lead-partners-modal .character-counter {
  position: absolute;
  bottom: 4px;
  right: 14px;
  color: #717171;
  font-size: 12px;
  pointer-events: none;
  background-color: white;
  padding: 2px 4px;
}
@media (max-width: 600px) {
  .lead-partners-modal .character-counter {
    font-size: 11px;
    right: 10px;
    bottom: 2px;
  }
}
.lead-partners-modal .character-counter.has-error {
  bottom: 28px;
}
@media (max-width: 600px) {
  .lead-partners-modal .character-counter.has-error {
    bottom: 24px;
  }
}
.lead-partners-modal .modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 16px 0 0;
  width: 100%;
  flex-shrink: 0;
  margin-top: 16px;
}
.lead-partners-modal .modal-footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: -24px;
  right: -24px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.lead-partners-modal .modal-footer .lead-partners-cancel-button {
  font-weight: 600;
}
@media (max-width: 600px) {
  .lead-partners-modal .modal-footer {
    padding: 16px 0 0;
    flex-direction: column-reverse;
    gap: 12px;
  }
  .lead-partners-modal .modal-footer button {
    width: 100%;
  }
}
.lead-partners-modal .required-fields-text {
  margin-top: 8px;
  margin-bottom: 0;
  color: #717171;
  font-size: 12px;
}
@media (max-width: 600px) {
  .lead-partners-modal .required-fields-text {
    margin-top: 6px;
    margin-bottom: 0;
    font-size: 11px;
  }
}
.lead-partners-modal .mailing-address-grid {
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 8px;
  padding: 12px;
  margin-top: 4px;
  background-color: #fcfcfc;
}
.lead-partners-modal .mailing-address-row {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
}
.lead-partners-modal .mailing-address-row:last-child {
  margin-bottom: 0;
}
.lead-partners-modal .mailing-top-row .mailing-street {
  flex: 2;
}
.lead-partners-modal .mailing-top-row .mailing-apt {
  flex: 1;
}
.lead-partners-modal .mailing-bottom-row .mailing-city {
  flex: 2;
}
.lead-partners-modal .mailing-bottom-row .mailing-state {
  flex: 1.5;
  min-width: 0;
}
.lead-partners-modal .mailing-bottom-row .mailing-zip {
  flex: 1.5;
}
.lead-partners-modal .mailing-bottom-row .mailing-county {
  flex: 1;
}
@media (max-width: 600px) {
  .lead-partners-modal .mailing-bottom-row {
    flex-wrap: wrap;
  }
  .lead-partners-modal .mailing-bottom-row .mailing-city {
    flex: 1 1 100%;
  }
  .lead-partners-modal .mailing-bottom-row .mailing-state {
    flex: 1 1 calc(33% - 8px);
  }
  .lead-partners-modal .mailing-bottom-row .mailing-zip {
    flex: 1 1 calc(33% - 8px);
  }
  .lead-partners-modal .mailing-bottom-row .mailing-county {
    flex: 1 1 calc(33% - 8px);
  }
}
.lead-partners-modal .add-contact-bar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 8px;
}
.lead-partners-modal .add-contact-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #4178ff;
  font-size: 14px;
  font-weight: 500;
}
.lead-partners-modal .add-contact-btn:hover:not(:disabled) {
  color: #1357ff;
}
.lead-partners-modal .add-contact-btn--disabled, .lead-partners-modal .add-contact-btn:disabled {
  color: #717171;
  cursor: default;
}
.lead-partners-modal .add-contact-icon {
  font-size: 16px;
}
.lead-partners-modal .contact-delete-btn {
  display: block;
  width: 100%;
  margin-top: 8px;
  padding: 12px;
  background: none;
  border: 1px solid #c7ccd1;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: #c81e27;
}
.lead-partners-modal .contact-delete-btn:hover {
  border-color: #c81e27;
}
.lead-partners-modal .contact-section {
  margin-top: 8px;
}
.lead-partners-modal .contact-section .contact-header {
  font-weight: 600;
  margin-bottom: 8px;
  display: block;
}
.lead-partners-modal .contact-grid {
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 8px;
  padding: 12px;
  margin-top: 4px;
  background-color: #fcfcfc;
}
.lead-partners-modal .contact-row {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
}
.lead-partners-modal .contact-row:last-child {
  margin-bottom: 0;
}
.lead-partners-modal .contact-row .contact-half {
  flex: 1;
}
.lead-partners-modal .contact-row .contact-type {
  flex: 0 0 130px;
  min-width: 0;
}
.lead-partners-modal .contact-row .contact-field {
  flex: 1;
  min-width: 0;
}
@media (max-width: 600px) {
  .lead-partners-modal .contact-row {
    flex-wrap: wrap;
  }
  .lead-partners-modal .contact-row .contact-half {
    flex: 1 1 100%;
  }
  .lead-partners-modal .contact-row .contact-type {
    flex: 1 1 100%;
  }
  .lead-partners-modal .contact-row .contact-field {
    flex: 1 1 100%;
  }
}

.lead-pricing-table .ag-header-cell.ag-column-first,
.lead-pricing-table .ag-row .ag-cell.ag-column-first {
  background-color: #ffffff !important;
}
.lead-pricing-table .ag-horizontal-right-spacer {
  overflow: hidden;
  width: 0 !important;
  min-width: 0 !important;
}
.lead-pricing-table .ag-header-cell .ag-header-cell-text,
.lead-pricing-table .ag-header-cell .lp-grid-header {
  overflow: hidden;
  color: #434a51;
  font-feature-settings: "liga" off, "clig" off;
  text-overflow: ellipsis;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.lead-pricing-table .ag-cell {
  overflow: hidden;
  color: #434a51;
  font-feature-settings: "liga" off, "clig" off;
  text-overflow: ellipsis;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.lp-pricing-edit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  padding: 4px 6px;
  border-radius: 4px;
  color: #4178ff;
  font-size: 16px;
  cursor: pointer;
  line-height: 1;
}
.lp-pricing-edit-btn:hover {
  background: #f1faff;
}
.lp-pricing-edit-btn:focus-visible {
  outline: 2px solid #4178ff;
  outline-offset: 2px;
}

.lp-pricing-action-bar {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  border-bottom: 1px solid #c7ccd1;
  gap: 8px;
}

.lp-pricing-search-wrapper {
  flex: 1;
  max-width: 300px;
  position: relative;
}

.lp-pricing-search {
  width: 100%;
  height: 36px;
  padding: 0 36px 0 12px;
  border: 1px solid #c7ccd1;
  border-radius: 4px;
  font-size: 14px;
  outline: none;
  background: #ffffff;
  color: #434a51;
  box-sizing: border-box;
}
.lp-pricing-search:focus {
  border-color: #4178ff;
}
.lp-pricing-search::placeholder {
  color: #717171;
}

.lp-pricing-search-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #4178ff;
  pointer-events: none;
  font-size: 16px;
}

.lp-pricing-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 4px;
}

.lp-pricing-grid-area {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.lp-pricing-card {
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 0 0 8px;
  display: flex;
  flex-direction: column;
}
.lp-pricing-card .empty-grid-overlay {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.lp-filter-close-btn {
  background: transparent;
  border: none;
  padding: 4px;
  cursor: pointer;
  line-height: 1;
  display: flex;
  align-items: center;
}

.lp-pricing-sort-dropdown {
  min-width: 200px;
  max-height: none;
}
.lp-pricing-sort-dropdown .sorting__menu__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.23);
}
.lp-pricing-sort-dropdown .sorting__menu__header--title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #434a51;
}
.lp-pricing-sort-dropdown .lp-sort-close-icon {
  cursor: pointer;
  color: #434a51;
}
.lp-pricing-sort-dropdown .sorting__menu__content {
  padding: 4px 0;
}
.lp-pricing-sort-dropdown .lp-sort-menu-row {
  padding: 6px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.lp-pricing-sort-dropdown .lp-sort-menu-name {
  font-size: 13px;
  color: #434a51;
}
.lp-pricing-sort-dropdown .lp-sort-menu-arrows {
  display: flex;
  gap: 8px;
}
.lp-pricing-sort-dropdown .lp-sort-icon {
  cursor: pointer;
  font-size: 14px;
}

.lp-pricing-pagination {
  padding-bottom: 8px;
}
.lp-pricing-pagination p,
.lp-pricing-pagination span,
.lp-pricing-pagination input {
  overflow: hidden;
  font-feature-settings: "liga" off, "clig" off;
  text-overflow: ellipsis;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4375em;
  letter-spacing: 0.00938em;
  color: #434a51;
}
.lp-pricing-pagination input {
  font-weight: 600;
  color: #052a63;
}

.lp-pricing-filter-panel {
  background-color: #fcfcfc;
  width: 300px;
}
.lp-pricing-filter-panel .filter-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.23);
}
.lp-pricing-filter-panel label,
.lp-pricing-filter-panel .filter-section-label {
  color: #434a51;
}
.lp-pricing-filter-panel .MuiOutlinedInput-notchedOutline {
  border-color: rgba(0, 0, 0, 0.23);
}
.lp-pricing-filter-panel .MuiSelect-select,
.lp-pricing-filter-panel .MuiInputBase-input {
  color: #434a51;
}
.lp-pricing-filter-panel .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #4178ff;
}
.lp-pricing-filter-panel .MuiMenuItem-root.Mui-selected {
  background-color: #052a63;
  color: #fff;
}
.lp-pricing-filter-panel .MuiMenuItem-root.Mui-selected:hover {
  background-color: #375582;
}
.lp-pricing-filter-panel .MuiMenuItem-root:hover {
  background-color: rgba(65, 120, 255, 0.08);
  color: #052a63;
}
.lp-pricing-filter-panel .filter-footer {
  border-top-color: rgba(0, 0, 0, 0.23);
  background-color: #fcfcfc;
}.contacts-modal__block {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: none;
  padding: 16px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  margin-bottom: 12px;
}
@media (max-width: 600px) {
  .contacts-modal__block {
    padding: 12px;
  }
}
.contacts-modal__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.contacts-modal__default-btn {
  flex: 1;
  border: 1px solid #c7ccd1 !important;
  border-radius: 4px !important;
  color: #434a51 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}
.contacts-modal__default-btn--active {
  border-color: #4178ff !important;
  background-color: #dfeafb !important;
  color: #4178ff !important;
  cursor: default;
  pointer-events: auto;
}
.contacts-modal__delete-btn {
  flex: 1;
  border: 1px solid #c7ccd1 !important;
  border-radius: 4px !important;
  color: #c81e27 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}
.contacts-modal__delete-btn:hover {
  color: #a0181f !important;
}.quick-metrics {
  background: #ffffff;
  border: 1px solid #c7ccd1;
  border-radius: 8px;
  overflow: hidden;
}
.quick-metrics__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid #c7ccd1;
}
.quick-metrics__title {
  color: #052a63;
  font-family: Lato, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  font-feature-settings: "liga" off, "clig" off;
}
.quick-metrics__filters {
  display: flex;
  align-items: center;
  gap: 4px;
}
.quick-metrics__filter-btn {
  padding: 4px 8px;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  font-feature-settings: "liga" off, "clig" off;
  color: #717171;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
.quick-metrics__filter-btn:hover {
  color: #4178ff;
  border-color: #4178ff;
}
.quick-metrics__filter-btn--active {
  color: #4178ff;
  background: rgba(65, 120, 255, 0.0784313725);
  border-color: #4178ff;
}
.quick-metrics__tiles {
  display: flex;
  gap: 12px;
  padding: 12px;
}
.quick-metrics__tile {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid #c7ccd1;
  border-radius: 8px;
  background: #ffffff;
}
.quick-metrics__tile-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f1faff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #434a51;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.quick-metrics__tile-content {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}
.quick-metrics__tile-label {
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  color: #434a51;
  font-feature-settings: "liga" off, "clig" off;
  white-space: nowrap;
}
.quick-metrics__tile-count {
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: #052a63;
  font-feature-settings: "liga" off, "clig" off;
  white-space: nowrap;
}
.quick-metrics--loading .quick-metrics__tiles {
  opacity: 0.5;
  transition: opacity 0.2s;
}.profile-tabs {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.profile-tabs__bar {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  background: #ffffff;
  border: 1px solid #c7ccd1;
  border-radius: 8px;
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-width: none;
}
.profile-tabs__bar::-webkit-scrollbar {
  display: none;
}
.profile-tabs__tab {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 12px;
  background: transparent;
  border: none;
  border-radius: calc(8px - 2px);
  cursor: pointer;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #434a51;
  white-space: nowrap;
  transition: color 0.15s ease, background 0.15s ease;
}
.profile-tabs__tab:disabled {
  cursor: default;
  color: #434a51;
}
.profile-tabs__tab:disabled:hover {
  color: #434a51;
}
.profile-tabs__tab:hover:not(.profile-tabs__tab--active) {
  color: #4178ff;
}
.profile-tabs__tab--active {
  background: rgba(65, 120, 255, 0.0784313725);
  color: #4178ff;
}
.profile-tabs__tab-icon {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  flex-shrink: 0;
}
.profile-tabs__tab-label {
  font-feature-settings: "liga" off, "clig" off;
}
.profile-tabs__tab-label--short {
  display: none;
}
.profile-tabs__panel {
  background: #ffffff;
  border: 1px solid #c7ccd1;
  border-radius: 8px;
  overflow: visible;
}
@media (max-width: 899px) {
  .profile-tabs__tab {
    flex: 1 1 0;
    flex-direction: column;
    gap: 4px;
    padding: 8px 4px;
    font-size: 12px;
  }
  .profile-tabs__tab-icon {
    font-size: 20px;
  }
  .profile-tabs__tab-label--full {
    display: none;
  }
  .profile-tabs__tab-label--short {
    display: inline;
  }
}.lp-bottom-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1200;
  padding: 0 12px 8px;
}
.lp-bottom-bar__pill {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  padding: 8px 16px;
  background: #ffffff;
  border: 1px solid #c7ccd1;
  border-radius: 100px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}
.lp-bottom-bar__partner-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  margin: 0 8px;
}
.lp-bottom-bar__partner-name {
  font-size: 14px;
  font-weight: 600;
  color: #434a51;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lp-bottom-bar__partner-id {
  font-size: 12px;
  color: #000000;
}
.lp-bottom-bar__toggle-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  margin-right: 4px;
  border-radius: 100px;
  border: 1px solid #cccccc;
  background: #ffffff;
  cursor: pointer;
  flex-shrink: 0;
  font-size: 12px;
  font-family: Lato, sans-serif;
  color: #434a51;
}
.lp-bottom-bar__toggle-track {
  width: 28px;
  height: 14px;
  border-radius: 100px;
  position: relative;
  flex-shrink: 0;
}
.lp-bottom-bar__toggle-thumb {
  position: absolute;
  top: 2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ffffff;
  transition: left 0.2s ease;
}
.lp-bottom-bar__nav-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 4px;
  border: none;
  background: none;
  min-width: 52px;
}
.lp-bottom-bar__nav-btn:not(:disabled) {
  cursor: pointer;
}
.lp-bottom-bar__nav-btn:disabled {
  opacity: 0.45;
  cursor: default;
}
.lp-bottom-bar__icon-circle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  transition: background 0.15s ease;
  background: rgba(65, 120, 255, 0.1);
  color: #4178ff;
}
.lp-bottom-bar__icon-circle--active {
  background: #4178ff;
  color: #ffffff;
}
.lp-bottom-bar__nav-label {
  font-size: 11px;
  font-family: Lato, sans-serif;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  color: #434a51;
}
.lp-bottom-bar__nav-label--disabled {
  color: #717171;
}