@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");.react-tel-input{font-family:'Roboto',sans-serif;font-size:15px;position:relative;width:100%}.react-tel-input :disabled{cursor:not-allowed}.react-tel-input .flag{width:16px;height:11px;background-image:url(data:image/png;base64,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)}.react-tel-input .ad{background-position:-16px 0}.react-tel-input .ae{background-position:-32px 0}.react-tel-input .af{background-position:-48px 0}.react-tel-input .ag{background-position:-64px 0}.react-tel-input .ai{background-position:-80px 0}.react-tel-input .al{background-position:-96px 0}.react-tel-input .am{background-position:-112px 0}.react-tel-input .ao{background-position:-128px 0}.react-tel-input .ar{background-position:-144px 0}.react-tel-input .as{background-position:-160px 0}.react-tel-input .at{background-position:-176px 0}.react-tel-input .au{background-position:-192px 0}.react-tel-input .aw{background-position:-208px 0}.react-tel-input .az{background-position:-224px 0}.react-tel-input .ba{background-position:-240px 0}.react-tel-input .bb{background-position:0 -11px}.react-tel-input .bd{background-position:-16px -11px}.react-tel-input .be{background-position:-32px -11px}.react-tel-input .bf{background-position:-48px -11px}.react-tel-input .bg{background-position:-64px -11px}.react-tel-input .bh{background-position:-80px -11px}.react-tel-input .bi{background-position:-96px -11px}.react-tel-input .bj{background-position:-112px -11px}.react-tel-input .bm{background-position:-128px -11px}.react-tel-input .bn{background-position:-144px -11px}.react-tel-input .bo{background-position:-160px -11px}.react-tel-input .br{background-position:-176px -11px}.react-tel-input .bs{background-position:-192px -11px}.react-tel-input .bt{background-position:-208px -11px}.react-tel-input .bw{background-position:-224px -11px}.react-tel-input .by{background-position:-240px -11px}.react-tel-input .bz{background-position:0 -22px}.react-tel-input .ca{background-position:-16px -22px}.react-tel-input .cd{background-position:-32px -22px}.react-tel-input .cf{background-position:-48px -22px}.react-tel-input .cg{background-position:-64px -22px}.react-tel-input .ch{background-position:-80px -22px}.react-tel-input .ci{background-position:-96px -22px}.react-tel-input .ck{background-position:-112px -22px}.react-tel-input .cl{background-position:-128px -22px}.react-tel-input .cm{background-position:-144px -22px}.react-tel-input .cn{background-position:-160px -22px}.react-tel-input .co{background-position:-176px -22px}.react-tel-input .cr{background-position:-192px -22px}.react-tel-input .cu{background-position:-208px -22px}.react-tel-input .cv{background-position:-224px -22px}.react-tel-input .cw{background-position:-240px -22px}.react-tel-input .cy{background-position:0 -33px}.react-tel-input .cz{background-position:-16px -33px}.react-tel-input .de{background-position:-32px -33px}.react-tel-input .dj{background-position:-48px -33px}.react-tel-input .dk{background-position:-64px -33px}.react-tel-input .dm{background-position:-80px -33px}.react-tel-input .do{background-position:-96px -33px}.react-tel-input .dz{background-position:-112px -33px}.react-tel-input .ec{background-position:-128px -33px}.react-tel-input .ee{background-position:-144px -33px}.react-tel-input .eg{background-position:-160px -33px}.react-tel-input .er{background-position:-176px -33px}.react-tel-input .es{background-position:-192px -33px}.react-tel-input .et{background-position:-208px -33px}.react-tel-input .fi{background-position:-224px -33px}.react-tel-input .fj{background-position:-240px -33px}.react-tel-input .fk{background-position:0 -44px}.react-tel-input .fm{background-position:-16px -44px}.react-tel-input .fo{background-position:-32px -44px}.react-tel-input .fr,.react-tel-input .bl,.react-tel-input .mf{background-position:-48px -44px}.react-tel-input .ga{background-position:-64px -44px}.react-tel-input .gb{background-position:-80px -44px}.react-tel-input .gd{background-position:-96px -44px}.react-tel-input .ge{background-position:-112px -44px}.react-tel-input .gf{background-position:-128px -44px}.react-tel-input .gh{background-position:-144px -44px}.react-tel-input .gi{background-position:-160px -44px}.react-tel-input .gl{background-position:-176px -44px}.react-tel-input .gm{background-position:-192px -44px}.react-tel-input .gn{background-position:-208px -44px}.react-tel-input .gp{background-position:-224px -44px}.react-tel-input .gq{background-position:-240px -44px}.react-tel-input .gr{background-position:0 -55px}.react-tel-input .gt{background-position:-16px -55px}.react-tel-input .gu{background-position:-32px -55px}.react-tel-input .gw{background-position:-48px -55px}.react-tel-input .gy{background-position:-64px -55px}.react-tel-input .hk{background-position:-80px -55px}.react-tel-input .hn{background-position:-96px -55px}.react-tel-input .hr{background-position:-112px -55px}.react-tel-input .ht{background-position:-128px -55px}.react-tel-input .hu{background-position:-144px -55px}.react-tel-input .id{background-position:-160px -55px}.react-tel-input .ie{background-position:-176px -55px}.react-tel-input .il{background-position:-192px -55px}.react-tel-input .in{background-position:-208px -55px}.react-tel-input .io{background-position:-224px -55px}.react-tel-input .iq{background-position:-240px -55px}.react-tel-input .ir{background-position:0 -66px}.react-tel-input .is{background-position:-16px -66px}.react-tel-input .it{background-position:-32px -66px}.react-tel-input .je{background-position:-144px -154px}.react-tel-input .jm{background-position:-48px -66px}.react-tel-input .jo{background-position:-64px -66px}.react-tel-input .jp{background-position:-80px -66px}.react-tel-input .ke{background-position:-96px -66px}.react-tel-input .kg{background-position:-112px -66px}.react-tel-input .kh{background-position:-128px -66px}.react-tel-input .ki{background-position:-144px -66px}.react-tel-input .xk{background-position:-128px -154px}.react-tel-input .km{background-position:-160px -66px}.react-tel-input .kn{background-position:-176px -66px}.react-tel-input .kp{background-position:-192px -66px}.react-tel-input .kr{background-position:-208px -66px}.react-tel-input .kw{background-position:-224px -66px}.react-tel-input .ky{background-position:-240px -66px}.react-tel-input .kz{background-position:0 -77px}.react-tel-input .la{background-position:-16px -77px}.react-tel-input .lb{background-position:-32px -77px}.react-tel-input .lc{background-position:-48px -77px}.react-tel-input .li{background-position:-64px -77px}.react-tel-input .lk{background-position:-80px -77px}.react-tel-input .lr{background-position:-96px -77px}.react-tel-input .ls{background-position:-112px -77px}.react-tel-input .lt{background-position:-128px -77px}.react-tel-input .lu{background-position:-144px -77px}.react-tel-input .lv{background-position:-160px -77px}.react-tel-input .ly{background-position:-176px -77px}.react-tel-input .ma{background-position:-192px -77px}.react-tel-input .mc{background-position:-208px -77px}.react-tel-input .md{background-position:-224px -77px}.react-tel-input .me{background-position:-112px -154px;height:12px}.react-tel-input .mg{background-position:0 -88px}.react-tel-input .mh{background-position:-16px -88px}.react-tel-input .mk{background-position:-32px -88px}.react-tel-input .ml{background-position:-48px -88px}.react-tel-input .mm{background-position:-64px -88px}.react-tel-input .mn{background-position:-80px -88px}.react-tel-input .mo{background-position:-96px -88px}.react-tel-input .mp{background-position:-112px -88px}.react-tel-input .mq{background-position:-128px -88px}.react-tel-input .mr{background-position:-144px -88px}.react-tel-input .ms{background-position:-160px -88px}.react-tel-input .mt{background-position:-176px -88px}.react-tel-input .mu{background-position:-192px -88px}.react-tel-input .mv{background-position:-208px -88px}.react-tel-input .mw{background-position:-224px -88px}.react-tel-input .mx{background-position:-240px -88px}.react-tel-input .my{background-position:0 -99px}.react-tel-input .mz{background-position:-16px -99px}.react-tel-input .na{background-position:-32px -99px}.react-tel-input .nc{background-position:-48px -99px}.react-tel-input .ne{background-position:-64px -99px}.react-tel-input .nf{background-position:-80px -99px}.react-tel-input .ng{background-position:-96px -99px}.react-tel-input .ni{background-position:-112px -99px}.react-tel-input .nl,.react-tel-input .bq{background-position:-128px -99px}.react-tel-input .no{background-position:-144px -99px}.react-tel-input .np{background-position:-160px -99px}.react-tel-input .nr{background-position:-176px -99px}.react-tel-input .nu{background-position:-192px -99px}.react-tel-input .nz{background-position:-208px -99px}.react-tel-input .om{background-position:-224px -99px}.react-tel-input .pa{background-position:-240px -99px}.react-tel-input .pe{background-position:0 -110px}.react-tel-input .pf{background-position:-16px -110px}.react-tel-input .pg{background-position:-32px -110px}.react-tel-input .ph{background-position:-48px -110px}.react-tel-input .pk{background-position:-64px -110px}.react-tel-input .pl{background-position:-80px -110px}.react-tel-input .pm{background-position:-96px -110px}.react-tel-input .pr{background-position:-112px -110px}.react-tel-input .ps{background-position:-128px -110px}.react-tel-input .pt{background-position:-144px -110px}.react-tel-input .pw{background-position:-160px -110px}.react-tel-input .py{background-position:-176px -110px}.react-tel-input .qa{background-position:-192px -110px}.react-tel-input .re{background-position:-208px -110px}.react-tel-input .ro{background-position:-224px -110px}.react-tel-input .rs{background-position:-240px -110px}.react-tel-input .ru{background-position:0 -121px}.react-tel-input .rw{background-position:-16px -121px}.react-tel-input .sa{background-position:-32px -121px}.react-tel-input .sb{background-position:-48px -121px}.react-tel-input .sc{background-position:-64px -121px}.react-tel-input .sd{background-position:-80px -121px}.react-tel-input .se{background-position:-96px -121px}.react-tel-input .sg{background-position:-112px -121px}.react-tel-input .sh{background-position:-128px -121px}.react-tel-input .si{background-position:-144px -121px}.react-tel-input .sk{background-position:-160px -121px}.react-tel-input .sl{background-position:-176px -121px}.react-tel-input .sm{background-position:-192px -121px}.react-tel-input .sn{background-position:-208px -121px}.react-tel-input .so{background-position:-224px -121px}.react-tel-input .sr{background-position:-240px -121px}.react-tel-input .ss{background-position:0 -132px}.react-tel-input .st{background-position:-16px -132px}.react-tel-input .sv{background-position:-32px -132px}.react-tel-input .sx{background-position:-48px -132px}.react-tel-input .sy{background-position:-64px -132px}.react-tel-input .sz{background-position:-80px -132px}.react-tel-input .tc{background-position:-96px -132px}.react-tel-input .td{background-position:-112px -132px}.react-tel-input .tg{background-position:-128px -132px}.react-tel-input .th{background-position:-144px -132px}.react-tel-input .tj{background-position:-160px -132px}.react-tel-input .tk{background-position:-176px -132px}.react-tel-input .tl{background-position:-192px -132px}.react-tel-input .tm{background-position:-208px -132px}.react-tel-input .tn{background-position:-224px -132px}.react-tel-input .to{background-position:-240px -132px}.react-tel-input .tr{background-position:0 -143px}.react-tel-input .tt{background-position:-16px -143px}.react-tel-input .tv{background-position:-32px -143px}.react-tel-input .tw{background-position:-48px -143px}.react-tel-input .tz{background-position:-64px -143px}.react-tel-input .ua{background-position:-80px -143px}.react-tel-input .ug{background-position:-96px -143px}.react-tel-input .us{background-position:-112px -143px}.react-tel-input .uy{background-position:-128px -143px}.react-tel-input .uz{background-position:-144px -143px}.react-tel-input .va{background-position:-160px -143px}.react-tel-input .vc{background-position:-176px -143px}.react-tel-input .ve{background-position:-192px -143px}.react-tel-input .vg{background-position:-208px -143px}.react-tel-input .vi{background-position:-224px -143px}.react-tel-input .vn{background-position:-240px -143px}.react-tel-input .vu{background-position:0 -154px}.react-tel-input .wf{background-position:-16px -154px}.react-tel-input .ws{background-position:-32px -154px}.react-tel-input .ye{background-position:-48px -154px}.react-tel-input .za{background-position:-64px -154px}.react-tel-input .zm{background-position:-80px -154px}.react-tel-input .zw{background-position:-96px -154px}.react-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.react-tel-input .hide{display:none}.react-tel-input .v-hide{visibility:hidden}.react-tel-input .form-control{position:relative;font-size:14px;letter-spacing:.01rem;margin-top:0 !important;margin-bottom:0 !important;padding-left:48px;margin-left:0;background:#FFFFFF;border:1px solid #CACACA;border-radius:5px;line-height:25px;height:35px;width:300px;outline:none}.react-tel-input .form-control.invalid-number{border:1px solid #d79f9f;background-color:#FAF0F0;border-left-color:#cacaca}.react-tel-input .form-control.invalid-number:focus{border:1px solid #d79f9f;border-left-color:#cacaca;background-color:#FAF0F0}.react-tel-input .flag-dropdown{position:absolute;top:0;bottom:0;padding:0;background-color:#f5f5f5;border:1px solid #cacaca;border-radius:3px 0 0 3px}.react-tel-input .flag-dropdown:hover,.react-tel-input .flag-dropdown:focus{cursor:pointer}.react-tel-input .flag-dropdown.invalid-number{border-color:#d79f9f}.react-tel-input .flag-dropdown.open{z-index:2;background:#fff;border-radius:3px 0 0 0}.react-tel-input .flag-dropdown.open .selected-flag{background:#fff;border-radius:3px 0 0 0}.react-tel-input input[disabled]+.flag-dropdown:hover{cursor:default}.react-tel-input input[disabled]+.flag-dropdown:hover .selected-flag{background-color:transparent}.react-tel-input .selected-flag{outline:none;position:relative;width:38px;height:100%;padding:0 0 0 8px;border-radius:3px 0 0 3px}.react-tel-input .selected-flag:hover,.react-tel-input .selected-flag:focus{background-color:#fff}.react-tel-input .selected-flag .flag{position:absolute;top:50%;margin-top:-5px}.react-tel-input .selected-flag .arrow{position:relative;top:50%;margin-top:-2px;left:20px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.react-tel-input .selected-flag .arrow.up{border-top:none;border-bottom:4px solid #555}.react-tel-input .country-list{outline:none;z-index:1;list-style:none;position:absolute;padding:0;margin:10px 0 10px -1px;box-shadow:1px 2px 10px rgba(0,0,0,0.35);background-color:white;width:300px;max-height:200px;overflow-y:scroll;border-radius:0 0 3px 3px}.react-tel-input .country-list .flag{display:inline-block}.react-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.react-tel-input .country-list .country{padding:7px 9px}.react-tel-input .country-list .country .dial-code{color:#6b6b6b}.react-tel-input .country-list .country:hover{background-color:#f1f1f1}.react-tel-input .country-list .country.highlight{background-color:#f1f1f1}.react-tel-input .country-list .flag{margin-right:7px;margin-top:2px}.react-tel-input .country-list .country-name{margin-right:6px}.react-tel-input .country-list .search{position:sticky;top:0;background-color:#fff;padding:10px 0 6px 10px}.react-tel-input .country-list .search-emoji{font-size:15px}.react-tel-input .country-list .search-box{border:1px solid #cacaca;border-radius:3px;font-size:15px;line-height:15px;margin-left:6px;padding:3px 8px 5px;outline:none}.react-tel-input .country-list .no-entries-message{padding:7px 10px 11px;opacity:.7}.react-tel-input .invalid-number-message{position:absolute;z-index:1;font-size:13px;left:46px;top:-8px;background:#fff;padding:0 2px;color:#de0000}.react-tel-input .special-label{display:none;position:absolute;z-index:1;font-size:13px;left:46px;top:-8px;background:#fff;padding:0 2px;white-space:nowrap}.loader,
.loader::before,
.loader::after {
    border-radius: 50%;
}

.loader {
    color: #f2f2f2;
    font-size: 4px;
    text-indent: -99999em;
    margin: 0 auto;
    position: relative;
    width: 34px;
    height: 34px;
    box-shadow: inset 0 0 0 1em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.loader.smaller {
    font-size: 3px;
    width: 17px;
    height: 17px;
}

.loader::before,
.loader::after {
    position: absolute;
    content: '';
    transition: all .3s ease-in-out;
}

.loader::before {
    width: 20px;
    height: 40px;
    background: #0062ff;
    border-radius: 36px 0 0 36px;
    top: -2px;
    left: -2px;
    -webkit-transform-origin: 18px 19px;
    transform-origin: 18px 19px;
    -webkit-animation: load2 2s infinite ease 1.5s;
    animation: load2 2s infinite ease 1.5s;
}

.loader.smaller::before {
    width: 10px;
    height: 20px;
    border-radius: 18px 0 0 18px;
    top: -1px;
    left: -1px;
    -webkit-transform-origin: 9px 10px;
    transform-origin: 9px 10px;
}

.loader::after {
    width: 20px;
    height: 40px;
    background: #0062ff;
    border-radius: 0 36px 36px 0;
    top: -2px;
    left: 20px;
    -webkit-transform-origin: 0px 19px;
    transform-origin: 0px 19px;
    -webkit-animation: load2 2s infinite ease;
    animation: load2 2s infinite ease;
}

.loader.smaller::after {
    width: 10px;
    height: 20px;
    top: -1px;
    left: 10px;
    border-radius: 0 18px 18px 0;
    -webkit-transform-origin: 0px 10px;
    transform-origin: 0px 10px;
}

@-webkit-keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("../assets/fonts/SFProText-Regular.ttf") format("ttf");
}
.lds-ellipsis__wrapper {
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.5);
  transition: 0.5s;
}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #0062FF;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}.buttonBack___1mlaL,.buttonFirst___2rhFr,.buttonLast___2yuh0,.buttonNext___2mOCa,.buttonNext___3Lm3s,.dot___3c3SI{cursor:pointer}.image___xtQGH{display:block;width:100%;height:100%}.spinner___27VUp{position:absolute;top:calc(50% - 15px);left:calc(50% - 15px);width:30px;height:30px;animation-name:spin___S3UuE;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;border:4px solid #a9a9a9;border-top-color:#000;border-radius:30px}@keyframes spin___S3UuE{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container___2O72F{position:relative;overflow:hidden;height:100%;width:100%}.overlay___IV4qY{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;cursor:zoom-in;transition:opacity .3s,transform .3s}.hover___MYy31,.loading___1pvNI,.zoom___3kqYk{opacity:1}.imageLoadingSpinnerContainer___3UIPD{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f4f4f4}.slide___3-Nqo{position:relative;display:block;box-sizing:border-box;height:0;margin:0;list-style-type:none}.slide___3-Nqo:focus{outline:none!important}.slideHorizontal___1NzNV{float:left}[dir=rtl] .slideHorizontal___1NzNV{direction:rtl;transform:scaleX(-1)}.slideInner___2mfX9{position:absolute;top:0;left:0;width:100%;height:100%}.focusRing___1airF{position:absolute;top:5px;right:5px;bottom:5px;left:5px;pointer-events:none;outline-width:5px;outline-style:solid;outline-color:Highlight}@media (-webkit-min-device-pixel-ratio:0){.focusRing___1airF{outline-style:auto;outline-color:-webkit-focus-ring-color}}.horizontalSlider___281Ls{position:relative;overflow:hidden}.horizontalSlider___281Ls:not(.touchDisabled___2qs4y){touch-action:pan-y pinch-zoom}[dir=rtl] .horizontalSlider___281Ls{direction:ltr;transform:scaleX(-1)}.horizontalSliderTray___1L-0W{overflow:hidden;width:100%}.verticalSlider___34ZFD{position:relative;overflow:hidden}.verticalSliderTray___267D8{overflow:hidden}.verticalTray___12Key{float:left}.verticalSlideTrayWrap___2nO7o{overflow:hidden}.sliderTray___-vHFQ{display:block;list-style:none;padding:0;margin:0}.sliderAnimation___300FY{transition:transform .5s;transition-timing-function:cubic-bezier(.645,.045,.355,1);will-change:transform}.masterSpinnerContainer___1Z6hB{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f4f4f4}
/*# sourceMappingURL=react-carousel.es.css.map */

@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("/assets/SFProText-Regular-b5315817.ttf") format("ttf");
}
.dashboard-container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  background: #fafafb;
}
.dashboard-container__first-column {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.dashboard-container__first-column .income-and-expenses {
  width: 100%;
  background: #ffffff;
  border-radius: 20px;
  padding: 20px 17.5px 20px 20px;
  display: flex;
  flex-direction: column;
}
.dashboard-container__first-column .income-and-expenses .toolbar {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.dashboard-container__first-column .income-and-expenses .toolbar .title {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.1px;
  color: #171725;
  white-space: nowrap;
  margin-right: 14px;
  margin-bottom: 24px;
}
.dashboard-container__first-column .income-and-expenses .toolbar .btn-container {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.dashboard-container__first-column .income-and-expenses .toolbar .btn-container .calendar-and-export {
  display: flex;
}
.dashboard-container__first-column .income-and-expenses .toolbar .btn-container .form_radio_group {
  height: 38px;
  background: #ffffff;
  width: max-content;
  border: 1px solid #F1F1F5;
  border-radius: 10px;
  padding: 2px;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
}
.dashboard-container__first-column .income-and-expenses .toolbar .btn-container .form_radio_group .input.radio.radio-group {
  height: 32px;
}
.dashboard-container__first-column .income-and-expenses .toolbar .btn-container .form_radio_group .input.radio.radio-group .label {
  padding: 3px 9px;
  width: 99px;
}
.dashboard-container__first-column .income-and-expenses .toolbar .btn-container .filters-date {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 38px;
  border: 1px solid #F1F1F5;
  border-radius: 10px;
  position: relative;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
  padding-right: 34px;
  width: 224px;
  max-width: 224px;
  margin: 0 17.5px 0 20px;
  white-space: nowrap;
  cursor: pointer;
}
.dashboard-container__first-column .income-and-expenses .toolbar .btn-container .filters-date .filters-date-icon {
  margin: 10px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-size: contain;
  background: url("/assets/calendar-04620a50.svg") no-repeat center;
}
.dashboard-container__first-column .income-and-expenses .toolbar .btn-container .filters-date::before {
  content: "";
  position: absolute;
  background: #F1F1F5;
  top: 0;
  right: 26px;
  width: 1px;
  height: 100%;
}
.dashboard-container__first-column .income-and-expenses .toolbar .btn-container .filters-date svg {
  position: absolute;
  z-index: 2;
  top: 11px;
  right: 5px;
}
.dashboard-container__first-column .income-and-expenses .toolbar .btn-container .filters-date::after {
  content: "";
  position: absolute;
  z-index: 1;
  background: white;
  top: 0;
  right: 0;
  width: 26px;
  height: 100%;
  border-radius: 0 10px 10px 0;
}
.dashboard-container__first-column .income-and-expenses .toolbar .btn-container .export-button {
  width: 105px;
  height: 38px;
}
.dashboard-container__first-column .income-and-expenses .chart-wrapper {
  min-height: 346px;
  position: relative;
}
.dashboard-container__first-column .recent-transactions {
  width: 100%;
  background: #ffffff;
  border-radius: 20px;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.dashboard-container__first-column .recent-transactions__title {
  padding: 20px;
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.1px;
  color: #171725;
}
.dashboard-container__first-column .recent-transactions__table {
  padding: 0 10px;
  overflow: auto;
}
.dashboard-container__first-column .recent-transactions__table table {
  border-collapse: collapse;
}
.dashboard-container__first-column .recent-transactions__table table thead tr {
  height: 38px;
  background: #fafafb;
}
.dashboard-container__first-column .recent-transactions__table table thead th {
  padding: 0 10px;
  font-family: "Poppins", serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #888895;
  border-bottom: 0;
}
.dashboard-container__first-column .recent-transactions__table table thead th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  text-align: left;
  width: 15%;
}
.dashboard-container__first-column .recent-transactions__table table thead th:last-child {
  width: 12%;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  text-align: right;
}
.dashboard-container__first-column .recent-transactions__table table tbody td {
  font-family: "Poppins", serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
  border-bottom: 1px solid #fafafb;
  padding: 16px 10px 15px;
}
@media screen and (max-width: 1024px) {
  .dashboard-container__first-column .recent-transactions__table table tbody td {
    border-bottom: none;
  }
}
.dashboard-container__first-column .recent-transactions__table table tbody td.amount {
  font-weight: 600;
  letter-spacing: 0.1px;
  text-align: right;
}
.dashboard-container__first-column .recent-transactions__table table tbody td.amount.green {
  color: #3dd598;
}
.dashboard-container__first-column .recent-transactions__table table tbody td.amount.red {
  color: #FC5A5A;
}
.dashboard-container__first-column .recent-transactions .btn-all-transactions {
  width: 100%;
  padding: 19px 0 20px;
  left: 0;
  bottom: 0;
}
.dashboard-container__first-column .recent-transactions .btn-all-transactions span {
  display: none;
}
.dashboard-container__first-column .recent-transactions .btn-all-transactions.active {
  display: flex;
  justify-content: center;
  border-top: 1px solid #F1F1F5;
}
.dashboard-container__first-column .recent-transactions .btn-all-transactions.active span {
  display: flex;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-align: center;
  text-transform: uppercase;
  color: #0062FF;
  cursor: pointer;
}
.dashboard-container__first-column .recent-transactions .btn-all-transactions .show-more {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.dashboard-container__first-column .recent-transactions .btn-all-transactions .show-more span:first-child {
  margin: 0 auto;
}
.dashboard-container__first-column .recent-transactions .btn-all-transactions .show-more span:last-child {
  margin-right: 20px;
}
.dashboard-container__first-column .recent-transactions__no-data {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.dashboard-container__second-column {
  display: flex;
  flex-direction: column;
  padding-left: 30px;
  max-width: 416px;
  gap: 20px;
}
.dashboard-container__second-column .balances-block {
  width: 100%;
  background: #ffffff;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
}
.dashboard-container__second-column .balances-block .bank-logo {
  height: 57px;
}
.dashboard-container__second-column .balances-block .empty-bank {
  height: 40px;
}
.dashboard-container__second-column .balances-block__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.1px;
  color: #171725;
  padding: 20px 20px 5px;
}
.dashboard-container__second-column .balances-block__sub-title {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.0857143px;
  color: #B6B6B6;
  padding: 0 20px;
}
.dashboard-container__second-column .balances-block__item-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.dashboard-container__second-column .balances-block__item-block .bank_name {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.2px;
  color: #171725;
}
.dashboard-container__second-column .balances-block__item-block .amount {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  text-align: right;
  letter-spacing: 0.2px;
  color: #171725;
}
.dashboard-container__second-column .balances-block__item-block.no-date {
  padding: 20px;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #171725;
}
.dashboard-container__second-column .balances-block .total-block {
  border-top: 1px solid #f1f1f5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 20px;
}
.dashboard-container__second-column .balances-block .total-block .total {
  font-weight: 600;
  font-size: 20px;
  line-height: 36px;
  letter-spacing: 0.1px;
  color: #0062FF;
}
.dashboard-container__second-column .dashboard-transactions {
  flex-direction: column;
}
.dashboard-container__second-column .dashboard-transactions .dashboard-transactions-items {
  margin-top: 31px;
  overflow: auto;
  padding-right: 20px;
}
.dashboard-container__second-column .dashboard-transactions .dashboard-transactions-items .dashboard-transaction-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
}
.dashboard-container__second-column .dashboard-transactions .dashboard-transactions-items .dashboard-transaction-item .status {
  width: 20px;
  height: 20px;
  background: url("/assets/ic_Information-2021c0b0.svg");
  background-size: cover;
}
.dashboard-container__second-column .bookkeeper {
  width: 100%;
  min-width: 386px;
  background: #ffffff;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.dashboard-container__second-column .bookkeeper .avatar {
  width: 80px;
  min-width: 80px;
  height: 80px;
  background: url("/assets/avatar-bookkeeper-bc566e29.svg") no-repeat center;
  background-size: cover;
}
.dashboard-container__second-column .bookkeeper .avatar img {
  position: absolute;
  bottom: 0;
  right: 0;
}
.dashboard-container__second-column .bookkeeper .consultation-button {
  position: relative;
}
.dashboard-container__second-column .bookkeeper .consultation-button svg {
  position: absolute;
  right: 18px;
  width: 14px;
}
.dashboard-container__second-column .bookkeeper .title {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  align-items: center;
  letter-spacing: 0.2px;
  color: #B6B6B6;
  margin: 15px 0 5px;
}
.dashboard-container__second-column .bookkeeper .subtitle {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1px;
  margin-bottom: 20px;
  color: #171725;
}
.dashboard-container__second-column .bookkeeper .link {
  margin-top: 20px;
}
.dashboard-container__second-column .bookkeeper .link button {
  padding: 14px 22px;
  white-space: nowrap;
}
.dashboard-container__second-column .bookkeeper .link button svg {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.dashboard-container__second-column .banking-account {
  background: white;
  border-radius: 10px;
}
.dashboard-container__second-column .banking-account .content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-bottom: 1px solid #f1f1f5;
}
.dashboard-container__second-column .banking-account .buttons {
  padding: 20px;
  display: flex;
  gap: 20px;
}
@media (max-width: 1360px) {
  .dashboard-container {
    grid-template-columns: 1fr;
  }
  .dashboard-container__second-column {
    padding-left: 0;
    max-width: none;
    margin-top: 20px;
  }
}
@media (max-width: 1024px) {
  .dashboard-container__first-column .income-and-expenses {
    padding: 15px;
    border-radius: 10px;
  }
  .dashboard-container__first-column .income-and-expenses .toolbar {
    width: 100%;
  }
  .dashboard-container__first-column .income-and-expenses .toolbar .title {
    height: 24px;
    width: 100%;
    margin-bottom: 15px;
  }
  .dashboard-container__first-column .income-and-expenses .toolbar .btn-container {
    width: 100%;
    flex-direction: column;
    margin-bottom: 0;
  }
  .dashboard-container__first-column .income-and-expenses .toolbar .btn-container .calendar-and-export {
    width: 100%;
  }
  .dashboard-container__first-column .income-and-expenses .toolbar .btn-container .form_radio_group {
    order: 3;
    margin: 10px 0 20px;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .dashboard-container__first-column .income-and-expenses .toolbar .btn-container .filters-date {
    order: 1;
    margin: 0 10px 0 0;
    width: calc(100% - 96px);
  }
  .dashboard-container__first-column .income-and-expenses .toolbar .btn-container .filters-date__icon {
    display: none;
  }
  .dashboard-container__first-column .income-and-expenses .toolbar .btn-container .filters-date__text {
    line-height: 22px;
    letter-spacing: 0.2px;
  }
  .dashboard-container__first-column .income-and-expenses .toolbar .btn-container .export-button {
    width: 30%;
    order: 2;
  }
  .dashboard-container__first-column .income-and-expenses .chart-container {
    overflow: auto;
    width: calc(100vw - 60px);
  }
  .dashboard-container__first-column .income-and-expenses .chart-container .chart-wrapper {
    width: 100%;
    min-height: auto;
  }
  .dashboard-container__first-column .recent-transactions {
    border-radius: 10px;
    margin-top: 10px;
  }
  .dashboard-container__first-column .recent-transactions__title {
    padding: 15px;
    border-bottom: 1px solid #F1F1F5;
  }
  .dashboard-container__first-column .recent-transactions__table {
    padding: 0 15px;
  }
  .dashboard-container__first-column .recent-transactions__table table thead {
    display: none;
  }
  .dashboard-container__first-column .recent-transactions__table table tbody .table-body {
    display: flex;
    flex-direction: column;
    position: relative;
    border-top: 1px solid #F1F1F5;
    padding: 15px 108px 15px 0;
  }
  .dashboard-container__first-column .recent-transactions__table table tbody .table-body:first-child {
    border-top: none;
  }
  .dashboard-container__first-column .recent-transactions__table table tbody .table-body td {
    padding: 0;
  }
  .dashboard-container__first-column .recent-transactions__table table tbody .table-body td.transactions-title {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.2px;
  }
  .dashboard-container__first-column .recent-transactions__table table tbody .table-body td.purpose {
    text-align: left;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.0857143px;
  }
  .dashboard-container__first-column .recent-transactions__table table tbody .table-body td.date-time {
    text-align: left;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.0857143px;
    margin-top: 6px;
  }
  .dashboard-container__first-column .recent-transactions__table table tbody .table-body td.amount {
    position: absolute;
    right: 0;
    top: 40px;
    text-align: right;
  }
  .dashboard-container__first-column .recent-transactions .btn-all-transactions.active span {
    font-weight: 600;
  }
  .dashboard-container__second-column {
    margin-top: 10px;
  }
  .dashboard-container__second-column .balances-block {
    border-radius: 10px;
    margin-bottom: 10px;
  }
  .dashboard-container__second-column .balances-block__title {
    padding: 15px 15px 5px;
  }
  .dashboard-container__second-column .balances-block__sub-title {
    line-height: 150%;
    padding: 0 15px;
  }
  .dashboard-container__second-column .balances-block__item-block {
    padding: 15px;
  }
  .dashboard-container__second-column .balances-block__item-block.no-date {
    padding: 15px;
  }
  .dashboard-container__second-column .balances-block .total-block {
    padding: 15px;
  }
  .dashboard-container__second-column .bookkeeper {
    border-radius: 10px;
    padding: 15px 20px;
    min-width: 100%;
  }
  .dashboard-container__second-column .bookkeeper .title {
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.0857143px;
    margin: 15px 0 0;
  }
  .dashboard-container__second-column .bookkeeper .subtitle {
    margin-bottom: 15px;
  }
  .dashboard-container__second-column .bookkeeper .link {
    margin-top: 15px;
  }
  .dashboard-container__second-column .bookkeeper .link button {
    padding: 14px 17px;
  }
}.sales-channel-container {
  background: white;
  border-radius: 10px;
}
.sales-channel-container .header {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sales-channel-container .content {
  padding: 20px;
}
.sales-channel-container .content .gray-box {
  padding: 6px 10px;
  background: rgba(182, 182, 182, 0.2);
  border-radius: 5px;
}
.sales-channel-container .content .icon {
  height: 15px;
  width: 53px;
}
.sales-channel-container .content .sales-content {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .sales-channel-container .content .sales-content {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
  }
  .sales-channel-container .content .sales-content .content-item {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
}

.connection-services-container {
  background: white;
  border-radius: 10px;
}
.connection-services-container .header {
  padding: 20px;
}
.connection-services-container .content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.connection-services-container .content .icon {
  height: 15px;
  width: 53px;
}
.connection-services-container .content button {
  width: auto;
  padding: 0 15px;
}.input-range-picker, .input-picker {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 38px;
  border: 1px solid #F1F1F5;
  border-radius: 10px;
  position: relative;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
  padding-right: 34px;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.1s ease;
}
.input-range-picker:hover, .input-picker:hover {
  border-color: hsl(0, 0%, 70%);
}
.input-range-picker.active, .input-picker.active {
  border: 2px solid black;
}
.input-range-picker img, .input-picker img {
  margin: 10px;
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.input-range-picker::before, .input-picker::before {
  content: "";
  position: absolute;
  background: #F1F1F5;
  top: 0;
  right: 26px;
  width: 1px;
  height: 100%;
}
.input-range-picker svg, .input-picker svg {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 7px;
}
.input-range-picker::after, .input-picker::after {
  content: "";
  position: absolute;
  z-index: 1;
  background: white;
  top: 0;
  right: 0;
  width: 26px;
  height: 100%;
  border-radius: 0 10px 10px 0;
}

.input-picker {
  border: 2px solid #F1F1F5;
  padding: 0 15px;
}
.input-picker::before, .input-picker::after {
  display: none;
}
.input-picker.error {
  border: 2px solid #FC5A5A;
}
.input-picker.form-input {
  height: 48px;
  margin: 10px 0 30px;
}
.input-picker .icon-box {
  height: 21px;
}
.input-picker img {
  margin: 0;
  width: 24px;
  min-width: 24px;
  height: 21px;
}
.input-picker svg {
  position: revert;
}
.input-picker input {
  border: none;
}.connect-shopify-container {
  padding: 20px;
  width: 428px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.connect-shopify-container .icon {
  width: 112px;
  height: 32px;
  margin-bottom: 30px;
}
.connect-shopify-container .buttons {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 768px) {
  .connect-shopify-container {
    width: 100%;
  }
}

@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("../assets/fonts/SFProText-Regular.ttf") format("ttf");
}
.income-dialog {
  position: relative;
  width: 100%;
  max-width: 700px;
  min-width: 700px;
  max-height: 800px;
  height: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.income-dialog .income-dialog-table {
  position: relative;
  overflow-y: auto;
  height: 60vh;
}
.income-dialog .income-dialog-table .lds-ellipsis__wrapper {
  height: 49vh;
}
.income-dialog .income-dialog-table table {
  border-collapse: collapse;
}
.income-dialog .income-dialog-table table thead tr {
  height: 38px;
}
.income-dialog .income-dialog-table table thead tr th {
  padding: 0 10px;
  background: #fafafb;
  border-bottom: none;
  font-weight: 600;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  white-space: nowrap;
  color: #888895;
}
.income-dialog .income-dialog-table table thead tr th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.income-dialog .income-dialog-table table thead tr th:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.income-dialog .income-dialog-table table tbody tr:hover {
  background-color: #f0f0f0;
  cursor: pointer;
}

@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("/assets/SFProText-Regular-b5315817.ttf") format("ttf");
}
.desktop-btn {
  display: flex;
}
.mobile-btn {
  display: none;
}
.invoices-container {
  height: max-content;
  display: flex;
  flex-direction: column;
}
.invoices-container .invoices-per-page {
  margin-right: 15px;
  min-width: 174px;
}
@media (max-width: 768px) {
  .invoices-container .invoices-per-page {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.invoices-container .filters-box {
  border-radius: 10px 10px 0 0;
}
.invoices-container .filters-box .header-filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 10px;
}
.invoices-container .filters-box .header-filters .calendar-and-breakdown {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .invoices-container .filters-box .header-filters .calendar-and-breakdown {
    flex-direction: column;
  }
}
.invoices-container .filters-box .header-filters__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
  margin-right: 20px;
}
@media (max-width: 920px) {
  .invoices-container .filters-box .header-filters {
    width: 100%;
  }
  .invoices-container .filters-box .header-filters__box {
    width: 100%;
  }
  .invoices-container .filters-box .header-filters__box .table-control {
    width: 100%;
  }
}
.invoices-container .filters-box .header-filters__filters-date {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 38px;
  border: 1px solid #f1f1f5;
  border-radius: 10px;
  position: relative;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
  padding-right: 34px;
  max-width: 260px;
  cursor: pointer;
}
.invoices-container .filters-box .header-filters__filters-date .filters-date-icon {
  margin: 10px;
  width: 16px;
  height: 16px;
  background-size: contain;
  background: url("/assets/calendar-04620a50.svg") no-repeat center;
}
.invoices-container .filters-box .header-filters__filters-date::before {
  content: "";
  position: absolute;
  background: #f1f1f5;
  top: 0;
  right: 26px;
  width: 1px;
  height: 100%;
}
.invoices-container .filters-box .header-filters__filters-date svg {
  position: absolute;
  top: 11px;
  right: 5px;
}
@media (max-width: 767px) {
  .invoices-container .filters-box .header-filters__filters-date {
    margin-right: 0;
    width: 100%;
    max-width: 100%;
    margin-top: 15px;
  }
}
.invoices-container .filters-box .table-filters {
  display: flex;
  align-items: center;
  padding: 20px;
  background: #ffffff;
  border-radius: 10px 10px 0 0;
}
.invoices-container .filters-box .invoices-breakdown__line {
  width: 1px;
  margin: 0 18px;
  background: #f1f1f5;
}
.invoices-container .filters-box .invoices-breakdown__title {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  white-space: nowrap;
}
.invoices-container .filters-box .invoices-breakdown__title--dark-gray {
  color: #888895;
}
.invoices-container .filters-box .invoices-breakdown__title--green {
  color: #3dd598;
}
.invoices-container .filters-box .invoices-breakdown__title--red {
  color: #FC5A5A;
}
.invoices-container .filters-box .invoices-breakdown__amount {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
}
@media (max-width: 1220px) {
  .invoices-container .filters-box .invoices-breakdown {
    margin-top: 20px;
  }
  .invoices-container .filters-box .invoices-breakdown__line {
    display: none;
  }
  .invoices-container .filters-box .invoices-breakdown__box {
    margin: 0 7px 15px;
  }
}
@media (max-width: 768px) {
  .invoices-container .filters-box .invoices-breakdown {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .invoices-container .filters-box .invoices-breakdown__box {
    width: 45%;
  }
}
.invoices-container .filters-box .add-btn {
  width: 143px;
  padding: 7px 15px;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}
.invoices-container .filters-box .add-btn svg {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
.invoices-container .filters-box__search .input-element {
  height: 38px;
  width: 80%;
}
.invoices-container .filters-box__search .icon.search {
  width: 38px !important;
  height: 38px !important;
}
.invoices-container .filters-box .checkbox-container {
  margin-right: 15px;
}
.invoices-container .filters-box .checkbox-container__item {
  margin-right: 25px;
}
.invoices-container .filters-box .checkbox-container__item .MuiCheckbox-root {
  padding: 5px;
}
.invoices-container .filters-box .checkbox-container__item .MuiTypography-root {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.1px;
  color: #171725;
}
.invoices-container .filters-box .checkbox-container__item .Mui-checked {
  color: #3dd598;
}
.invoices-container .filters-box .table-control {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.invoices-container .filters-box .table-control .form_radio_group {
  height: 38px;
  background: #ffffff;
  border: 1px solid #f1f1f5;
  border-radius: 10px;
  padding: 2px;
  box-sizing: border-box;
  overflow: hidden;
  margin-right: 20px;
  display: flex;
}
.invoices-container .filters-box .table-control .form_radio_group label {
  width: 100px;
  min-width: 100px;
}
@media (max-width: 768px) {
  .invoices-container .filters-box .table-control .form_radio_group {
    margin-right: 0;
    width: 100%;
    justify-content: space-between;
  }
  .invoices-container .filters-box .table-control .form_radio_group .input.radio label {
    min-width: 80px;
    width: 80px;
  }
}
.invoices-container .second-block {
  height: auto;
  padding: 10px;
  background: #ffffff;
  border-radius: 0 0 20px 20px;
}
.invoices-container .second-block .no-invoices-wrapper {
  height: 100%;
  max-width: 453px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  text-align: center;
}
.invoices-container .second-block .no-invoices-wrapper__img {
  margin: 110px auto 40px;
}
.invoices-container .second-block .no-invoices-wrapper__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 110px;
}
.invoices-container .second-block .no-invoices-wrapper__content__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.1px;
  color: #171725;
}
.invoices-container .second-block .no-invoices-wrapper__content__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.2px;
  color: #92929d;
  margin: 15px 0 30px;
}
.invoices-container .second-block .no-invoices-wrapper__content .add-btn {
  min-width: 181px;
}
.invoices-container .second-block .table-module {
  overflow: auto;
}
.invoices-container .second-block .table-module__container {
  height: calc(100vh - 317px);
}
.invoices-container .second-block .table-module table {
  border-collapse: collapse;
}
.invoices-container .second-block .table-module table thead tr {
  height: 38px;
}
.invoices-container .second-block .table-module table thead tr th {
  padding: 0 10px;
  background: #fafafb;
  border-bottom: none;
  font-weight: 600;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #888895;
}
.invoices-container .second-block .table-module table thead tr th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.invoices-container .second-block .table-module table thead tr th:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.invoices-container .second-block .table-module table thead tr th.number {
  width: 100px;
  max-width: max-content;
}
.invoices-container .second-block .table-module table thead tr th.total {
  width: 100px;
  max-width: max-content;
}
.invoices-container .second-block .table-module table tbody tr td {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.2px;
  color: #171725;
  padding: 22px 12px 20px;
  cursor: pointer;
  white-space: nowrap;
}
.invoices-container .second-block .table-module table tbody tr td.number {
  width: 100px;
  max-width: max-content;
}
.invoices-container .second-block .table-module table tbody tr td.total {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.1px;
  color: #171725;
  width: 100px;
  max-width: max-content;
}
.invoices-container .second-block .table-module table tbody tr td.status {
  min-width: 131px;
  width: 131px;
  max-width: 131px;
}
.invoices-container .second-block .table-module table tbody tr td.status span {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0.0857143px;
  padding: 3px 8px;
  border-radius: 12px;
  height: 24px;
}
.invoices-container .second-block .table-module table tbody tr td.status span.paid {
  color: #3dd598;
  background: rgba(61, 213, 152, 0.1);
}
.invoices-container .second-block .table-module table tbody tr td.status span.unpaid {
  color: #FC5A5A;
  background: rgba(252, 90, 90, 0.1);
}
.invoices-container .second-block .table-module table tbody tr td.status span.partially_paid {
  color: #ffc542;
  background: rgba(255, 197, 66, 0.1);
}
.invoices-container .second-block .table-module table tbody tr td.due, .invoices-container .second-block .table-module table tbody tr td.created {
  color: #92929d;
}
.invoices-container .second-block .table-module table tbody tr td.det {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 22px;
}
.invoices-container .second-block .table-module table tbody tr td.det span:hover svg path {
  fill: #171725;
}
.invoices-container .second-block .table-module table tbody tr td.det .btn-box {
  height: 22px;
}
.invoices-container .second-block .table-module table tbody tr td.det .btn-box .btn-more {
  width: 24px;
  height: 16px;
  background: #f1f1f5;
  border-radius: 4px;
  background-image: url("/assets/more-horizontal-723d7d80.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.invoices-container .second-block .table-module table tbody tr td.det .btn-box .btn-more:active, .invoices-container .second-block .table-module table tbody tr td.det .btn-box .btn-more:hover {
  border: 1px solid #000000;
}
.invoices-container .second-block .table-module__pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.invoice-more-actions {
  min-width: 183px;
  overflow: hidden;
}
.invoice-more-actions__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.invoice-more-actions__item.edit {
  margin-bottom: 19px;
}
.invoice-more-actions__item.delete-invoice {
  padding-top: 18px;
  margin-top: 18px;
  border-top: 1px solid #f1f1f5;
}
.invoice-more-actions__item__name {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
}
.invoice-actions-popover .MuiPopover-paper {
  overflow: hidden !important;
}
.add-invoice-container__nav-back {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  position: relative;
  margin: 20px 0 40px;
}
.add-invoice-container__nav-back:before {
  content: "";
  width: 24px;
  height: 24px;
  background: url("/assets/arrow-back-e30e5497.svg") no-repeat center;
  transition: 0.3s;
}
.add-invoice-container__nav-back span {
  margin-left: 20px;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  letter-spacing: 0.1px;
  color: #171725;
}
.add-invoice-container__wrapper {
  display: grid;
  grid-template-columns: 2fr 1fr;
}
.add-invoice-container__wrapper .add-invoice-form {
  background: #ffffff;
  border-radius: 10px;
}
.add-invoice-container__wrapper .add-invoice-form__header {
  display: grid;
  gap: 20px;
  grid-template-columns: 210px auto;
  align-items: center;
  padding: 20px 20px 30px;
  border-bottom: 1px solid rgba(143, 146, 161, 0.2);
}
.add-invoice-container__wrapper .add-invoice-form__header .border-box {
  width: 210px;
  height: 150px;
  z-index: 99;
}
.add-invoice-container__wrapper .add-invoice-form__header .image-box {
  width: 210px;
  height: 125px;
}
@media (max-width: 768px) {
  .add-invoice-container__wrapper .add-invoice-form__header .image-box {
    width: 210px;
    height: 110px;
  }
}
.add-invoice-container__wrapper .add-invoice-form__header .drag-avatar__container.avatar-btn {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.1px;
}
.add-invoice-container__wrapper .add-invoice-form__header .description-block {
  display: flex;
  flex-direction: column;
}
.add-invoice-container__wrapper .add-invoice-form__header .description-block__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  text-align: right;
  letter-spacing: 0.1px;
  color: #171725;
  margin-bottom: 10px;
}
.add-invoice-container__wrapper .add-invoice-form__header .description-block__text1 {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  text-align: right;
  letter-spacing: 0.1px;
  color: #171725;
  margin-bottom: 20px;
}
.add-invoice-container__wrapper .add-invoice-form__header .description-block__text2 {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-align: right;
  letter-spacing: 0.2px;
  color: #b6b6b6;
}
.add-invoice-container__wrapper .add-invoice-form__body {
  padding: 26px 20px 0 20px;
  margin-bottom: -10px;
}
.add-invoice-container__wrapper .add-invoice-form__body__wrapper {
  display: flex;
}
.add-invoice-container__wrapper .add-invoice-form__body__wrapper .search-client {
  width: 100%;
  margin-right: 39px;
}
.add-invoice-container__wrapper .add-invoice-form__body__wrapper .search-client .error-text {
  position: relative;
  top: -15px;
}
.add-invoice-container__wrapper .add-invoice-form__body__wrapper .add-member {
  width: 160px;
  min-width: 160px;
  justify-content: space-between;
  margin-top: 28px;
  padding: 12px 10px 12px 20px;
}
.add-invoice-container__wrapper .add-invoice-form__body__dates-wrapper {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.add-invoice-container__wrapper .add-invoice-form__body__dates-wrapper .date-of-issue, .add-invoice-container__wrapper .add-invoice-form__body__dates-wrapper .due-date {
  width: 100%;
  position: relative;
}
.add-invoice-container__wrapper .add-invoice-form__body__dates-wrapper .date-of-issue .input-data, .add-invoice-container__wrapper .add-invoice-form__body__dates-wrapper .due-date .input-data {
  height: 48px;
  mix-blend-mode: normal;
  border: 2px solid #f1f1f5;
  box-sizing: border-box;
  border-radius: 10px;
  margin: 10px 0 30px;
  outline: none;
  background-color: #ffffff !important;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  display: flex;
  align-items: center;
  letter-spacing: 0.04em;
  padding: 6px 10px;
  width: 100%;
  transition: 0.2s;
}
.add-invoice-container__wrapper .add-invoice-form__body .input-reference {
  max-width: 251px;
}
.add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block {
  padding: 20px 20px 10px;
  border-top: 1px solid rgba(143, 146, 161, 0.2);
  border-bottom: 1px solid rgba(143, 146, 161, 0.2);
}
.add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block .add-member {
  width: 160px;
  min-width: 160px;
  justify-content: space-between;
  margin-top: 28px;
  padding: 12px 10px 12px 20px;
}
@media (max-width: 768px) {
  .add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block .add-member {
    width: 100%;
    min-width: 100%;
    margin-top: 0;
  }
}
.add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block .add-from-inventory {
  width: 239px;
  min-width: 239px;
  margin-top: 28px;
}
@media (max-width: 768px) {
  .add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block .add-from-inventory {
    width: 100%;
    min-width: 100%;
    margin-top: 0;
  }
}
.add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block .row-container {
  display: flex;
}
.add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block .row-container .input-description textarea {
  height: 50px;
}
@media (max-width: 768px) {
  .add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block .gap-30 {
    gap: 15px;
  }
}
.add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block .input-name {
  margin: 0 30px 30px 0;
  width: 100%;
}
.add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block .input-name .autocomplete-input {
  border: none;
  margin-top: 10px;
}
.add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block .input-name .autocomplete-input input {
  height: 48px;
  mix-blend-mode: normal;
  border: 2px solid #f1f1f5;
  box-sizing: border-box;
  border-radius: 10px;
  outline: none;
  background-color: #ffffff !important;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  display: flex;
  align-items: center;
  letter-spacing: 0.04em;
  padding: 6px 10px;
  width: 100%;
  transition: 0.2s;
}
.add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block .input-qty, .add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block .input-rate {
  width: 170px;
  min-width: 170px;
  margin-right: 30px;
}
.add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block .input-taxes {
  width: 88px;
  min-width: 88px;
  position: relative;
}
.add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block .input-taxes:before {
  content: "%";
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.04em;
  color: #888895;
  width: 36px;
  height: 45px;
  background: #f1f1f5;
  border-radius: 0 8px 8px 0;
  position: absolute;
  top: 29.5px;
  right: 2px;
}
.add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block .add-new-invoice {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 160px;
  min-width: 160px;
  margin: 28px 0 0 30px;
  padding: 12px 10px 12px 20px;
}
.add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block .add-new-invoice:after {
  content: "";
  width: 24px;
  height: 24px;
  background: url("/assets/add-new-invoice-item-icon-402951a0.svg") no-repeat;
  background-size: contain;
}
.add-invoice-container__wrapper .add-invoice-form .invoice-items-table {
  display: flex;
  flex-direction: column;
  padding: 20px 10px 0;
  width: 100%;
}
.add-invoice-container__wrapper .add-invoice-form .invoice-items-table .table-container__first-block {
  overflow: auto;
}
.add-invoice-container__wrapper .add-invoice-form .invoice-items-table .table-container__first-block table thead tr {
  height: 38px;
  background: #fafafb;
}
.add-invoice-container__wrapper .add-invoice-form .invoice-items-table .table-container__first-block table thead tr th {
  border: none;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #888895;
  padding: 0 10px;
}
.add-invoice-container__wrapper .add-invoice-form .invoice-items-table .table-container__first-block table thead tr th:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.add-invoice-container__wrapper .add-invoice-form .invoice-items-table .table-container__first-block table thead tr th:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.add-invoice-container__wrapper .add-invoice-form .invoice-items-table .table-container__first-block table thead tr th.item_name {
  min-width: 393px;
}
.add-invoice-container__wrapper .add-invoice-form .invoice-items-table .table-container__first-block table thead tr th.del {
  width: 40px;
}
.add-invoice-container__wrapper .add-invoice-form .invoice-items-table .table-container__first-block table tbody tr td {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
  padding: 20px 10px 0;
  vertical-align: top;
}
.add-invoice-container__wrapper .add-invoice-form .invoice-items-table .table-container__first-block table tbody tr td.name-item {
  min-width: 393px;
}
.add-invoice-container__wrapper .add-invoice-form .invoice-items-table .table-container__first-block table tbody tr td.name-item .description {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.0857143px;
  color: #888895;
  margin-top: 4px;
}
.add-invoice-container__wrapper .add-invoice-form .invoice-items-table .table-container__first-block table tbody tr td.taxes .row {
  display: flex;
}
.add-invoice-container__wrapper .add-invoice-form .invoice-items-table .table-container__first-block table tbody tr td.taxes span {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  display: flex;
  align-items: center;
  letter-spacing: 0.2px;
  color: #888895;
  margin-right: 4px;
}
.add-invoice-container__wrapper .add-invoice-form .invoice-items-table .table-container__first-block table tbody tr td.del {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 7px;
}
.add-invoice-container__wrapper .add-invoice-form .invoice-items-table .table-container__second-block {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: -8px;
}
.add-invoice-container__wrapper .add-invoice-form .invoice-items-table .table-container__second-block__item {
  display: flex;
  justify-content: flex-end;
  padding: 20px 70px 20px 0;
  border-bottom: 1px solid rgba(143, 146, 161, 0.2);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  text-align: right;
  letter-spacing: 0.2px;
  color: #171725;
  width: max-content;
  min-width: 267px;
}
.add-invoice-container__wrapper .add-invoice-form .invoice-items-table .table-container__second-block__item:last-child {
  border-bottom: none;
}
.add-invoice-container__wrapper .add-invoice-form .invoice-items-table .table-container__second-block__item .description-text {
  color: #B6B6B6;
}
.add-invoice-container__wrapper .add-invoice-form .invoice-items-table .table-container__second-block__item .amount-due {
  font-weight: 600;
  letter-spacing: 0.1px;
  color: #171725;
}
.add-invoice-container__wrapper .add-invoice-form .invoice-items-table .table-container__second-block__item .second-colum {
  min-width: 132px;
}
.add-invoice-container__wrapper .add-invoice-form .invoice-items-table .table-container__second-block__item .first-column > div:first-child, .add-invoice-container__wrapper .add-invoice-form .invoice-items-table .table-container__second-block__item .second-colum > div:first-child {
  margin-bottom: 17px;
}
.add-invoice-container__wrapper .add-invoice-form__footer {
  padding: 30px 20px 0;
  border-top: 1px solid rgba(143, 146, 161, 0.2);
  border-bottom: 1px solid rgba(143, 146, 161, 0.2);
}
.add-invoice-container__wrapper .add-invoice-form__buttons {
  display: flex;
  padding: 30px 20px 20px;
}
.add-invoice-container__wrapper .add-invoice-form__buttons .display-contents {
  display: contents;
}
.add-invoice-container__wrapper .add-invoice-form__buttons .cancel-btn {
  width: 160px;
  min-width: 160px;
}
.add-invoice-container__wrapper .add-invoice-form__buttons .update-invoice {
  width: 160px;
  min-width: 160px;
  margin: 0 30px 0 auto;
}
.add-invoice-container__wrapper .add-invoice-form__buttons .send-to-btn {
  width: 251px;
  min-width: 251px;
  position: relative;
}
.add-invoice-container__wrapper .add-invoice-form__buttons .send-to-btn:before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url("/assets/ic_Chevron Right-95e1e460.svg") no-repeat;
  background-size: contain;
}
.add-invoice-container__wrapper .left-block {
  display: flex;
  flex-direction: column;
  padding-left: 30px;
  max-width: 416px;
  gap: 30px;
}
.add-invoice-container__wrapper .left-block .save-as-draft-container {
  background: #ffffff;
  border-radius: 10px;
}
.add-invoice-container__wrapper .left-block .save-as-draft-container .button-item {
  padding: 20px;
  display: flex;
  cursor: pointer;
}
.add-invoice-container__wrapper .left-block .save-as-draft-container .button-item.can-delete {
  border-top: 1px solid rgba(143, 146, 161, 0.2);
}
.add-invoice-container__wrapper .left-block .save-as-draft-container .button-item .icon {
  width: 24px;
  height: 24px;
  margin-right: 20px;
}
.add-invoice-container__wrapper .left-block .save-as-draft-container .button-item .icon.container-icon {
  background: url("/assets/save-as-draft-5ed1f9b0.svg") no-repeat;
  background-size: contain;
}
.add-invoice-container__wrapper .left-block .save-as-draft-container .button-item .icon.done-icon {
  background: url("/assets/done-icon-e7b548d1.svg") no-repeat;
  background-size: contain;
}
.add-invoice-container__wrapper .left-block .save-as-draft-container .button-item .icon.del-icon {
  background: url("/assets/delete-6be0606f.svg") no-repeat;
  background-size: contain;
}
.add-invoice-container__wrapper .left-block .save-as-draft-container .button-item:hover .icon.container-icon {
  background: url("/assets/save-as-draft-hover-a05519d0.svg") no-repeat;
}
.add-invoice-container__wrapper .left-block .save-as-draft-container .button-item:hover .icon.del-icon {
  background: url("/assets/delete-hover-843b2451.svg") no-repeat;
}
.add-invoice-container__wrapper .left-block .save-as-draft-container .button-item .column {
  display: flex;
  flex-direction: column;
}
.add-invoice-container__wrapper .left-block .save-as-draft-container .button-item .title {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.1px;
  color: #171725;
  margin: 1px 0 5px;
}
.add-invoice-container__wrapper .left-block .save-as-draft-container .button-item .text {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0.0857143px;
  color: #92929d;
}
.add-invoice-container__wrapper .left-block .payment-history-container {
  background: white;
  border-radius: 10px;
}
.add-invoice-container__wrapper .left-block .payment-history-container .header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  padding: 20px;
  width: 100%;
  border-bottom: 1px solid rgba(143, 146, 161, 0.2);
}
.add-invoice-container__wrapper .left-block .payment-history-container .header-container .add-payment {
  height: 15px;
  justify-content: end;
  width: 102px;
}
.add-invoice-container__wrapper .left-block .payment-history-container .content {
  padding: 20px 20px 0;
}
.add-invoice-container__wrapper .left-block .payment-history-container .content .box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add-invoice-container__wrapper .left-block .payment-history-container .content .box svg {
  color: #B6B6B6;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.add-invoice-container__wrapper .left-block .payment-history-container .content .box .box-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.add-invoice-container__wrapper .left-block .payment-history-container .content .box .right-box-item {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-right: 18px;
  gap: 5px;
}
.add-invoice-container__wrapper .left-block .payment-history-container .content .nothing-here {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  padding-bottom: 20px;
}
@media (max-width: 768px) {
  .add-invoice-container__wrapper .left-block .payment-history-container .header-container {
    flex-direction: column;
    align-items: flex-start;
    padding: 15px;
  }
  .add-invoice-container__wrapper .left-block .payment-history-container .header-container p {
    padding-bottom: 15px;
  }
  .add-invoice-container__wrapper .left-block .payment-history-container .content {
    padding: 15px 15px 0;
  }
  .add-invoice-container__wrapper .left-block .payment-history-container .content .nothing-here {
    padding-bottom: 15px;
  }
}
.add-invoice-container .block-wrapper {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
}
.add-invoice-container .input-data {
  height: 48px;
  display: flex;
  align-items: center;
  background: #fafafb;
  border: 1px solid #f1f1f5;
  box-sizing: border-box;
  border-radius: 12px;
  padding: 10px 16px;
  width: 100%;
}
@media (max-width: 1360px) {
  .add-invoice-container__wrapper {
    grid-template-columns: 1fr;
  }
  .add-invoice-container__wrapper .left-block {
    padding-left: 0;
    max-width: none;
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .desktop-btn {
    display: none !important;
  }
  .mobile-btn {
    display: flex;
  }
  .mobile-btn button {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.2px;
  }
  .invoices-container .filters-box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    padding: 0;
    margin-bottom: 12px;
    border-radius: 10px;
  }
  .invoices-container .filters-box .header-filters {
    border-radius: 10px;
    padding: 10px;
    align-items: initial;
  }
  .invoices-container .filters-box .table-filters {
    padding: 10px;
    border-radius: 10px;
    flex-direction: column;
    width: 100%;
    align-items: initial;
  }
  .invoices-container .filters-box .table-filters .checkbox-container {
    margin: 15px 0 15px 7px;
    display: flex;
    align-items: center;
  }
  .invoices-container .filters-box .table-filters .add-btn {
    width: 100%;
  }
  .invoices-container .filters-box .btn-filter {
    padding: 10px;
    margin-left: 20px;
  }
  .invoices-container .filters-box__search .input-element {
    width: 100%;
  }
  .invoices-container .filters-box a.mobile-btn {
    margin: 15.5px 0;
    width: 100%;
  }
  .invoices-container .filters-box a.mobile-btn svg {
    width: 16px;
    height: 16px;
    margin-right: 5px;
  }
  .invoices-container .second-block {
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 0;
  }
  .invoices-container .second-block .no-invoices-wrapper {
    padding: 15px;
  }
  .invoices-container .second-block .no-invoices-wrapper__img {
    margin: 12px auto;
  }
  .invoices-container .second-block .no-invoices-wrapper__img img {
    width: 104px;
    height: 104px;
    object-fit: contain;
  }
  .invoices-container .second-block .no-invoices-wrapper__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
  }
  .invoices-container .second-block .no-invoices-wrapper__content__title {
    font-size: 15px;
    line-height: 22px;
  }
  .invoices-container .second-block .no-invoices-wrapper__content__text {
    font-size: 12px;
    line-height: 18px;
    margin: 10px 0 20px;
  }
  .add-invoice-container__nav-back {
    position: fixed;
    top: 0;
    z-index: 999;
    background: #ffffff;
    width: 70px;
    height: 69px;
    margin: 0;
    display: flex;
    align-items: center;
  }
  .add-invoice-container__nav-back:before {
    content: "";
    width: 32px;
    height: 32px;
    background: url("/assets/arrow-back-mob-9ddbf4f0.svg") no-repeat center;
    transition: 0.3s;
  }
  .add-invoice-container__nav-back span {
    display: none;
  }
  .add-invoice-container__wrapper .add-invoice-form {
    border-radius: 10px;
  }
  .add-invoice-container__wrapper .add-invoice-form__header {
    padding: 19px 15px 21px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .add-invoice-container__wrapper .add-invoice-form__header .drag-and-drop-container .br-15 {
    width: 201px !important;
    height: 100px !important;
  }
  .add-invoice-container__wrapper .add-invoice-form__header .description-block__title {
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.0857143px;
    color: #171725;
    text-align: left;
    margin-bottom: 11px;
  }
  .add-invoice-container__wrapper .add-invoice-form__header .description-block__text1 {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.0857143px;
    color: #171725;
    text-align: left;
    margin-bottom: 21px;
  }
  .add-invoice-container__wrapper .add-invoice-form__header .description-block__text2 {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.0857143px;
    color: #B6B6B6;
    text-align: left;
  }
  .add-invoice-container__wrapper .add-invoice-form__body {
    padding: 13px 15px 15px;
  }
  .add-invoice-container__wrapper .add-invoice-form__body__wrapper {
    flex-wrap: wrap;
  }
  .add-invoice-container__wrapper .add-invoice-form__body__wrapper .search-client {
    margin-right: 0;
  }
  .add-invoice-container__wrapper .add-invoice-form__body__wrapper .add-member {
    width: 100%;
    margin-top: -22px;
    margin-bottom: 20px;
  }
  .add-invoice-container__wrapper .add-invoice-form__body__dates-wrapper {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .add-invoice-container__wrapper .add-invoice-form__body__dates-wrapper .date-of-issue .input-data, .add-invoice-container__wrapper .add-invoice-form__body__dates-wrapper .due-date .input-data {
    margin: 11px 0 16px;
  }
  .add-invoice-container__wrapper .add-invoice-form__body .input-reference {
    max-width: none;
  }
  .add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block {
    padding: 15px 15px 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  .add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block .row-container {
    flex-wrap: wrap;
  }
  .add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block .row-container .input-name {
    width: 100%;
    margin-right: 0;
  }
  .add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block .row-container .input-qty {
    width: 100%;
    margin-right: 0;
  }
  .add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block .row-container .input-rate {
    width: calc(100% - 108px);
    margin-right: 0;
  }
  .add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block .row-container .input-taxes {
    margin-left: 20px;
  }
  .add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block .row-container .input-taxes::before {
    top: 27.5px;
  }
  .add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block .row-container .input-description {
    width: 100%;
    margin-right: 0;
  }
  .add-invoice-container__wrapper .add-invoice-form .add-new-invoice-block .row-container .add-new-invoice {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .add-invoice-container__wrapper .add-invoice-form .invoice-items-table {
    width: calc(100vw - 30px);
    overflow-x: auto;
  }
  .add-invoice-container__wrapper .add-invoice-form .invoice-items-table .table-container {
    min-width: 834px;
  }
  .add-invoice-container__wrapper .add-invoice-form__footer {
    padding: 15px 15px 20px;
  }
  .add-invoice-container__wrapper .add-invoice-form__buttons {
    padding: 20px 15px 15px;
    flex-direction: column-reverse;
  }
  .add-invoice-container__wrapper .add-invoice-form__buttons .update-invoice {
    width: 100%;
    margin: 15px 0 30px;
  }
  .add-invoice-container__wrapper .add-invoice-form__buttons .cancel-btn, .add-invoice-container__wrapper .add-invoice-form__buttons .send-to-btn {
    width: 100%;
  }
  .add-invoice-container__wrapper .left-block {
    margin-top: 15px;
  }
  .add-invoice-container__wrapper .left-block__container {
    border-radius: 10px;
  }
  .add-invoice-container__wrapper .left-block__container .button-item {
    padding: 15px;
  }
  .add-invoice-container__wrapper .left-block__container .button-item__icon {
    margin-right: 15px;
  }
  .add-invoice-container__wrapper .left-block__container .button-item__title {
    margin: -3px 0 8px;
  }
}.add-payment-dialog {
  min-width: 620px;
  width: 620px;
  min-height: 100%;
}
.add-payment-dialog .title {
  padding: 30px 20px 20px;
  border-bottom: 1px solid #f1f1f5;
}
.add-payment-dialog form {
  height: calc(100vh - 272px);
  display: flex;
  max-height: 630px;
  flex-direction: column;
}
.add-payment-dialog .add-payment-container {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 200px);
  max-height: 530px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.add-payment-dialog .add-payment-container .box {
  width: 100%;
  padding: 20px;
  border-bottom: 1px solid #f1f1f5;
}
.add-payment-dialog .add-payment-container .box .description-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 20px;
  gap: 20px;
}
.add-payment-dialog .add-payment-container .box .description-box .description-input:first-child {
  width: 100%;
}
.add-payment-dialog .add-payment-container .box .description-box .description-input:last-child {
  min-width: 145px;
  width: 145px;
}
.add-payment-dialog .add-payment-container .box .description-box .description-input:last-child .error-text {
  top: 62px;
}
.add-payment-dialog .add-payment-container .box .date-method-number {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.add-payment-dialog .add-payment-container .box .date-method-number .date {
  width: 160px;
  min-width: 160px;
}
.add-payment-dialog .add-payment-container .box .date-method-number .method {
  width: 100%;
}
.add-payment-dialog .add-payment-container .box .date-method-number .method .select-method {
  margin: 13px 0 29px;
}
.add-payment-dialog .add-payment-container .box .date-method-number .number {
  width: 145px;
  min-width: 145px;
}
.add-payment-dialog .add-payment-container .box:last-child {
  border-bottom: none;
}
.add-payment-dialog .add-payment-container .table-content {
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #f1f1f5;
}
.add-payment-dialog .add-payment-container .table-content .table-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding: 10px;
}
.add-payment-dialog .add-payment-container .table-content .table {
  overflow-x: auto;
  overflow-y: hidden;
}
.add-payment-dialog .add-payment-container .table-content .table table thead th {
  padding: 10px 12px;
  background: #fafafb;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #888895;
  border-bottom: none;
  white-space: nowrap;
}
.add-payment-dialog .add-payment-container .table-content .table table thead th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.add-payment-dialog .add-payment-container .table-content .table table thead th:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.add-payment-dialog .add-payment-container .table-content .table table tbody td {
  border-bottom: none;
  line-height: 0;
  padding: 20px 10px;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0.2px;
  color: #171725;
}
.add-payment-dialog .add-payment-container .table-content .table table tbody .table-input input {
  margin: 0;
}
.add-payment-dialog .add-payment-container .table-content .table table .table-input {
  width: 165px;
  min-width: 165px;
  max-width: 165px;
}
.add-payment-dialog .buttons {
  border-top: 1px solid #f1f1f5;
  padding: 20px;
  gap: 30px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .add-payment-dialog {
    min-width: 100%;
    width: 100%;
    min-height: 520px;
  }
  .add-payment-dialog form {
    height: calc(100vh - 290px);
  }
  .add-payment-dialog .title {
    padding: 20px 15px 15px;
  }
  .add-payment-dialog .add-payment-container .table-content .table-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .add-payment-dialog .add-payment-container .table-content .table-header p:first-child {
    margin-bottom: 10px;
  }
  .add-payment-dialog .add-payment-container .box {
    padding: 15px;
  }
  .add-payment-dialog .add-payment-container .box .description-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
  .add-payment-dialog .add-payment-container .box .date-method-number {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
  .add-payment-dialog .add-payment-container .box .date-method-number .date,
  .add-payment-dialog .add-payment-container .box .date-method-number .method,
  .add-payment-dialog .add-payment-container .box .date-method-number .number {
    width: 100%;
  }
  .add-payment-dialog .buttons {
    padding: 15px;
    gap: 10px;
  }
}.rdrCalendarWrapper {
  box-sizing: border-box;
  background: #ffffff;
  display: inline-flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

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

.rdrDateDisplayItem{
  flex: 1 1;
  width: 0;
  text-align: center;
  color: inherit;
}

.rdrDateDisplayItem + .rdrDateDisplayItem{
    margin-left: 0.833em;
  }

.rdrDateDisplayItem input{
    text-align: inherit
  }

.rdrDateDisplayItem input:disabled{
      cursor: default;
    }

.rdrDateDisplayItemActive{}

.rdrMonthAndYearWrapper {
  box-sizing: inherit;
  display: flex;
  justify-content: space-between;
}

.rdrMonthAndYearPickers{
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rdrMonthPicker{}

.rdrYearPicker{}

.rdrNextPrevButton {
  box-sizing: inherit;
  cursor: pointer;
  outline: none;
}

.rdrPprevButton {}

.rdrNextButton {}

.rdrMonths{
  display: flex;
}

.rdrMonthsVertical{
  flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div{
  display: flex;
  flex-direction: row;
}

.rdrMonth{
  width: 27.667em;
}

.rdrWeekDays{
  display: flex;
}

.rdrWeekDay {
  flex-basis: calc(100% / 7);
  box-sizing: inherit;
  text-align: center;
}

.rdrDays{
  display: flex;
  flex-wrap: wrap;
}

.rdrDateDisplayWrapper{}

.rdrMonthName{}

.rdrInfiniteMonths{
  overflow: auto;
}

.rdrDateRangeWrapper{
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDateInput {
  position: relative;
}

.rdrDateInput input {
    outline: none;
  }

.rdrDateInput .rdrWarning {
    position: absolute;
    font-size: 1.6em;
    line-height: 1.6em;
    top: 0;
    right: .25em;
    color: #FF0000;
  }

.rdrDay {
  box-sizing: inherit;
  width: calc(100% / 7);
  position: relative;
  font: inherit;
  cursor: pointer;
}

.rdrDayNumber {
  display: block;
  position: relative;
}

.rdrDayNumber span{
    color: #1d2429;
  }

.rdrDayDisabled {
  cursor: not-allowed;
}

@supports (-ms-ime-align: auto) {
  .rdrDay {
    flex-basis: 14.285% !important;
  }
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  pointer-events: none;
}

.rdrInRange{}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  pointer-events: none;
}

.rdrDayHovered{}

.rdrDayActive{}

.rdrDateRangePickerWrapper{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDefinedRangesWrapper{}

.rdrStaticRanges{
  display: flex;
  flex-direction: column;
}

.rdrStaticRange{
  font-size: inherit;
}

.rdrStaticRangeLabel{}

.rdrInputRanges{}

.rdrInputRange{
  display: flex;
}

.rdrInputRangeInput{}
.rdrCalendarWrapper{
  color: #000000;
  font-size: 12px;
}

.rdrDateDisplayWrapper{
  background-color: rgb(239, 242, 247);
}

.rdrDateDisplay{
  margin: 0.833em;
}

.rdrDateDisplayItem{
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
  border: 1px solid transparent;
}

.rdrDateDisplayItem input{
    cursor: pointer;
    height: 2.5em;
    line-height: 2.5em;
    border: 0px;
    background: transparent;
    width: 100%;
    color: #849095;
  }

.rdrDateDisplayItemActive{
  border-color: currentColor;
}

.rdrDateDisplayItemActive input{
    color: #7d888d
  }

.rdrMonthAndYearWrapper {
  align-items: center;
  height: 60px;
  padding-top: 10px;
}

.rdrMonthAndYearPickers{
  font-weight: 600;
}

.rdrMonthAndYearPickers select{
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 10px 30px 10px 10px;
    border-radius: 4px;
    outline: 0;
    color: #3e484f;
    background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;
    background-position: right 8px center;
    cursor: pointer;
    text-align: center
  }

.rdrMonthAndYearPickers select:hover{
      background-color: rgba(0,0,0,0.07);
    }

.rdrMonthPicker, .rdrYearPicker{
  margin: 0 5px
}

.rdrNextPrevButton {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0.833em;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #EFF2F7
}

.rdrNextPrevButton:hover{
    background: #E1E7F0;
  }

.rdrNextPrevButton i {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    text-align: center;
    border-style: solid;
    margin: auto;
    transform: translate(-3px, 0px);
  }

.rdrPprevButton i {
    border-width: 4px 6px 4px 4px;
    border-color: transparent rgb(52, 73, 94) transparent transparent;
    transform: translate(-3px, 0px);
  }

.rdrNextButton i {
    margin: 0 0 0 7px;
    border-width: 4px 4px 4px 6px;
    border-color: transparent transparent transparent rgb(52, 73, 94);
    transform: translate(3px, 0px);
  }

.rdrWeekDays {
  padding: 0 0.833em;
}

.rdrMonth{
  padding: 0 0.833em 1.666em 0.833em;
}

.rdrMonth .rdrWeekDays {
    padding: 0;
  }

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{
  display: none;
}

.rdrWeekDay {
  font-weight: 400;
  line-height: 2.667em;
  color: rgb(132, 144, 149);
}

.rdrDay {
  background: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 0;
  padding: 0;
  line-height: 3.000em;
  height: 3.000em;
  text-align: center;
  color: #1d2429
}

.rdrDay:focus {
    outline: 0;
  }

.rdrDayNumber {
  outline: 0;
  font-weight: 300;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 5px;
  bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rdrDayToday .rdrDayNumber span{
  font-weight: 500
}

.rdrDayToday .rdrDayNumber span:after{
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #3d91ff;
  }

.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after{
      background: #fff;
    }

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span{
          color: rgba(255, 255, 255, 0.85);
        }

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  background: currentColor;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
}

.rdrSelected{
  left: 2px;
  right: 2px;
}

.rdrInRange{}

.rdrStartEdge{
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrEndEdge{
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrSelected{
  border-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge{
    border-top-left-radius: 1.042em;
    border-bottom-left-radius: 1.042em;
    left: 2px;
  }

.rdrDayEndOfMonth .rdrInRange,  .rdrDayEndOfMonth .rdrStartEdge,  .rdrDayEndOfWeek .rdrInRange,  .rdrDayEndOfWeek .rdrStartEdge{
    border-top-right-radius: 1.042em;
    border-bottom-right-radius: 1.042em;
    right: 2px;
  }

.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview{
    border-top-left-radius: 1.333em;
    border-bottom-left-radius: 1.333em;
    border-left-width: 1px;
    left: 0px;
  }

.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview{
   border-top-right-radius: 1.333em;
   border-bottom-right-radius: 1.333em;
   border-right-width: 1px;
   right: 0px;
 }

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  background: rgba(255, 255, 255, 0.09);
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  bottom: 3px;
  pointer-events: none;
  border: 0px solid currentColor;
  z-index: 1;
}

.rdrDayStartPreview{
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0px;
}

.rdrDayInPreview{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.rdrDayEndPreview{
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 2px;
  right: 0px;
}

.rdrDefinedRangesWrapper{
  font-size: 12px;
  width: 226px;
  border-right: solid 1px #eff2f7;
  background: #fff;
}

.rdrDefinedRangesWrapper .rdrStaticRangeSelected{
    color: currentColor;
    font-weight: 600;
  }

.rdrStaticRange{
  border: 0;
  cursor: pointer;
  display: block;
  outline: 0;
  border-bottom: 1px solid #eff2f7;
  padding: 0;
  background: #fff
}

.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{
      background: #eff2f7;
    }

.rdrStaticRangeLabel{
  display: block;
  outline: 0;
  line-height: 18px;
  padding: 10px 20px;
  text-align: left;
}

.rdrInputRanges{
  padding: 10px 0;
}

.rdrInputRange{
  align-items: center;
  padding: 5px 20px;
}

.rdrInputRangeInput{
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  border: solid 1px rgb(222, 231, 235);
  margin-right: 10px;
  color: rgb(108, 118, 122)
}

.rdrInputRangeInput:focus, .rdrInputRangeInput:hover{
    border-color: rgb(180, 191, 196);
    outline: 0;
    color: #333;
  }

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{
  content: '';
  border: 1px solid currentColor;
  border-radius: 1.333em;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0px;
  right: 0px;
  background: transparent;
}

.rdrDayPassive{
  pointer-events: none;
}

.rdrDayPassive .rdrDayNumber span{
    color: #d5dce0;
  }

.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview{
    display: none;
  }

.rdrDayDisabled {
  background-color: rgb(248, 248, 248);
}

.rdrDayDisabled .rdrDayNumber span{
    color: #aeb9bf;
  }

.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview{
    filter: grayscale(100%) opacity(60%);
  }

.rdrMonthName{
  text-align: left;
  font-weight: 600;
  color: #849095;
  padding: 0.833em;
}


@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("../assets/fonts/SFProText-Regular.ttf") format("ttf");
}
.lds-roller__wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #0062FF;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("../assets/fonts/SFProText-Regular.ttf") format("ttf");
}
.inventories-container {
  width: 620px;
}
.inventories-container .inventories-container-header {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #f1f1f5;
}
.inventories-container .inventories-container-header .filter-items {
  display: flex;
  gap: 20px;
}
.inventories-container .inventories-container-header .filter-items .filter-item {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .inventories-container .inventories-container-header .filter-items {
    gap: 15px;
    width: 100%;
    white-space: nowrap;
  }
  .inventories-container .inventories-container-header .filter-items .filter-item {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .inventories-container .inventories-container-header {
    flex-direction: column;
    align-items: flex-start;
    padding: 15px;
    gap: 15px;
  }
}
.inventories-container .inventories-container-filters {
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.inventories-container .inventories-container-filters .amount-bubble {
  position: absolute;
  top: -6px;
  right: -4px;
  font-size: 8px;
  color: white;
  background: #FC5A5A;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  border: 1px solid white;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inventories-container .inventories-container-filters .basket-btn {
  width: 38px;
}
@media (max-width: 768px) {
  .inventories-container .inventories-container-filters {
    gap: 15px;
    padding: 15px;
    border-bottom: 1px solid #f1f1f5;
  }
  .inventories-container .inventories-container-filters .add-from-inventory-search {
    width: 100%;
  }
}
.inventories-container .close-dialog {
  z-index: 12;
}
.inventories-container .lds-ellipsis__wrapper {
  height: 100%;
  border-radius: 10px;
  z-index: 1;
}
.inventories-container .inventories-table .table-module {
  padding: 10px;
  overflow: auto;
  height: calc(100vh - 320px);
  max-height: 800px;
}
.inventories-container .inventories-table .table-module table {
  border-collapse: collapse;
}
.inventories-container .inventories-table .table-module table thead tr {
  height: 38px;
}
.inventories-container .inventories-table .table-module table thead tr th {
  padding: 0 10px;
  background: #fafafb;
  border-bottom: none;
  font-weight: 600;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  white-space: nowrap;
  color: #888895;
}
.inventories-container .inventories-table .table-module table thead tr th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.inventories-container .inventories-table .table-module table thead tr th:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.inventories-container .inventories-table .table-module table tbody tr td {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.2px;
  color: #171725;
  white-space: nowrap;
  padding: 22px 12px 20px;
  cursor: pointer;
  border: none;
  height: 80px;
}
.inventories-container .inventories-table .table-module table tbody tr .name {
  width: 250px;
}
.inventories-container .inventories-table .table-module table tbody tr .add-qty {
  padding: 10px 12px;
}
.inventories-container .inventories-table .table-module table tbody tr .actions {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  gap: 28px;
  width: 127px;
  margin-left: auto;
}
.inventories-container .inventories-table .table-module table tbody tr .actions .action-button {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 20px;
  justify-content: flex-end;
}
.inventories-container .inventories-table .table-module table tbody tr .actions .action-button .notes-button {
  height: 20px;
}
.inventories-container .inventories-table .table-module table tbody tr .actions .action-button .notes-button svg path {
  fill: #888895;
}
.inventories-container .inventories-table .table-module table tbody tr .actions .action-button .notes-button:hover svg path {
  fill: #50b5ff;
}
.inventories-container .inventories-table .table-module table tbody tr .actions .action-button .add-box {
  display: flex;
  justify-content: flex-end;
}
.inventories-container .inventories-table .table-module table tbody tr .actions .action-button .add-box .add-button {
  display: flex;
  align-items: center;
  color: #0062FF;
  gap: 5px;
}
.inventories-container .inventories-table .table-module table tbody tr .actions .action-button .edit-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  gap: 27px;
}
.inventories-container .inventories-table .table-module table tbody tr .actions .action-button .edit-box .rate-field {
  width: 50px;
}
.inventories-container .inventories-table .table-module table tbody tr .actions .action-button .edit-box .rate-field input {
  margin: 0;
}
.inventories-container .inventories-table .table-module table tbody tr .actions .action-button .edit-box .rate-field .error-text {
  position: initial;
}
@media (max-width: 768px) {
  .inventories-container .inventories-table .table-module table tbody tr td {
    padding: 0 10px;
    height: 60px;
  }
  .inventories-container .inventories-table .table-module table tbody tr .name {
    min-width: 100px;
    width: 100px;
  }
  .inventories-container .inventories-table .table-module table tbody tr .name p {
    min-width: 100px;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .inventories-container .inventories-table .table-module table tbody tr .qty {
    width: 55px;
    max-width: 55px;
  }
  .inventories-container .inventories-table .table-module table tbody tr .add-qty {
    padding: 10px 12px;
  }
  .inventories-container .inventories-table .table-module table tbody tr .actions {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    width: 52px;
    margin-left: auto;
  }
  .inventories-container .inventories-table .table-module table tbody tr .actions .action-button {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
    justify-content: flex-end;
  }
  .inventories-container .inventories-table .table-module table tbody tr .actions .action-button .notes-button {
    height: 20px;
  }
  .inventories-container .inventories-table .table-module table tbody tr .actions .action-button .notes-button svg path {
    fill: #888895;
  }
  .inventories-container .inventories-table .table-module table tbody tr .actions .action-button .notes-button:hover svg path {
    fill: #50b5ff;
  }
  .inventories-container .inventories-table .table-module table tbody tr .actions .action-button .add-box {
    display: flex;
    justify-content: flex-end;
  }
  .inventories-container .inventories-table .table-module table tbody tr .actions .action-button .add-box .add-button {
    display: flex;
    align-items: center;
    color: #0062FF;
    gap: 5px;
  }
  .inventories-container .inventories-table .table-module table tbody tr .actions .action-button .edit-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    gap: 27px;
  }
  .inventories-container .inventories-table .table-module table tbody tr .actions .action-button .edit-box .rate-field {
    width: 50px;
  }
  .inventories-container .inventories-table .table-module table tbody tr .actions .action-button .edit-box .rate-field input {
    margin: 0;
  }
  .inventories-container .inventories-table .table-module table tbody tr .actions .action-button .edit-box .rate-field .error-text {
    position: initial;
  }
}
.inventories-container .inventories-table .buttons-box {
  padding: 20px;
  border-top: 1px solid #f1f1f5;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .inventories-container .inventories-table .buttons-box {
    gap: 15px;
    padding: 15px;
  }
}
@media (max-width: 938px) {
  .inventories-container {
    width: 100%;
  }
}
.inventories-second-step {
  width: 428px;
}
.inventories-second-step header {
  padding: 20px;
  border-bottom: 1px solid #f1f1f5;
  text-align: center;
}
.inventories-second-step .basket-table, .inventories-second-step .empty-basket {
  height: calc(100vh - 360px);
  max-height: 400px;
}
.inventories-second-step .empty-basket {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 252px;
  margin: auto;
  gap: 40px;
}
.inventories-second-step footer {
  padding: 20px;
  border-top: 1px solid #f1f1f5;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.inventories-second-step .buttons-box {
  padding: 20px;
  border-top: 1px solid #f1f1f5;
  display: flex;
  width: 100%;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .inventories-second-step {
    width: 100%;
  }
  .inventories-second-step .buttons-box {
    padding: 15px;
    gap: 15px;
  }
}

@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("../assets/fonts/SFProText-Regular.ttf") format("ttf");
}
.add-item-to-list {
  width: 428px;
}
.add-item-to-list .header {
  padding: 20px;
  text-align: center;
  border-bottom: 1px solid #f1f1f5;
}
.add-item-to-list .content .input-content {
  padding: 20px;
}
.add-item-to-list .content .input-box .input-added_qty:after {
  content: "x";
}
.add-item-to-list .content .input-box .input-price:after {
  content: "$";
}
.add-item-to-list .content .input-box .input-tax_rate:after {
  content: "%";
}
.add-item-to-list .content .input-box .input.input:after {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.04em;
  color: #888895;
  width: 36px;
  height: 45px;
  background: #f1f1f5;
  border-radius: 10px 0 0 10px;
  position: absolute;
  top: 29.5px;
  left: 1px;
}
@media (max-width: 768px) {
  .add-item-to-list .content .input-box .input.input:after {
    top: 27.5px;
  }
}
.add-item-to-list .content .input-box .input.input input {
  margin: 10px 0 5px;
  padding-left: 48px;
}
.add-item-to-list .content .input-box .input.input .error-text {
  position: initial;
}
.add-item-to-list .content .total-price-text {
  padding: 20px;
  text-align: center;
  border-top: 1px solid #f1f1f5;
}
.add-item-to-list .buttons {
  display: flex;
  gap: 20px;
  padding: 20px;
  border-top: 1px solid #f1f1f5;
}
@media (max-width: 768px) {
  .add-item-to-list {
    width: 100%;
  }
  .add-item-to-list .header {
    padding: 15px;
  }
  .add-item-to-list .input.input .error-text {
    margin: 0;
  }
}

@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("../assets/fonts/SFProText-Regular.ttf") format("ttf");
}
.basket-items {
  width: 360px;
}
.basket-items .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #f1f1f5;
}
@media (max-width: 768px) {
  .basket-items {
    width: 100%;
  }
}
.basket-table {
  padding: 20px;
  overflow-y: auto;
  max-height: 400px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.popover-basket-menu .MuiPopover-paper {
  padding: 0;
  border-radius: 10px;
}

@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("../assets/fonts/SFProText-Regular.ttf") format("ttf");
}
.inventory {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.inventory .inventory-header {
  background: white;
  display: flex;
  gap: 15px;
  justify-content: space-between;
  align-items: center;
  padding: 13px 20px;
  border-radius: 10px;
}
.inventory .inventory-header .inventory-filters {
  display: flex;
  gap: 15px;
  align-items: center;
}
.inventory .inventory-header .inventory-filters .switch-filter {
  margin-right: 11px;
}
.inventory .inventory-header .inventory-filters .switch-filter .MuiFormControlLabel-label {
  margin-right: 12px;
}
.inventory .inventory-header .inventory-filters .filter-items {
  display: flex;
  gap: 40px;
}
@media (max-width: 768px) {
  .inventory .inventory-header {
    flex-direction: column;
    align-items: flex-start;
    padding: 15px;
  }
  .inventory .inventory-header .inventory-filters {
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
  }
  .inventory .inventory-header .inventory-filters .date-filter {
    width: 100%;
  }
  .inventory .inventory-header .inventory-filters .filter-item {
    display: flex;
    justify-content: space-between;
  }
  .inventory .inventory-header .inventory-filters .filter-items {
    flex-direction: column;
    gap: 15px;
    width: 100%;
    white-space: nowrap;
  }
}
.inventory .inventory-content {
  background: white;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.inventory .inventory-content .inventory-table-filter {
  display: flex;
  gap: 30px;
  align-items: center;
}
.inventory .inventory-content .inventory-table-filter .add-item-btn {
  width: auto;
  padding: 0 14px;
}
@media (max-width: 768px) {
  .inventory .inventory-content .inventory-table-filter {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .inventory .inventory-content .inventory-table-filter .inventory-search, .inventory .inventory-content .inventory-table-filter .add-item-btn {
    width: 100%;
  }
}
.inventory .inventory-content .inventory-table .table-module {
  overflow: auto;
  height: calc(100vh - 250px);
}
.inventory .inventory-content .inventory-table .table-module table {
  border-collapse: collapse;
}
.inventory .inventory-content .inventory-table .table-module table thead tr {
  height: 38px;
}
.inventory .inventory-content .inventory-table .table-module table thead tr th {
  padding: 0 10px;
  background: #fafafb;
  border-bottom: none;
  font-weight: 600;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  white-space: nowrap;
  color: #888895;
}
.inventory .inventory-content .inventory-table .table-module table thead tr th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.inventory .inventory-content .inventory-table .table-module table thead tr th:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.inventory .inventory-content .inventory-table .table-module table tbody tr td {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.2px;
  color: #171725;
  white-space: nowrap;
  padding: 22px 12px 20px;
  cursor: pointer;
}
.inventory .inventory-content .inventory-table .table-module table tbody tr .description {
  width: 250px;
  min-width: 250px;
  overflow: hidden;
  max-width: 250px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inventory .inventory-content .inventory-table .table-module table tbody tr .det {
  width: 70px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-direction: row;
  max-width: 70px;
}
.inventory .inventory-content .inventory-table .table-module table tbody tr .det span {
  width: 24px;
}
.inventory .inventory-content .inventory-table .table-module table tbody tr .det span svg {
  color: #888895;
}
.inventory .inventory-content .inventory-table .table-module table tbody tr .det span:hover svg {
  color: #171725;
}
.inventory .inventory-content .inventory-table .table-module table tbody tr .det .btn-box {
  height: 24px;
}
.inventory .inventory-content .inventory-table .table-module table tbody tr .det .btn-more {
  width: 24px;
  height: 16px;
  border-radius: 4px;
  cursor: pointer;
  background: #f1f1f5;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
}
.inventory .inventory-content .inventory-table .table-module table tbody tr .det .btn-more svg {
  color: #888895;
}
.inventory .inventory-content .inventory-table .table-module table tbody tr .det .btn-more:hover svg {
  color: #171725;
}
.inventory .inventory-content .inventory-table .table-module table tbody tr .det .btn-more:active, .inventory .inventory-content .inventory-table .table-module table tbody tr .det .btn-more:hover {
  border: 2px solid #000000;
}
.no-inventory-container {
  max-width: 453px;
  height: 255px;
  margin: 100px auto;
  text-align: center;
}
.no-inventory-container img {
  margin-bottom: 27px;
}

@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("../assets/fonts/SFProText-Regular.ttf") format("ttf");
}
.edit-item-dialog {
  width: 428px;
}
.edit-item-dialog .edit-item-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: calc(100vh - 222px);
  max-height: 560px;
  overflow-y: auto;
  padding: 20px;
}
.edit-item-dialog .edit-item-content img {
  margin-bottom: 20px;
}
.edit-item-dialog .edit-item-content p {
  margin-bottom: 10px;
}
.edit-item-dialog .edit-item-content .input-fields {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.edit-item-dialog .edit-item-content .qty-rate-taxes {
  display: flex;
  gap: 12px;
}
.edit-item-dialog .edit-item-content .qty-rate-taxes .input-tax_rate {
  width: 88px;
  min-width: 88px;
  position: relative;
}
.edit-item-dialog .edit-item-content .qty-rate-taxes .input-tax_rate:before {
  content: "%";
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.04em;
  color: #888895;
  width: 36px;
  height: 45px;
  background: #f1f1f5;
  border-radius: 0 8px 8px 0;
  position: absolute;
  top: 29.5px;
  right: 2px;
}
@media (max-width: 768px) {
  .edit-item-dialog .edit-item-content .qty-rate-taxes .input-tax_rate:before {
    top: 27.5px;
  }
}
.edit-item-dialog .edit-item-content .input.input .gray-text-color + input {
  background-color: #fafafb !important;
}
.edit-item-dialog .edit-item-content .input.input input {
  margin: 10px 0 0;
}
.edit-item-dialog .edit-item-content .input.input .error-text {
  position: initial;
}
@media (max-width: 768px) {
  .edit-item-dialog .edit-item-content .input.input .error-text {
    position: initial;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.edit-item-dialog .buttons {
  display: flex;
  gap: 20px;
  padding: 20px;
  border-top: 1px solid #F1F1F5;
}
.edit-item-dialog .buttons .white {
  width: 145px;
}
@media (max-width: 768px) {
  .edit-item-dialog {
    width: 100%;
  }
}

@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("/assets/SFProText-Regular-b5315817.ttf") format("ttf");
}
.sort-icon {
  transition: 0.3s;
}
.sort-icon__desc {
  transform: rotate(180deg);
}
.new-folder-dialog, .new-file-dialog {
  width: 530px;
  padding: 30px 20px 20px;
}
.new-folder-dialog__description, .new-file-dialog__description {
  margin-top: 14px;
}
.new-folder-dialog__button-wrapper, .new-file-dialog__button-wrapper {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.new-folder-dialog__button-wrapper button:first-child, .new-file-dialog__button-wrapper button:first-child {
  margin-right: 20px;
}
@media (max-width: 768px) {
  .new-folder-dialog, .new-file-dialog {
    width: 100%;
    padding: 15px;
  }
  .new-folder-dialog p.bold-20, .new-file-dialog p.bold-20 {
    font-size: 15px;
    line-height: 20px;
  }
}
.context-menu-block {
  position: absolute;
  width: max-content;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.2) 0 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
  padding: 16px;
  border-radius: 4px;
}
.context-menu-container {
  position: relative;
  width: max-content;
}
.context-menu-container:before {
  content: "";
  position: absolute;
  display: inline-block;
  background-color: #fff;
  height: 24px;
  width: 24px;
  z-index: 0;
  border-radius: 4px;
  transform: rotate(-45deg);
  margin-top: -27px;
}
.context-menu-container.point-left {
  left: 0;
}
.context-menu-container.point-right {
  right: -48px;
}
.context-menu-container.point-right:before {
  right: 12px;
}
.context-menu-container.point-top {
  top: -10px;
}
.context-menu-container.point-top:before {
  top: 16px;
}
.context-menu-container.point-bottom {
  bottom: 48px;
}
.context-menu-container.point-bottom:before {
  bottom: -10px;
}
.upload-control {
  position: absolute;
  bottom: 0;
  right: 40px;
  width: 540px;
  max-height: 400px;
  overflow-y: auto;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15);
  border-radius: 10px 10px 0 0;
}
@media (max-width: 768px) {
  .upload-control {
    bottom: 80px;
    right: 0;
  }
}
.upload-control__header {
  padding: 40px;
  display: flex;
  align-items: center;
}
.upload-control__cancel-block {
  height: 48px;
  padding: 14px 40px;
  background: rgba(0, 98, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.upload-control__cancel-block .title {
  color: #1E1F20;
}
.upload-control__cancel-block .btn-cancel {
  color: #0062FF;
  cursor: pointer;
}
.upload-control__cancel-block .btn-cancel:hover {
  text-shadow: 2px 2px rgba(0, 0, 0, 0.15);
}
.upload-control__list {
  display: flex;
  flex-direction: column;
}
.upload-control__list.show-list {
  display: flex;
}
.upload-control__list.hide-list {
  display: none;
}
.upload-control__list__item {
  display: flex;
  align-items: center;
  height: 64px;
  padding: 21px 41px;
}
.upload-control__list__item:hover {
  background: #F9F9F9;
}
.upload-control__list__item .icon {
  width: 24px;
  height: 24px;
}
.upload-control__list__item .name {
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #1E1F20;
  margin: 0 23px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.upload-control__list__item .status {
  width: 24px;
  min-width: 24px;
  height: 24px;
  cursor: pointer;
}
.upload-control__list__item .status .progress .progress-bar {
  display: block;
}
.upload-control__list__item .status .progress .abort-uploading {
  display: none;
}
.upload-control__list__item .status .progress:hover .progress-bar {
  display: none;
}
.upload-control__list__item .status .progress:hover .abort-uploading {
  display: block;
}
@media (max-width: 768px) {
  .upload-control {
    width: 100%;
  }
}
.folder-item_wrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.folder-item_wrapper + .folder-item_wrapper {
  margin: 16px -16px 0;
  width: calc(100% + 32px);
  padding: 0 16px;
}
.submenu-popover {
  pointer-events: none;
}
.submenu-popover__paper {
  pointer-events: auto;
  padding: 16px;
}
.documents-container {
  padding: 40px;
  height: 100%;
  user-select: none;
}
.documents-container__content {
  display: flex;
  flex-direction: column;
  min-height: 92vh;
  padding: 20px;
  border-radius: 10px;
  position: relative;
}
.documents-container .favorites-container {
  width: 100%;
  overflow: hidden;
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 25px 20px;
}
.documents-container .favorites-container__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #171725;
  margin-bottom: 25px;
}
.documents-container .favorites-container__list {
  width: calc(100% + 20px);
  margin: 0 -10px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
  grid-auto-flow: column;
  overflow: auto;
  align-items: center;
}
.documents-container .favorites-container__item {
  width: 100%;
  padding: 10px;
}
@media (max-width: 768px) {
  .documents-container .favorites-container__list {
    overflow-x: auto;
    padding-bottom: 14px;
    overflow-y: hidden;
  }
}
.documents-container .documents-items-grid {
  margin-top: 20px;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
}
@media (max-width: 768px) {
  .documents-container .documents-items-grid {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  }
}
.documents-container .document-view-list {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.documents-container .document-view-list__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.documents-container .document-view-list__no-data {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
}
.documents-container .document-view-list__table-container {
  height: calc(100% - 100px);
}
.documents-container .document-view-list__table-container .table__title td {
  padding: 40px 0 10px;
}
.documents-container .document-view-list__table-container .table__file-icon {
  display: flex;
  align-items: center;
  width: auto;
  max-width: 80px;
  max-height: 20px;
  margin-right: 8px;
}
.documents-container .document-view-list__table-container .table__file-icon svg {
  width: 20px;
  height: 20px;
}
.documents-container .document-view-list__table-container table {
  border-collapse: separate;
}
.documents-container .document-view-list__table-container table thead tr th {
  white-space: nowrap;
}
.documents-container .document-view-list__table-container tr {
  cursor: pointer;
}
.documents-container .document-view-list__table-container tr th, .documents-container .document-view-list__table-container tr td {
  border: 4px rgba(255, 255, 255, 0) solid;
}
.documents-container .document-view-list__table-container tr.active {
  background-image: url("/assets/download-583b1243.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.documents-container .document-view-list__table-container tr.active th, .documents-container .document-view-list__table-container tr.active td {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: gray;
  border-bottom-color: gray;
  border-style: dashed;
  opacity: 0.6;
}
.documents-container .document-view-list__table-container tr.active .first-child {
  border-left: 4px gray dashed;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.documents-container .document-view-list__table-container tr.active .last-child {
  border-right: 4px gray dashed;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
}
.documents-container .document-view-list__table-container tr.focus {
  background: rgba(25, 118, 210, 0.08);
}
.documents-container .document-view-list .border-decor-bottom {
  flex: 1;
  width: 100%;
  border: 4px grey dashed;
  border-top: none;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background-color: rgba(255, 255, 255, 0.8);
  background-image: url("/assets/download-583b1243.svg");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 9999;
}
.documents-container .documents-items-list {
  margin-top: 20px;
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr;
}
.documents-container .documents-filters {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: space-between;
}
.documents-container .documents-filters .search-input-documents input {
  height: 38px;
}
.documents-container .documents-filters .MuiButtonBase-root {
  padding: 0 5px;
  width: 50px;
  height: 50px;
}
.documents-container .create-new-btn {
  padding: 0 16px;
  margin-left: 15px;
}
.documents-container .btn-panel .search-input .input .icon {
  width: 40px;
  height: 40px;
}
.documents-container .sort-icon {
  transition: 0.3s;
}
.documents-container .sort-icon__desc {
  transform: rotate(180deg);
}
.documents-container .select-container {
  background: rgba(20, 20, 30, 0.1);
  border-radius: 3px;
  border: 1px solid rgba(20, 20, 30, 0.15);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 9999;
}
.documents-container .mobile {
  display: none;
}
@media (max-width: 768px) {
  .documents-container .mobile {
    display: flex;
  }
}
.documents-container .desktop {
  display: flex;
}
@media (max-width: 768px) {
  .documents-container .desktop {
    display: none;
  }
}
@media (max-width: 768px) {
  .documents-container {
    padding: 15px;
  }
}
.dialog-delete-document {
  text-align: center;
  padding: 20px;
  max-width: 428px;
}
.dialog-delete-document img {
  margin: 20px 0 30px;
}
.dialog-delete-document .title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.116667px;
  text-transform: capitalize;
  color: #171725;
}
.dialog-delete-document .subtitle {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #888895;
  margin: 10px 40px 40px;
}
.dialog-delete-document .btn {
  display: flex;
  justify-content: space-between;
  margin: 0 -10px;
}
.dialog-delete-document .btn button {
  margin: 0 10px;
}
#popover-context-menu {
  background: transparent;
}
@media (max-width: 480px) {
  .documents-container .documents-filters {
    grid-template-columns: 1fr;
  }
}.folder-btn {
  display: flex;
  width: 100%;
  align-items: center;
  height: 56px;
  background: #FFFFFF;
  border: 1px solid #F1F1F5;
  border-radius: 10px;
  box-sizing: border-box;
  mix-blend-mode: normal;
  transition: 0.3s;
  cursor: pointer;
  transform: translate(0, 0);
}
.folder-btn .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  mix-blend-mode: normal;
  border-radius: 15px;
  min-width: 56px;
  height: 56px;
}
.folder-btn .icon img {
  width: 54px;
  height: 54px;
  border-radius: 15px;
  object-fit: cover;
}
.folder-btn .box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 77%;
}
.folder-btn .name-container {
  width: calc(100% - 32px);
  display: flex;
  text-align: center;
  margin-right: auto;
}
.folder-btn .name-container .name {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #1E1F20;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.folder-btn .more {
  padding: 10px 17px;
  width: 18px !important;
  border: none;
  background: none;
}
.folder-btn.focus, .folder-btn:hover, .folder-btn:focus {
  border-color: rgba(20, 20, 30, 0.3);
}
@media (max-width: 768px) {
  .folder-btn {
    border: none;
    flex-direction: column;
  }
  .folder-btn .box {
    width: revert;
  }
  .folder-btn .name-container {
    width: 77px;
  }
}.btn-file {
  height: 56px;
  display: flex;
  width: 100%;
  align-items: center;
  border-radius: 10px;
  cursor: pointer;
  background: white;
  border: 1px solid #f1f1f5;
  box-sizing: border-box;
  mix-blend-mode: normal;
  transform: translate(0, 0);
}
.btn-file .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  mix-blend-mode: normal;
  border-radius: 10px;
  min-width: 56px;
  height: 56px;
  background: rgba(136, 136, 149, 0.1);
}
.btn-file .icon img {
  width: 54px !important;
  height: 54px !important;
  border-radius: 10px;
  object-fit: cover;
}
.btn-file .box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 77%;
  padding-right: 6px;
}
.btn-file .btn-file-container {
  width: calc(100% - 32px);
  display: flex;
  flex-direction: column;
  padding: 10px;
  margin-right: auto;
}
.btn-file .btn-file-container .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.btn-file .more {
  padding: 10px 17px;
  width: 18px !important;
  border: none;
  background: none;
}
.btn-file .delete {
  border: none;
  background: none;
}
.btn-file.xls .icon, .btn-file.xlsx .icon {
  background: rgba(61, 213, 152, 0.1);
}
.btn-file.doc .icon, .btn-file.docx .icon {
  background: rgba(0, 98, 255, 0.1);
}
.btn-file.mov .icon {
  background: rgba(80, 181, 255, 0.1);
}
.btn-file.mp4 .icon {
  background: rgba(255, 197, 66, 0.1);
}
.btn-file.ppt .icon, .btn-file.pptx .icon {
  background: rgba(80, 181, 255, 0.1);
}
.btn-file.txt .icon {
  background: rgba(136, 136, 149, 0.1);
}
.btn-file.pdf .icon {
  background: rgba(252, 90, 90, 0.1);
}
.btn-file.png .icon, .btn-file.jpeg .icon, .btn-file.jpg .icon {
  background: rgba(164, 97, 216, 0.1);
}
.btn-file.focus, .btn-file:hover, .btn-file:focus {
  border-color: rgba(20, 20, 30, 0.3);
}
@media (max-width: 768px) {
  .btn-file {
    border: none;
    flex-direction: column;
    height: 108px;
  }
  .btn-file .box {
    width: revert;
  }
  .btn-file .btn-file-container {
    width: 77px;
  }
  .btn-file.xls, .btn-file.xlsx, .btn-file.doc, .btn-file.docx, .btn-file.ppt {
    background: transparent;
  }
}.multiselect-container__control--menu-is-open {
  z-index: 12;
}
.multiselect-container__value-container {
  -webkit-flex-wrap: inherit !important;
}
.multiselect-container__value-container .multi-value {
  background: rgba(0, 98, 255, 0.1);
  border-radius: 12px;
  padding: 0 8px;
  color: #0062FF;
}
.multiselect-container__value-container .single-value {
  padding: 0 0 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.multiselect-container__dropdown-indicator {
  padding: 5px !important;
}.plaid-assets-report-container {
  min-width: 428px;
  width: 428px;
  min-height: 100%;
}
.plaid-assets-report-container .form-input {
  margin: 10px 0 0;
}
.plaid-assets-report-container .end-date .input-picker:hover {
  border-color: #F1F1F5;
}
.plaid-assets-report-container .end-date .input-picker.active {
  border: 1px solid black;
}
.plaid-assets-report-container .error-text {
  position: revert;
  margin-top: 3px;
  margin-bottom: 15px;
}
.plaid-assets-report-container .box {
  padding: 30px 20px 20px;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 280px);
  max-height: 520px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.plaid-assets-report-container .buttons {
  display: flex;
  padding: 20px;
  justify-content: space-between;
  gap: 20px;
  border-top: 1px solid #F1F1F5;
}
@media (max-width: 768px) {
  .plaid-assets-report-container {
    width: 100%;
    min-width: 100%;
  }
  .plaid-assets-report-container .date-box {
    flex-direction: column;
  }
  .plaid-assets-report-container .box {
    height: calc(100vh - 225px);
    padding: 20px 15px 15px;
  }
  .plaid-assets-report-container .buttons {
    padding: 15px;
  }
}.individual-and-business {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.individual-and-business .header {
  display: flex;
  border-radius: 10px;
  background: white;
  padding: 15px 20px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.individual-and-business .content {
  border-radius: 10px;
  background: white;
  padding: 10px;
}
.individual-and-business .add-new-button {
  width: min-content;
  padding: 0 20px;
}
.individual-and-business .table-module table thead {
  height: 38px;
  background: white;
}
.individual-and-business .table-module table thead th {
  font-family: "Poppins", sans-serif;
  padding: 9px 10px;
  background: #fafafb;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #888895;
  border-bottom: none;
}
.individual-and-business .table-module table thead th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.individual-and-business .table-module table thead th:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.individual-and-business .table-module table tbody tr td {
  font-family: "Poppins", sans-serif;
  height: 48px;
  padding: 8px 10px;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #44444F;
  white-space: nowrap;
  border-bottom: 1px solid #F1F1F5;
}
.individual-and-business .table-module table tbody tr td .available {
  background: rgba(255, 197, 66, 0.1);
  border-radius: 12px;
  color: #FFC542;
  padding: 3px 8px;
}
.individual-and-business .table-module table tbody tr td .waiting_irs {
  background: rgba(136, 136, 149, 0.1);
  border-radius: 12px;
  color: #171725;
  padding: 3px 8px;
}
.individual-and-business .table-module table tbody tr td .consent_sent {
  background: rgba(61, 213, 152, 0.1);
  border-radius: 12px;
  color: #3DD598;
  padding: 3px 8px;
}
.individual-and-business .table-module__pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .individual-and-business {
    gap: 15px;
  }
  .individual-and-business .header {
    padding: 20px 15px;
  }
}.edit-subscription-plan {
  height: 100%;
}
.edit-subscription-plan .content {
  display: flex;
  width: 860px;
  height: calc(100vh - 150px);
  max-height: 650px;
  overflow-y: auto;
  justify-content: space-between;
}
.edit-subscription-plan .content .company-settings {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px 20px;
  width: 100%;
}
.edit-subscription-plan .content .company-settings img {
  width: 140px;
  height: 140px;
}
.edit-subscription-plan .content .line {
  width: 1px;
  background: #F1F1F5;
}
.edit-subscription-plan .content .another-settings {
  width: 100%;
}
.edit-subscription-plan .content .another-settings .label {
  color: #B6B6B6;
}
.edit-subscription-plan .content .another-settings .subscription-box {
  padding: 30px 20px 20px;
  border-bottom: 1px solid #f1f1f5;
}
.edit-subscription-plan .content .another-settings .plan-details-box {
  padding: 20px 20px 0;
}
.edit-subscription-plan .content .another-settings .plan-details-box .Mui-checked {
  color: #0062FF;
}
.edit-subscription-plan .content .another-settings .plan-details-box .input-price {
  width: 50%;
}
.edit-subscription-plan .buttons {
  padding: 20px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  border-top: 1px solid #f1f1f5;
}
.edit-subscription-plan .desktop-buttons {
  display: flex;
}
.edit-subscription-plan .mobile-buttons {
  display: none;
}
@media (max-width: 768px) {
  .edit-subscription-plan .content {
    width: 100%;
    flex-direction: column;
    height: calc(100vh - 360px);
  }
  .edit-subscription-plan .content .company-settings {
    padding: 20px 15px 15px;
  }
  .edit-subscription-plan .content .company-settings img {
    width: 118px;
    height: 87px;
  }
  .edit-subscription-plan .content .another-settings .subscription-box {
    padding: 15px;
  }
  .edit-subscription-plan .content .another-settings .plan-details-box {
    padding: 15px 15px 0;
  }
  .edit-subscription-plan .buttons {
    padding: 15px;
    gap: 10px;
    flex-direction: column;
  }
  .edit-subscription-plan .desktop-buttons {
    display: none;
  }
  .edit-subscription-plan .mobile-buttons {
    display: flex;
  }
}

.confirm-subscription-plan {
  height: 100%;
  width: 428px;
}
.confirm-subscription-plan .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: calc(100vh - 200px);
  max-height: 700px;
  overflow-y: auto;
  padding: 40px 20px 20px;
}
.confirm-subscription-plan .content .tabs-info {
  background: #FFEEC6;
  border-radius: 8px;
  padding: 10px 20px;
  text-align: center;
}
.confirm-subscription-plan .content .tabs-info .tabs-text {
  color: #FFB100;
}
.confirm-subscription-plan .content .rows {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 15px;
  margin-top: 20px;
}
.confirm-subscription-plan .buttons {
  padding: 20px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  border-top: 1px solid #f1f1f5;
}
.confirm-subscription-plan .MuiDivider-root {
  background-color: #f1f1f5;
}
@media (max-width: 768px) {
  .confirm-subscription-plan {
    width: 100%;
  }
  .confirm-subscription-plan .content {
    height: calc(100vh - 360px);
    padding: 30px 15px 15px;
  }
  .confirm-subscription-plan .buttons {
    gap: 10px;
    flex-direction: column;
    padding: 15px;
  }
}

@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("../assets/fonts/SFProText-Regular.ttf") format("ttf");
}
.transaction-comments-dialog {
  width: 856px;
  z-index: 10;
}
.transaction-comments-dialog .lds-ellipsis__wrapper {
  height: 100%;
  border-radius: 10px;
  z-index: 1;
}
.transaction-comments-dialog .close-dialog {
  z-index: 2;
}
.transaction-comments-dialog .transaction-comments-dialog-container {
  display: flex;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-info-container {
  width: 428px;
  min-width: 428px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-info-container .transaction-info-container-box {
  height: calc(100vh - 221px);
  overflow-y: auto;
  max-height: 600px;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-info-container .header {
  padding: 20px;
  display: flex;
  gap: 20px;
  align-items: center;
  border-bottom: 1px solid #f1f1f5;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-info-container .header .transaction-bank {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #f1f1f5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-info-container .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 20px;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-info-container .content .transaction-purpose {
  width: 104px;
  min-width: 104px;
  min-height: 104px;
  height: 104px;
  border-radius: 50%;
  background: #f1f1f5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-info-container .content .transaction-purpose img {
  width: 104px;
  min-width: 104px;
  min-height: 104px;
  height: 104px;
  border-radius: 50%;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-info-container .buttons {
  padding: 20px;
  display: flex;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-info-container .buttons button {
  width: 112px;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-info-container .buttons button svg {
  width: 19px;
  height: 19px;
}
@media (max-width: 768px) {
  .transaction-comments-dialog .transaction-comments-dialog-container .transaction-info-container {
    width: 100%;
    min-width: 100%;
  }
  .transaction-comments-dialog .transaction-comments-dialog-container .transaction-info-container .transaction-info-container-box {
    height: initial;
  }
  .transaction-comments-dialog .transaction-comments-dialog-container .transaction-info-container .header {
    padding: 20px 15px 15px;
    flex-direction: column;
    text-align: center;
  }
  .transaction-comments-dialog .transaction-comments-dialog-container .transaction-info-container .content {
    padding: 15px;
    max-height: 375px;
  }
  .transaction-comments-dialog .transaction-comments-dialog-container .transaction-info-container .buttons {
    padding: 15px;
  }
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments {
  width: 428px;
  border-left: 1px solid #f1f1f5;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .header {
  padding: 29px 20px;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .border-header {
  border-bottom: 1px solid #f1f1f5;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .content {
  background: #fafafb;
  padding: 20px;
  overflow-y: auto;
  height: calc(100vh - 300px);
  max-height: 618px;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .content .date-box {
  width: 100%;
  position: relative;
  margin: 25px 0;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .content .date-box .line {
  height: 1px;
  background: #f1f1f5;
  width: 100%;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .content .date-box .date-text {
  display: flex;
  align-items: center;
  width: 100%;
  position: absolute;
  top: -7px;
  justify-content: center;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .content .date-box .date-text .date {
  background: #FAFAFB;
  padding: 0 11px;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .content .messages {
  background: white;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 12px;
  width: 80%;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .content .messages .avatar {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #B6B6B6;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .content .messages .attachment-container {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .content .messages .attachment-container .btn-file.focus {
  border-color: #f1f1f5;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .content .my-messages {
  margin-left: auto;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .send-message {
  padding: 20px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .send-message .input.input input {
  margin: 0;
  height: 38px;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .send-message .amount-bubble {
  position: absolute;
  top: -6px;
  right: -4px;
  font-size: 8px;
  color: white;
  background: #FC5A5A;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  border: 1px solid white;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .send-message .white {
  min-width: 38px;
  width: 38px;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .send-message .white svg {
  color: #888895;
  width: 16px;
  height: 16px;
}
.transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .send-message .blue {
  width: 96px;
}
@media (max-width: 768px) {
  .transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments {
    width: 100%;
    min-width: 100%;
    border-left: none;
  }
  .transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .header {
    display: flex;
    width: 100%;
    padding: 15px 25px 15px 15px;
    justify-content: space-between;
    align-items: center;
  }
  .transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .content {
    height: initial;
    max-height: initial;
    padding: 15px;
  }
  .transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .content .messages {
    padding: 15px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .content .messages .btn-file {
    border: 1px solid #f1f1f5;
    flex-direction: initial;
    height: 56px;
  }
  .transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .content .messages .btn-file .box {
    width: 77%;
  }
  .transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .content .messages .btn-file .box .btn-file-container {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .send-message {
    flex-direction: column;
    padding: 15px;
  }
  .transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .send-message .send-btn {
    width: 100%;
  }
  .transaction-comments-dialog .transaction-comments-dialog-container .transaction-comments .send-message .blue {
    width: 100%;
  }
}
@media (max-width: 900px) {
  .transaction-comments-dialog {
    width: 100%;
  }
  .transaction-comments-dialog .transaction-comments-dialog-container {
    flex-direction: column;
    max-height: 600px;
    overflow-y: auto;
  }
}

@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("../assets/fonts/SFProText-Regular.ttf") format("ttf");
}
.control-container {
  position: absolute;
  z-index: 10;
  bottom: 82px;
  right: 34px;
}
.control-container .control-content {
  background: white;
  box-shadow: 7px 14px 42px -10px rgba(0, 0, 0, 0.39);
  border-radius: 10px;
}
.control-container .control-content .upload-attachment-control {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
  max-height: 228px;
  width: 275px;
}
.control-container .control-content .upload-attachment-control .btn-file.focus {
  border-color: #f1f1f5;
}
.control-container .control-content .btn {
  padding: 20px;
  border-top: 1px solid #f1f1f5;
}
.control-container .control-content .btn .blue-border {
  min-width: 230px;
}
.control-container .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  right: 93px;
}
@media (max-width: 768px) {
  .control-container {
    right: initial;
    left: 15px;
  }
  .control-container .btn-file {
    border: 1px solid #f1f1f5;
    flex-direction: initial;
    height: 56px;
  }
  .control-container .btn-file .box {
    width: 77%;
  }
  .control-container .btn-file .box .btn-file-container {
    width: 80%;
  }
  .control-container .triangle {
    right: initial;
    left: 0;
  }
}

@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("../assets/fonts/SFProText-Regular.ttf") format("ttf");
}
.view-file-dialog-container {
  width: 820px;
  height: 80vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.view-file-dialog-container img {
  background: #fafafb;
  max-width: 100%;
  max-height: 76%;
  margin: auto;
  display: block;
}
.view-file-dialog-container .view-file-header {
  padding: 20px;
}
.view-file-dialog-container .view-file-buttons {
  padding: 20px;
}
.view-file-dialog-container .view-file-buttons .prev-next-button {
  position: absolute;
  width: 100%;
  justify-content: center;
  gap: 20px;
}
.view-file-dialog-container .view-file-buttons .button {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
}
.view-file-dialog-container .view-file-buttons .download-btn {
  width: 160px;
  z-index: 2;
}
.view-file-dialog-container .view-file-buttons .prev-btn, .view-file-dialog-container .view-file-buttons .next-btn {
  width: 112px;
}
.view-file-dialog-container .view-file-buttons .prev-btn svg, .view-file-dialog-container .view-file-buttons .next-btn svg {
  width: 19px;
  height: 19px;
}
@media (max-width: 768px) {
  .view-file-dialog-container {
    width: 100%;
    height: 58vh;
  }
  .view-file-dialog-container img {
    max-height: 60%;
  }
  .view-file-dialog-container .view-file-header {
    padding: 15px;
  }
  .view-file-dialog-container .view-file-buttons {
    padding: 15px;
    gap: 10px;
  }
  .view-file-dialog-container .view-file-buttons .download-btn {
    width: 44px;
    padding: 0 6px;
  }
  .view-file-dialog-container .view-file-buttons .prev-next-button {
    position: initial;
    gap: 15px;
  }
}/** ISSUERS **/
/** Images **/
.rccs {
  margin: 0 auto;
  perspective: 1000px;
  width: 290px;
}
.rccs__card {
  height: 182.872997856px;
  margin: 0 auto;
  position: relative;
  transform-style: preserve-3d;
  transition: all 0.4s linear;
  width: 290px;
}
.rccs__card--front, .rccs__card--back {
  backface-visibility: hidden;
  background: linear-gradient(25deg, #939393, #717171);
  border-radius: 14.5px;
  color: #fff;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform-style: preserve-3d;
  width: 100%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.rccs__card--front {
  z-index: 20;
}
.rccs__card--back {
  transform: rotateY(180deg);
}
.rccs__card--back .rccs__issuer {
  background-position: bottom center;
  bottom: 5%;
  left: 50%;
  opacity: 0.6;
  right: auto;
  top: auto;
  transform: translateX(-50%);
}
.rccs__card__background {
  height: 200%;
  left: -170%;
  position: absolute;
  top: -60%;
  transform: rotate(25deg);
  transition: all 0.5s ease-out;
  width: 150%;
  left: -170%;
}
.rccs__card--flipped {
  transform: rotateY(180deg);
}
.rccs__card--flipped .rccs__card--front {
  z-index: 10;
}
.rccs__card--flipped .rccs__card--back {
  z-index: 20;
}
.rccs__card--unknown > div {
  background: linear-gradient(25deg, #999, #999);
  box-shadow: none;
}
.rccs__card--unknown .rccs__issuer {
  visibility: hidden;
}
.rccs__card:not(.rccs__card--unknown) .rccs__card__background {
  left: -22%;
}
.rccs__card--amex .rccs__card__background {
  background: linear-gradient(25deg, #308c67, #a3f2cf);
}
.rccs__card--amex .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBjeD0iMTcuNTQxJSIgY3k9IjE3LjQ2NiUiIGZ4PSIxNy41NDElIiBmeT0iMTcuNDY2JSIgcj0iOTEuMjM3JSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiM2NUJDRjEiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMjNBREUzIiBvZmZzZXQ9IjQ1LjQ2JSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwREE2RTAiIG9mZnNldD0iNTAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzA1NTFDMyIgb2Zmc2V0PSIxMDAlIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTAgMGg1MTJ2NTEyaC01MTJ6Ii8+PHBhdGggZD0iTTQ1Ljc5MSAyMjAuOTM1bC05Ljc3My0yMy44MTMtOS43MTcgMjMuODEzaDE5LjQ4OXptMjE1LjI4OS05LjQ4M2MtMS45NjIgMS4xOTEtNC4yODMgMS4yMzEtNy4wNjMgMS4yMzFoLTE3LjM0NXYtMTMuMjY4aDE3LjU4MWMyLjQ4OCAwIDUuMDg0LjExMiA2Ljc3MSAxLjA3NyAxLjg1Mi44NyAyLjk5OCAyLjcyMiAyLjk5OCA1LjI4MSAwIDIuNjExLTEuMDkgNC43MTItMi45NDIgNS42Nzl6bTEyMy43MzkgOS40ODNsLTkuODgxLTIzLjgxMy05LjgyNyAyMy44MTNoMTkuNzA3em0tMjMwLjY1OCAyNS43NzZoLTE0LjYzN2wtLjA1NC00Ni43ODQtMjAuNzA0IDQ2Ljc4NGgtMTIuNTM2bC0yMC43NTgtNDYuODI1djQ2LjgyNWgtMjkuMDRsLTUuNDg2LTEzLjMyNGgtMjkuNzI5bC01LjU0MiAxMy4zMjRoLTE1LjUwN2wyNS41NjgtNTkuNzM1aDIxLjIxNGwyNC4yODQgNTYuNTU2di01Ni41NTZoMjMuMzA0bDE4LjY4NiA0MC41MjMgMTcuMTY1LTQwLjUyM2gyMy43NzJ2NTkuNzM1aC4wMDJ6bTU4LjMzOCAwaC00Ny42OTd2LTU5LjczNWg0Ny42OTd2MTIuNDM5aC0zMy40MTl2MTAuNzY3aDMyLjYxN3YxMi4yNDVoLTMyLjYxN3YxMS45MjloMzMuNDE5djEyLjM1NHptNjcuMjUxLTQzLjY0N2MwIDkuNTI0LTYuMzU3IDE0LjQ0NC0xMC4wNjEgMTUuOTIyIDMuMTI0IDEuMTg5IDUuNzkzIDMuMjkgNy4wNjMgNS4wMyAyLjAxNiAyLjk3MSAyLjM2NCA1LjYyNSAyLjM2NCAxMC45NnYxMS43MzVoLTE0LjQwMWwtLjA1NC03LjUzM2MwLTMuNTk0LjM0NC04Ljc2NC0yLjI1NC0xMS42MzctMi4wODYtMi4xMDEtNS4yNjYtMi41NTctMTAuNDA3LTIuNTU3aC0xNS4zMjd2MjEuNzI3aC0xNC4yNzd2LTU5LjczNWgzMi44NGM3LjI5NyAwIDEyLjY3My4xOTMgMTcuMjg5IDIuODYxIDQuNTE3IDIuNjY4IDcuMjI1IDYuNTY0IDcuMjI1IDEzLjIyN3ptMjIuODUgNDMuNjQ3aC0xNC41Njl2LTU5LjczNWgxNC41Njl2NTkuNzM1em0xNjkuMDE3IDBoLTIwLjIzM2wtMjcuMDY0LTQ0LjgzNHY0NC44MzRoLTI5LjA3OGwtNS41NTctMTMuMzI0aC0yOS42NmwtNS4zOTEgMTMuMzI0aC0xNi43MDdjLTYuOTQgMC0xNS43MjctMS41MzUtMjAuNzA0LTYuNjA3LTUuMDE4LTUuMDcyLTcuNjI5LTExLjk0Mi03LjYyOS0yMi44MDUgMC04Ljg1OSAxLjU2LTE2Ljk1OCA3LjY5Ny0yMy4zNTggNC42MTYtNC43NjcgMTEuODQ1LTYuOTY1IDIxLjY4NC02Ljk2NWgxMy44MjN2MTIuNzk5aC0xMy41MzNjLTUuMjExIDAtOC4xNTMuNzc1LTEwLjk4NyAzLjUzOS0yLjQzNCAyLjUxNS00LjEwNCA3LjI3LTQuMTA0IDEzLjUzMSAwIDYuNCAxLjI3MiAxMS4wMTQgMy45MjYgMTQuMDI4IDIuMTk4IDIuMzY0IDYuMTkzIDMuMDgxIDkuOTUxIDMuMDgxaDYuNDEybDIwLjEyNC00Ni45NzdoMjEuMzk0bDI0LjE3NCA1Ni41di01Ni41aDIxLjc0bDI1LjA5OCA0MS42MDJ2LTQxLjYwMmgxNC42MjV2NTkuNzMzem0tNDcxLjYxNiAxMS43MzNoMjQuMzk1bDUuNTAxLTEzLjI2OGgxMi4zMTVsNS40ODYgMTMuMjY4aDQ4di0xMC4xNDRsNC4yODUgMTAuMTg3aDI0LjkxOGw0LjI4NS0xMC4zMzh2MTAuMjk1aDExOS4yODlsLS4wNTYtMjEuNzc5aDIuMzA4YzEuNjE2LjA1NiAyLjA4OC4yMDUgMi4wODggMi44NzR2MTguOTA2aDYxLjY5N3YtNS4wN2M0Ljk3NiAyLjY2NyAxMi43MTcgNS4wNyAyMi45MDIgNS4wN2gyNS45NTZsNS41NTUtMTMuMjY4aDEyLjMxNWw1LjQzMiAxMy4yNjhoNTAuMDE4di0xMi42MDNsNy41NzQgMTIuNjAzaDQwLjA4MXYtODMuMzEyaC0zOS42Njd2OS44MzlsLTUuNTU1LTkuODM5aC00MC43MDN2OS44MzlsLTUuMTAxLTkuODM5aC01NC45OGMtOS4yMDMgMC0xNy4yOTMgMS4yODUtMjMuODI4IDQuODY1di00Ljg2NWgtMzcuOTQxdjQuODY1Yy00LjE1OC0zLjY5LTkuODI1LTQuODY1LTE2LjEyNS00Ljg2NWgtMTM4LjYxM2wtOS4zMDEgMjEuNTE4LTkuNTUxLTIxLjUxOGgtNDMuNjZ2OS44MzlsLTQuNzk2LTkuODM5aC0zNy4yMzVsLTE3LjI5MSAzOS42MTF2NDMuNzAxaC4wMDJ6TTUxMiAzMDIuMDE0aC0yNi4wMzljLTIuNiAwLTQuMzI3LjA5Ny01Ljc4MiAxLjA4LTEuNTA3Ljk2OC0yLjA4OCAyLjQwNS0yLjA4OCA0LjMwMiAwIDIuMjU1IDEuMjczIDMuNzkgMy4xMjQgNC40NTMgMS41MDcuNTI1IDMuMTI2LjY3OCA1LjUwNi42NzhsNy43NDMuMjA3YzcuODE0LjE5MyAxMy4wMjkgMS41MzYgMTYuMjA5IDQuODEyLjU3OS40NTYuOTI3Ljk2OCAxLjMyNSAxLjQ4di0xNy4wMTJ6bTAgMzkuNDE2Yy0zLjQ3IDUuMDc1LTEwLjIzMyA3LjY0OC0xOS4zODggNy42NDhoLTI3LjU5MXYtMTIuODJoMjcuNDc5YzIuNzI2IDAgNC42MzMtLjM1OSA1Ljc4Mi0xLjQ4Ljk5NS0uOTI1IDEuNjg5LTIuMjY4IDEuNjg5LTMuOSAwLTEuNzQyLS42OTQtMy4xMjQtMS43NDUtMy45NTQtMS4wMzctLjkxMi0yLjU0Ni0xLjMyNy01LjAzNC0xLjMyNy0xMy40MTUtLjQ1Ni0zMC4xNTEuNDE1LTMwLjE1MS0xOC41MDQgMC04LjY3MiA1LjUwNi0xNy44IDIwLjQ5OC0xNy44aDI4LjQ1OHYtMTEuODk1aC0yNi40NDFjLTcuOTc5IDAtMTMuNzc2IDEuOTExLTE3Ljg4MSA0Ljg4MnYtNC44ODJoLTM5LjEwOWMtNi4yNTQgMC0xMy41OTUgMS41NS0xNy4wNjggNC44ODJ2LTQuODgyaC02OS44Mzl2NC44ODJjLTUuNTU4LTQuMDEtMTQuOTM3LTQuODgyLTE5LjI2NS00Ljg4MmgtNDYuMDY2djQuODgyYy00LjM5Ny00LjI1OC0xNC4xNzYtNC44ODItMjAuMTM2LTQuODgyaC01MS41NTZsLTExLjc5OCAxMi43NjgtMTEuMDUtMTIuNzY4aC03Ny4wMTR2ODMuNDIxaDc1LjU2NWwxMi4xNTctMTIuOTcgMTEuNDUyIDEyLjk3IDQ2LjU3OC4wNDF2LTE5LjYyNGg0LjU3OWM2LjE4LjA5NiAxMy40NjktLjE1MyAxOS45LTIuOTMzdjIyLjUxNGgzOC40MTl2LTIxLjc0MmgxLjg1M2MyLjM2NSAwIDIuNTk4LjA5NyAyLjU5OCAyLjQ2MXYxOS4yOGgxMTYuNzA5YzcuNDEgMCAxNS4xNTUtMS44OTcgMTkuNDQ0LTUuMzM4djUuMzM4aDM3LjAyYzcuNzA0IDAgMTUuMjI3LTEuMDggMjAuOTUxLTMuODQ1di0xNS41NDF6bS01Ni45OS0yMy44ODRjMi43ODIgMi44NzkgNC4yNzMgNi41MTQgNC4yNzMgMTIuNjY3IDAgMTIuODYyLTguMDM1IDE4Ljg2NS0yMi40NDQgMTguODY1aC0yNy44Mjd2LTEyLjgyaDI3LjcxNWMyLjcxIDAgNC42MzItLjM1OSA1LjgzNi0xLjQ4Ljk4My0uOTI1IDEuNjg3LTIuMjY4IDEuNjg3LTMuOSAwLTEuNzQyLS43NjMtMy4xMjQtMS43NDMtMy45NTQtMS4wOTMtLjkxMi0yLjYtMS4zMjctNS4wODgtMS4zMjctMTMuMzYxLS40NTYtMzAuMDkzLjQxNS0zMC4wOTMtMTguNTA0IDAtOC42NzIgNS40NDgtMTcuOCAyMC40MjYtMTcuOGgyOC42NDJ2MTIuNzI1aC0yNi4yMDhjLTIuNTk4IDAtNC4yODcuMDk3LTUuNzI0IDEuMDgtMS41NjUuOTY4LTIuMTQ1IDIuNDA1LTIuMTQ1IDQuMzAyIDAgMi4yNTUgMS4zMjkgMy43OSAzLjEyNiA0LjQ1MyAxLjUwNy41MjUgMy4xMjYuNjc4IDUuNTYuNjc4bDcuNjkxLjIwN2M3Ljc1Ni4xODkgMTMuMDggMS41MzEgMTYuMzE2IDQuODA4em0tMTI4LjkxOC0zLjY5MmMtMS45MTEgMS4xMzQtNC4yNzUgMS4yMzEtNy4wNTUgMS4yMzFoLTE3LjM1NnYtMTMuNDI4aDE3LjU5MmMyLjU0NCAwIDUuMDg5LjA1NCA2LjgxOCAxLjA4IDEuODUyLjk2OCAyLjk1OCAyLjgyIDIuOTU4IDUuMzc4IDAgMi41NTgtMS4xMDcgNC42MTktMi45NTggNS43Mzh6bTguNjI4IDcuNDRjMy4xOCAxLjE3NCA1Ljc4IDMuMjc4IDYuOTk5IDUuMDE5IDIuMDE3IDIuOTE5IDIuMzA5IDUuNjQzIDIuMzY3IDEwLjkxM3YxMS44NTJoLTE0LjM0M3YtNy40OGMwLTMuNTk3LjM0Ni04LjkyMi0yLjMwOS0xMS43MDItMi4wODgtMi4xNDItNS4yNy0yLjY1NC0xMC40ODItMi42NTRoLTE1LjI2OHYyMS44MzZoLTE0LjM1NnYtNTkuNzg2aDMyLjk4NWM3LjIzMyAwIDEyLjUwMS4zMTkgMTcuMTkgMi44MjEgNC41MDkgMi43MjQgNy4zNDUgNi40NTYgNy4zNDUgMTMuMjc2LS4wMDIgOS41NDItNi4zNjYgMTQuNDEyLTEwLjEyNyAxNS45MDV6bTE4LjA0OC0zMi4wMDJoNDcuNjg0djEyLjM2NGgtMzMuNDU1djEwLjg2OWgzMi42Mzl2MTIuMTk4aC0zMi42Mzl2MTEuODk1bDMzLjQ1NS4wNTR2MTIuNDA1aC00Ny42ODR2LTU5Ljc4NnptLTk2LjM5MyAyNy41OTFoLTE4LjQ2M3YtMTUuMjI1aDE4LjYyOWM1LjE1OCAwIDguNzM4IDIuMTAyIDguNzM4IDcuMzMgMCA1LjE3MS0zLjQxNSA3Ljg5NS04LjkwNCA3Ljg5NXptLTMyLjY5MyAyNi43NThsLTIxLjkzNS0yNC4zNTMgMjEuOTM1LTIzLjU3OXY0Ny45MzJ6bS01Ni42NDctNy4wMjJoLTM1LjEyN3YtMTEuODk1aDMxLjM2NnYtMTIuMTk4aC0zMS4zNjZ2LTEwLjg2OWgzNS44MTlsMTUuNjI3IDE3LjQyMy0xNi4zMTkgMTcuNTR6bTExMy41ODMtMjcuNjNjMCAxNi42MDgtMTIuMzkxIDIwLjAzNy0yNC44NzkgMjAuMDM3aC0xNy44Mjd2MjAuMDUzaC0yNy43NjlsLTE3LjU5Mi0xOS43OTItMTguMjgzIDE5Ljc5MmgtNTYuNTkxdi01OS43ODZoNTcuNDYybDE3LjU3OCAxOS41OTcgMTguMTczLTE5LjU5N2g0NS42NTJjMTEuMzM4IDAgMjQuMDc3IDMuMTM5IDI0LjA3NyAxOS42OTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+");
}
.rccs__card--amex .rccs__cvc__front {
  opacity: 0.5;
  visibility: visible;
}
.rccs__card--dankort .rccs__card__background {
  background: linear-gradient(25deg, #ccc, #999);
}
.rccs__card--dankort .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjMwOCIgdmlld0JveD0iMCAwIDUxMiAzMDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMCUiIHgyPSI1MCUiIHkyPSIxMDAlIiBpZD0iYSI+PHN0b3Agc3RvcC1jb2xvcj0iI0Y1MDkxQSIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiM5RTBDMTciIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0zNTguNDA3IDBoLTIwNC43OTVjLTg0Ljg0MiAwLTE1My42MTIgNjguNzcxLTE1My42MTIgMTUzLjU5MyAwIDg0Ljg1MSA2OC43NyAxNTMuNjA2IDE1My42MTIgMTUzLjYwNmgyMDQuNzk1Yzg0LjgyMiAwIDE1My41OTMtNjguNzU1IDE1My41OTMtMTUzLjYwNiAwLTg0LjgyMS02OC43Ny0xNTMuNTkzLTE1My41OTMtMTUzLjU5MyIgZmlsbD0iI0ZFRkVGRSIvPjxwYXRoIGQ9Ik0zOTUuNTkxIDE0NC40ODZsNjguMzI4IDgxLjI2MWMxNC4xNTEtMjAuNDUxIDIyLjQ2Mi00NS4yNDIgMjIuNDYyLTcxLjk0NSAwLTI4LjE4My05LjI1OS01NC4yNDgtMjQuODg0LTc1LjMxNWwtNjUuOTA2IDY1Ljk5OXptLTI0MS4zOTctMTE3LjM4NmMtMzguNTQ3IDAtNzMuMTIxIDE3LjI5My05Ni4zODMgNDQuNTI4aDE0NC4xNTljNTEuMDI3IDAgODkuNDc0IDEyLjk4MyA5My40MzEgNTUuOTc0bDUzLjcwMi01NS45ODFoMTA2LjkzMWMtMjMuMjYzLTI3LjIyNy01Ny44MzEtNDQuNTItOTYuMzYxLTQ0LjUyaC0yMDUuNDc5em0yOS4yMzYgMjA1LjQ3OWgtMTI4LjQyOWMyMy4yMzMgMjkuMTkzIDU5LjA2MiA0Ny45NDYgOTkuMTk0IDQ3Ljk0NmgyMDUuNDc5YzQwLjExNyAwIDc1LjkzNy0xOC43NDUgOTkuMTcxLTQ3LjkzOWgtMTA5LjI5NWwtNTYuNzk2LTcxLjc3NmMtMTAuNTA2IDQ4LjkzOS00NC44ODEgNzEuNzY5LTEwOS4zMjMgNzEuNzY5ek0xMTguNDQgMTI1Ljk5N2wtMTguMjIyIDUwLjFoNzMuNTE3YzIxLjczMyAwIDI4LjMxLTguOTk4IDMzLjE3My0yNi4zMTkgNC44MTUtMTcuMTMxLTcuMjc3LTIzLjc4LTIyLjEyOS0yMy43OGgtNjYuMzM5eiIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg==");
}
.rccs__card--dinersclub > div {
  color: #555;
}
.rccs__card--dinersclub .rccs__card__background {
  background: linear-gradient(25deg, #fff, #eee);
}
.rccs__card--dinersclub .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjEzNCIgdmlld0JveD0iMCAwIDUxMiAxMzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik05OS4yODUgMTMzLjg2YzM2LjQ0Ni4xNzcgNjkuNzE1LTI5LjY1OSA2OS43MTUtNjUuOTU1IDAtMzkuNjg5LTMzLjI2OS02Ny4xMjItNjkuNzE1LTY3LjExMWgtMzEuMzY1Yy0zNi44ODItLjAxMS02Ny4yNDEgMjcuNDI5LTY3LjI0MSA2Ny4xMTEgMCAzNi4zMDUgMzAuMzU4IDY2LjEzMyA2Ny4yNDEgNjUuOTU1aDMxLjM2NSIgZmlsbD0iIzAwNjA5NSIvPjxwYXRoIGQ9Ik04MS45MDkgMTAzLjI0N3YtNzIuMDcyYzE0LjUxNyA1LjU1NyAyNC44MjMgMTkuNTgzIDI0Ljg0NyAzNi4wMzMtLjAyNCAxNi40NTQtMTAuMzMgMzAuNDcxLTI0Ljg0NyAzNi4wMzhtLTUyLjUyMi0zNi4wMzhjLjAzMy0xNi40NDEgMTAuMzIyLTMwLjQ1OCAyNC44MzEtMzYuMDMydjcyLjA1NWMtMTQuNTA5LTUuNTY5LTI0Ljc5OC0xOS41NzgtMjQuODMxLTM2LjAyNG0zOC42NzktNjAuOTE1Yy0zMy43MDIuMDExLTYxLjAxMSAyNy4yNzMtNjEuMDIgNjAuOTE1LjAwOCAzMy42MzkgMjcuMzE4IDYwLjg5NSA2MS4wMiA2MC45MDUgMzMuNzEzLS4wMSA2MS4wMjgtMjcuMjY2IDYxLjAzMy02MC45MDUtLjAwNS0zMy42NDItMjcuMzE5LTYwLjkwNC02MS4wMzMtNjAuOTE1IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTE5MC4zNzMgMjkuNDIxYzAtNi4yOTQtMy4yOTEtNS44ODEtNi40NDQtNS45NDd2LTEuODE5YzIuNzMzLjEzMyA1LjUzNi4xMzMgOC4yNzUuMTMzIDIuOTQzIDAgNi45NDEtLjEzMyAxMi4xMzMtLjEzMyAxOC4xNTcgMCAyOC4wNDIgMTIuMTAzIDI4LjA0MiAyNC40OTYgMCA2LjkyOS00LjA2MyAyNC4zNTMtMjguODg4IDI0LjM1My0zLjU3MyAwLTYuODc0LS4xMzgtMTAuMTY3LS4xMzgtMy4xNTMgMC02LjI0Mi4wNjctOS4zOTUuMTM4di0xLjgyYzQuMjAzLS40MjEgNi4yNDItLjU2MSA2LjQ0NC01LjMydi0zMy45NDN6bTYuODczIDMyLjgyNWMwIDUuMzg4IDMuODYxIDYuMDE3IDcuMjk0IDYuMDE3IDE1LjE0OSAwIDIwLjEyNC0xMS40MDcgMjAuMTI0LTIxLjgzNiAwLTEzLjA4My04LjQxNS0yMi41My0yMS45NDctMjIuNTMtMi44NzkgMC00LjIwMy4yMDUtNS40NzIuMjh2MzguMDY4em0zNy41OTIgNi40NGgxLjMzMWMxLjk2MSAwIDMuMzY1IDAgMy4zNjUtMi4zMTV2LTE4Ljk2MmMwLTMuMDc3LTEuMDUtMy41MDQtMy42NDgtNC44OTZ2LTEuMTIyYzMuMjk2LS45ODUgNy4yMjYtMi4zMDggNy41MDMtMi41MTguNDkzLS4yOC45MTItLjM1NCAxLjI2NC0uMzU0LjM0NyAwIC40OTIuNDIxLjQ5Mi45ODV2MjYuODY2YzAgMi4zMTUgMS41NDIgMi4zMTUgMy41MDggMi4zMTVoMS4xODl2MS44MmMtMi4zODYgMC00Ljg0Mi0uMTQtNy4zNi0uMTQtMi41MjYgMC01LjA1Mi4wNjgtNy42NDMuMTR2LTEuODJ6bTcuNTAzLTQwLjk0Yy0xLjgyNyAwLTMuNDM2LTEuNjc5LTMuNDM2LTMuNDk5IDAtMS43NTIgMS42ODYtMy4zNjYgMy40MzYtMy4zNjYgMS44MTcgMCAzLjQzNSAxLjQ3NiAzLjQzNSAzLjM2NiAwIDEuODkyLTEuNTQ2IDMuNDk5LTMuNDM1IDMuNDk5em0xNC4xNjIgMjAuMDgyYzAtMi41ODgtLjc3NS0zLjI4NS00LjA2My00LjYxNXYtMS4zM2MzLjAxMS0uOTc4IDUuODg0LTEuODkyIDkuMjU0LTMuMzYzLjIwOCAwIC40MTQuMTQzLjQxNC42OTl2NC41NTFjNC4wMDMtMi44NjYgNy40NDEtNS4yNSAxMi4xNDQtNS4yNSA1Ljk1NiAwIDguMDU4IDQuMzQgOC4wNTggOS44djE4LjA1MmMwIDIuMzE1IDEuNTQxIDIuMzE1IDMuNTA2IDIuMzE1aDEuMjYydjEuODJjLTIuNDU5IDAtNC45MTMtLjE0LTcuNDMxLS4xNC0yLjUyOCAwLTUuMDUzLjA2OC03LjU3Ni4xNHYtMS44MmgxLjI2MWMxLjk2NyAwIDMuMzYzIDAgMy4zNjMtMi4zMTV2LTE4LjEyYzAtMy45OTQtMi40NDMtNS45NDktNi40NDYtNS45NDktMi4yNDMgMC01LjgxOSAxLjgxNy04LjE0MSAzLjM1OHYyMC43MTFjMCAyLjMxNSAxLjU1MiAyLjMxNSAzLjUxNiAyLjMxNWgxLjI2MXYxLjgyYy0yLjQ1NCAwLTQuOTEyLS4xNC03LjQzNi0uMTQtMi41MjEgMC01LjA1LjA2OC03LjU3MS4xNHYtMS44MmgxLjI2NWMxLjk2MiAwIDMuMzYxIDAgMy4zNjEtMi4zMTV2LTE4LjU0NHptMzUuOTA3IDMuMzY1Yy0uMTQ1LjYzMS0uMTQ1IDEuNjc3IDAgNC4wNTkuNDEyIDYuNjQ2IDQuNzAyIDEyLjEwMyAxMC4zMDIgMTIuMTAzIDMuODYzIDAgNi44ODItMi4xIDkuNDctNC42ODZsLjk4Ljk4Yy0zLjIyNiA0LjI3LTcuMjI0IDcuOTA4LTEyLjk2OCA3LjkwOC0xMS4xNTQgMC0xMy4zOTUtMTAuNzgtMTMuMzk1LTE1LjI1NiAwLTEzLjcxOCA5LjI1Mi0xNy43NzkgMTQuMTU3LTE3Ljc3OSA1LjY4NSAwIDExLjc5MSAzLjU2OCAxMS44NTMgMTAuOTg2IDAgLjQyNiAwIC44NC0uMDYyIDEuMjY1bC0uNjM3LjQyMWgtMTkuNzAxem0xMi40MTMtMi4yNDFjMS43NTIgMCAxLjk1Ni0uOTEyIDEuOTU2LTEuNzUxIDAtMy41NjgtMi4xNzEtNi40MzctNi4xMDEtNi40MzctNC4yNzUgMC03LjIxOSAzLjE0Mi04LjA2IDguMTg3aDEyLjIwNXptOS42MDQgMTkuNzM2aDEuODk0YzEuOTU2IDAgMy4zNiAwIDMuMzYtMi4zMTV2LTE5LjY2MWMwLTIuMTY4LTIuNTkxLTIuNTkxLTMuNjQ1LTMuMTV2LTEuMDQ3YzUuMTE5LTIuMTcyIDcuOTI1LTMuOTk0IDguNTY1LTMuOTk0LjQxMiAwIC42Mi4yMS42Mi45MTN2Ni4yOTdoLjE1YzEuNzQ2LTIuNzI5IDQuNjk3LTcuMjEgOC45NzItNy4yMSAxLjc1NCAwIDMuOTk1IDEuMTg4IDMuOTk1IDMuNzA5IDAgMS44OS0xLjMyOSAzLjU3NC0zLjI5MSAzLjU3NC0yLjE4MiAwLTIuMTgyLTEuNjg0LTQuNjMzLTEuNjg0LTEuMTk0IDAtNS4xMTkgMS42MTEtNS4xMTkgNS44MTJ2MTYuNDM5YzAgMi4zMTUgMS4zOTkgMi4zMTUgMy4zNjUgMi4zMTVoMy45MjV2MS44MmMtMy44NTgtLjA3Mi02Ljc5My0uMTQtOS44MTItLjE0LTIuODc0IDAtNS44MjEuMDY4LTguMzQ1LjE0di0xLjgyem0yNi45OTUtNy45MTFjLjkxNCA0LjYxOCAzLjcxNiA4LjU0IDguODM4IDguNTQgNC4xMyAwIDUuNjcyLTIuNTE5IDUuNjcyLTQuOTY3IDAtOC4yNi0xNS4yODEtNS42MDMtMTUuMjgxLTE2Ljg2NyAwLTMuOTIyIDMuMTU5LTguOTYxIDEwLjg2OS04Ljk2MSAyLjI0MSAwIDUuMjU1LjYzMiA3Ljk4OCAyLjAzM2wuNDk1IDcuMTMyaC0xLjYxNGMtLjctNC40MDUtMy4xNTMtNi45MjQtNy42NDMtNi45MjQtMi44MDggMC01LjQ2OSAxLjYwOS01LjQ2OSA0LjYxOCAwIDguMTk0IDE2LjI2OCA1LjY2OSAxNi4yNjggMTYuNjU1IDAgNC42MTgtMy43MTYgOS41MjItMTIuMDYzIDkuNTIyLTIuODA0IDAtNi4xMDEtLjk4Mi04LjU1Mi0yLjM4bC0uNzc0LTguMDQ5IDEuMjY0LS4zNTN6bTgzLjQ0Mi0yNi40NTVoLTEuNzQ5Yy0xLjMzNS04LjE4Mi03LjE1Ni0xMS40NzUtMTUuMDA2LTExLjQ3NS04LjA2OCAwLTE5Ljc4MSA1LjM4Ny0xOS43ODEgMjIuMTgyIDAgMTQuMTQ0IDEwLjEwNSAyNC4yODggMjAuOSAyNC4yODggNi45MzkgMCAxMi42OTUtNC43NTggMTQuMDk5LTEyLjEwOWwxLjYwOS40MTktMS42MDkgMTAuMjE3Yy0yLjk0NiAxLjgyNS0xMC44NzEgMy43MTItMTUuNTAyIDMuNzEyLTE2LjQwMyAwLTI2Ljc3OS0xMC41NjgtMjYuNzc5LTI2LjMxNSAwLTE0LjM0NyAxMi44MjgtMjQuNjM4IDI2LjU3Mi0yNC42MzggNS42NzcgMCAxMS4xNDkgMS44MjUgMTYuNTQ2IDMuNzE2bC43IDEwLjAwM3ptMi41MjkgMzQuMzY2aDEuMzI2YzEuOTY5IDAgMy4zNzMgMCAzLjM3My0yLjMxNXYtMzguOTc0YzAtNC41NTMtMS4wNTItNC42OTMtMy43MTYtNS40NjF2LTEuMTJjMi44MDMtLjkwOSA1Ljc0OS0yLjE2OCA3LjIyMS0zLjAxMi43NjUtLjQxNiAxLjMzMS0uNzcyIDEuNTM3LS43NzIuNDI3IDAgLjU2OC40MjQuNTY4Ljk4NXY0OC4zNTRjMCAyLjMxNSAxLjU0MSAyLjMxNSAzLjUwNiAyLjMxNWgxLjE4NHYxLjgyYy0yLjM3NiAwLTQuODMyLS4xNC03LjM1Ni0uMTQtMi41MjMgMC01LjA0Ny4wNjgtNy42NDMuMTR2LTEuODJ6bTQ1LjAyMi0yLjAzM2MwIDEuMjY1Ljc2OSAxLjMzMSAxLjk1OSAxLjMzMWwyLjgwNi0uMDY3djEuNDczYy0zLjAxOS4yNzgtOC43NjcgMS43NDctMTAuMSAyLjE2N2wtLjM1My0uMjExdi01LjY2NmMtNC4yIDMuNDI4LTcuNDMxIDUuODc3LTEyLjQxNSA1Ljg3Ny0zLjc4MyAwLTcuNzEtMi40NDktNy43MS04LjMyNXYtMTcuOTJjMC0xLjgyLS4yNzgtMy41NzEtNC4yMDItMy45MTl2LTEuMzMxYzIuNTI4LS4wNjggOC4xMjgtLjQ4OCA5LjA0My0uNDg4Ljc3NyAwIC43NzcuNDg4Ljc3NyAyLjAyOHYxOC4wNTJjMCAyLjEwMyAwIDguMTIgNi4wOTYgOC4xMiAyLjM4NCAwIDUuNTM5LTEuODE5IDguNDgtNC4yNjN2LTE4LjgzM2MwLTEuMzk2LTMuMzYzLTIuMTYzLTUuODgyLTIuODY0di0xLjI2YzYuMzA0LS40MjMgMTAuMjM3LS45OCAxMC45MzQtLjk4LjU2NyAwIC41NjcuNDg4LjU2NyAxLjI2MXYyNS44MTh6bTEzLjk1Mi0yMy4wOTJjMi44MDEtMi4zOCA2LjU4OS01LjA0IDEwLjQ0OS01LjA0IDguMTM1IDAgMTMuMDM3IDcuMDc0IDEzLjAzNyAxNC42OTggMCA5LjE2Ny02LjcyOCAxOC4zMzgtMTYuNzYxIDE4LjMzOC01LjE4NCAwLTcuOTE4LTEuNjgyLTkuNzQ0LTIuNDQ5bC0yLjEwMSAxLjYwNi0xLjQ2Ny0uNzY3Yy42Mi00LjEyOS45NzktOC4xODkuOTc5LTEyLjQ1N3YtMzAuMDkxYzAtNC41NTMtMS4wNTctNC42OTMtMy43Mi01LjQ2MXYtMS4xMmMyLjgxMS0uOTA5IDUuNzQ5LTIuMTY4IDcuMjI0LTMuMDEyLjc3LS40MTYgMS4zMjctLjc3MiAxLjU0Ni0uNzcyLjQyIDAgLjU1OS40MjQuNTU5Ljk4NXYyNS41NDN6bTAgMTkuMDMzYzAgMi42NTkgMi41MjMgNy4xNDQgNy4yMjEgNy4xNDQgNy41MDQgMCAxMC42NTctNy4zNTIgMTAuNjU3LTEzLjU4MyAwLTcuNTU2LTUuNzQ0LTEzLjg1Mi0xMS4yMTYtMTMuODUyLTIuNjAxIDAtNC43NyAxLjY4MS02LjY2MyAzLjI5MXYxN3ptLTMwMi41MTggNDguNjAxaC41MzdjMS4zNzEgMCAyLjgyMS0uMTg1IDIuODIxLTIuMTY4di0xOS45NDhjMC0xLjk4Ni0xLjQ0OS0yLjE3NS0yLjgyMS0yLjE3NWgtLjUzN3YtMS4xNDNjMS40ODkgMCAzLjc3OC4xNSA1LjY1My4xNSAxLjkwNSAwIDQuMTkyLS4xNSA1Ljk4NS0uMTV2MS4xNDNoLS41MzZjLTEuMzY4IDAtMi44MjEuMTg5LTIuODIxIDIuMTc1djE5Ljk0OGMwIDEuOTgzIDEuNDUzIDIuMTY4IDIuODIxIDIuMTY4aC41MzZ2MS4xNDhjLTEuODMxIDAtNC4xMjUtLjE1LTYuMDI2LS4xNS0xLjg3MSAwLTQuMTI0LjE1LTUuNjEyLjE1di0xLjE0OHptMzcuODUxLTYuMzU5bC4wNzctLjA3NXYtMTQuMjc3YzAtMy4xMjQtMi4xNzctMy41ODEtMy4zMjEtMy41ODFoLS44NHYtMS4xNDNsNS4zNDIuMTUxIDQuNjk0LS4xNTF2MS4xNDNoLS41NjhjLTEuNjA3IDAtMy40LjMwNi0zLjQgNC44MzZ2MTcuMzNjMCAxLjMzMS4wMzkgMi42NjIuMjI2IDMuODQyaC0xLjQ0OWwtMTkuNjQ3LTIxLjg2djE1LjY5MmMwIDMuMzEzLjY0MyA0LjQ1MiAzLjU4NSA0LjQ1MmguNjQ3djEuMTQ4bC00LjkyLS4xNS01LjE4Ny4xNXYtMS4xNDhoLjUzNGMyLjYzMiAwIDMuNDMxLTEuNzg2IDMuNDMxLTQuODI5di0xNi4wMzljMC0yLjEyOS0xLjc1OS0zLjQyMy0zLjQ2OS0zLjQyM2gtLjQ5N3YtMS4xNDNsNC4zODMuMTUxIDMuMzk5LS4xNTEgMTYuOTgzIDE5LjA3NnptMTEuNjY2LTE3LjE3MmMtMi44NjYgMC0yLjk3NC42ODYtMy41NDcgMy40NjJoLTEuMTQzYy4xNDgtMS4wNjUuMzQyLTIuMTI5LjQ1OC0zLjIzNi4xNTUtMS4wNjguMjI4LTIuMTI5LjIyOC0zLjIzM2guOTE1Yy4zMDggMS4xNDQgMS4yNjEgMS4xMDQgMi4yOTYgMS4xMDRoMTkuNjgxYzEuMDMzIDAgMS45ODQtLjAzNyAyLjA2My0xLjE4MmwuOTEuMTUzYy0uMTQ4IDEuMDI5LS4zMDMgMi4wNTUtLjQxOSAzLjA4NS0uMDcgMS4wMjktLjA3IDIuMDU4LS4wNyAzLjA4M2wtMS4xNDcuNDIzYy0uMDc4LTEuNDA4LS4yNy0zLjY1OS0yLjgyNC0zLjY1OWgtNi4yNTd2MjAuMjU5YzAgMi45MzcgMS4zMzcgMy4yNzIgMy4xNjQgMy4yNzJoLjcyNXYxLjE0OGMtMS40ODcgMC00LjE1OS0uMTUtNi4yMTYtLjE1LTIuMjkgMC00Ljk2Mi4xNS02LjQ1Mi4xNXYtMS4xNDhoLjcyNWMyLjEwNiAwIDMuMTY4LS4xODcgMy4xNjgtMy4xOTJ2LTIwLjMzOWgtNi4yNTl6bTIzLjA4MiAyMy41MzFoLjUzNmMxLjM3MyAwIDIuODI0LS4xODUgMi44MjQtMi4xNjh2LTE5Ljk0OGMwLTEuOTg2LTEuNDUxLTIuMTc1LTIuODI0LTIuMTc1aC0uNTM2di0xLjE0M2MyLjMyMiAwIDYuMjk5LjE1IDkuNDk4LjE1IDMuMjEgMCA3LjE3Mi0uMTUgOS43NjUtLjE1LS4wNjUgMS42MzUtLjAyOCA0LjE1My4wODMgNS44MjdsLTEuMTUuMzA2Yy0uMTg0LTIuNDc0LS42NC00LjQ1NC00LjY1LTQuNDU0aC01LjI5OHY5Ljk3M2g0LjUzNGMyLjI4OCAwIDIuNzg4LTEuMjkxIDMuMDE0LTMuMzUyaDEuMTQyYy0uMDc1IDEuNDg5LS4xMTQgMi45NzMtLjExNCA0LjQ1NSAwIDEuNDUxLjAzOSAyLjg5Ni4xMTQgNC4zNDNsLTEuMTQyLjIyNmMtLjIyNi0yLjI4Mi0uMzQyLTMuNzY4LTIuOTc5LTMuNzY4aC00LjU3djguODcxYzAgMi40NzUgMi4yMDMgMi40NzUgNC42NDYgMi40NzUgNC41ODEgMCA2LjYwMS0uMzA3IDcuNzQ3LTQuNjQybDEuMDY3LjI2MmMtLjQ5OCAyLjAyNC0uOTU0IDQuMDM2LTEuMjkzIDYuMDU4LTIuNDQ2IDAtNi44MzQtLjE1LTEwLjI2My0uMTUtMy40MzggMC03Ljk3OC4xNS0xMC4xNTMuMTV2LTEuMTQ4em0yNi44NTktMjEuNGMwLTIuNzc4LTEuNTI2LTIuODkyLTIuNzEyLTIuODkyaC0uNjg3di0xLjE0NGMxLjIyMSAwIDMuNTg2LjE1MyA1LjkxNS4xNTMgMi4yODcgMCA0LjEyLS4xNTMgNi4xNDEtLjE1MyA0LjgwNCAwIDkuMDgzIDEuMjk0IDkuMDgzIDYuNzA2IDAgMy40MjEtMi4yODggNS41MTctNS4zMDMgNi43MDNsNi41MjIgOS43NDFjMS4wNyAxLjYxMSAxLjgyOSAyLjA2MyAzLjcwMiAyLjI4NHYxLjE0OWwtMy43MzktLjE1LTMuNTg0LjE1Yy0yLjkzOC0zLjg0Ni01LjQ2Mi03Ljk1OC03LjkzOS0xMi4zNDNoLTIuNTEzdjguMTUzYzAgMi45MzUgMS4zNyAzLjA0MSAzLjEyMiAzLjA0MWguNjg5djEuMTQ5bC02LjU2Mi0uMTVjLTEuODM0IDAtMy42MjcuMTUtNS41MzQuMTV2LTEuMTQ5aC42ODdjMS40MTcgMCAyLjcxMi0uNjM5IDIuNzEyLTIuMDV2LTE5LjM0OXptNC44ODYgOC44MzJoMS44NjNjMy44MTkgMCA1Ljg3NC0xLjQ0MyA1Ljg3NC01LjkzOSAwLTMuMzg0LTIuMTczLTUuNTU2LTUuNTcxLTUuNTU2LTEuMTQ3IDAtMS42MzUuMTE3LTIuMTY2LjE1MXYxMS4zNDR6bTQzLjY4IDYuMjA5bC4wNjgtLjA3NXYtMTQuMjc3YzAtMy4xMjQtMi4xNzEtMy41ODEtMy4zMTQtMy41ODFoLS44Mzd2LTEuMTQzbDUuMzQuMTUxIDQuNy0uMTUxdjEuMTQzaC0uNTc3Yy0xLjYwMSAwLTMuMzk2LjMwNi0zLjM5NiA0LjgzNnYxNy4zM2MwIDEuMzMxLjAzNiAyLjY2Mi4yMjUgMy44NDJoLTEuNDQ2bC0xOS42NDktMjEuODZ2MTUuNjkyYzAgMy4zMTMuNjQ3IDQuNDUyIDMuNTg0IDQuNDUyaC42NDh2MS4xNDhsLTQuOTE4LS4xNS01LjE5Mi4xNXYtMS4xNDhoLjUyOWMyLjYzNyAwIDMuNDM4LTEuNzg2IDMuNDM4LTQuODI5di0xNi4wMzljMC0yLjEyOS0xLjc1Ni0zLjQyMy0zLjQ3LTMuNDIzaC0uNDk3di0xLjE0M2w0LjM4OS4xNTEgMy4zOTQtLjE1MSAxNi45OCAxOS4wNzZ6bTEyLjA5MiAyLjA2MWMtLjM4OCAxLjI5Mi0uODQ3IDIuMjg5LS44NDcgMi45NjggMCAxLjE0NCAxLjYwNCAxLjMzIDIuODYgMS4zM2guNDI3djEuMTQ4Yy0xLjUyOS0uMDgzLTMuMDg4LS4xNDgtNC42MjUtLjE0OC0xLjM3MSAwLTIuNzM2LjA2NS00LjExNS4xNDh2LTEuMTQ4aC4yMzFjMS40ODcgMCAyLjc0OS0uODc0IDMuMzEzLTIuNDc3bDYuMTEyLTE3LjQ3MWMuNDktMS40MDkgMS4xODQtMy4zMTQgMS40MTQtNC43MjggMS4yMTUtLjQxMyAyLjc0NC0xLjE3NCAzLjQ2OS0xLjYzMi4xMTctLjA0MS4xODQtLjA4LjMwNS0uMDguMTE0IDAgLjE4NCAwIC4yNy4xMTcuMTE0LjMwNC4yMjEuNjQ3LjM0NS45NTFsNy4wMTkgMTkuOTE4Yy40NTYgMS4zMzEuOTEgMi43MzkgMS40MDQgMy44ODYuNDYzIDEuMDY2IDEuMjY0IDEuNTE2IDIuNTI0IDEuNTE2aC4yMjh2MS4xNDhjLTEuNzE3LS4wODMtMy40MzYtLjE0OC01LjI2NC0uMTQ4LTEuODY4IDAtMy43ODIuMDY1LTUuNzI4LjE0OHYtMS4xNDhoLjQyM2MuODczIDAgMi4zNjYtLjE0OCAyLjM2Ni0xLjEwMiAwLS40OTItLjM0NC0xLjUyLS43Ny0yLjc0MmwtMS40ODQtNC40MTZoLTguNjYxbC0xLjIxNyAzLjk2M3ptNS41NjgtMTYuODcyaC0uMDc4bC0zLjU0OSAxMC43NzhoNy4xM2wtMy41MDMtMTAuNzc4em0xNi40NDQtMi4zNjJjLTIuODYzIDAtMi45NzcuNjg2LTMuNTUgMy40NjJoLTEuMTQ3Yy4xNS0xLjA2NS4zNDQtMi4xMjkuNDYzLTMuMjM2LjE1MS0xLjA2OC4yMjMtMi4xMjkuMjIzLTMuMjMzaC45MmMuMzAzIDEuMTQ0IDEuMjYxIDEuMTA0IDIuMjg3IDEuMTA0aDE5LjY5MWMxLjAyNiAwIDEuOTc5LS4wMzcgMi4wNTctMS4xODJsLjkxNC4xNTNjLS4xNDcgMS4wMjktLjMgMi4wNTUtLjQxNCAzLjA4NS0uMDg1IDEuMDI5LS4wODUgMi4wNTgtLjA4NSAzLjA4M2wtMS4xNDIuNDIzYy0uMDctMS40MDgtLjI2Mi0zLjY1OS0yLjgxOS0zLjY1OWgtNi4yNTl2MjAuMjU5YzAgMi45MzcgMS4zMzkgMy4yNzIgMy4xNjYgMy4yNzJoLjcyNnYxLjE0OGMtMS40ODkgMC00LjE1OC0uMTUtNi4yMi0uMTUtMi4yODUgMC00Ljk2Mi4xNS02LjQ0OS4xNXYtMS4xNDhoLjcyNWMyLjEwMiAwIDMuMTY5LS4xODcgMy4xNjktMy4xOTJ2LTIwLjMzOWgtNi4yNTd6bTIzLjI2NCAyMy41MzFoLjUzNGMxLjM3OCAwIDIuODIxLS4xODUgMi44MjEtMi4xNjh2LTE5Ljk0OGMwLTEuOTg2LTEuNDQzLTIuMTc1LTIuODIxLTIuMTc1aC0uNTM0di0xLjE0M2MxLjQ5MiAwIDMuNzc3LjE1IDUuNjQzLjE1IDEuOTE0IDAgNC4yMDItLjE1IDUuOTk4LS4xNXYxLjE0M2gtLjUzNGMtMS4zNzYgMC0yLjgyOS4xODktMi44MjkgMi4xNzV2MTkuOTQ4YzAgMS45ODMgMS40NTMgMi4xNjggMi44MjkgMi4xNjhoLjUzNHYxLjE0OGMtMS44MzQgMC00LjEyNC0uMTUtNi4wMjktLjE1LTEuODczIDAtNC4xMi4xNS01LjYxMi4xNXYtMS4xNDh6bTI2Ljg1Ny0yNi4wMDNjOC4xMzUgMCAxNC42MTYgNS4wMjkgMTQuNjE2IDEzLjE0IDAgOC43NTktNi4yOTYgMTQuNTgxLTE0LjQxOSAxNC41ODEtOC4wOTYgMC0xNC4yNzMtNS40ODItMTQuMjczLTEzLjY3IDAtNy45MTkgNi4xNDEtMTQuMDUyIDE0LjA3Ni0xNC4wNTJ6bS41NzcgMjYuMDQ1YzcuNDA0IDAgOC42OTItNi41MTYgOC42OTItMTIuMDY3IDAtNS41NjktMy4wMDUtMTIuMzA2LTkuMzQyLTEyLjMwNi02LjY3OSAwLTguNjYxIDUuOTQyLTguNjYxIDExLjA0IDAgNi44MTcgMy4xMjggMTMuMzMzIDkuMzExIDEzLjMzM3ptMzkuNzUtNi40MDFsLjA3OC0uMDc1di0xNC4yNzdjMC0zLjEyNC0yLjE4MS0zLjU4MS0zLjMyNi0zLjU4MWgtLjgyN3YtMS4xNDNsNS4zMy4xNTEgNC43MDItLjE1MXYxLjE0M2gtLjU3N2MtMS41OTkgMC0zLjM5Ni4zMDYtMy4zOTYgNC44MzZ2MTcuMzNjMCAxLjMzMS4wMzYgMi42NjIuMjMgMy44NDJoLTEuNDQ4bC0xOS42NTQtMjEuODZ2MTUuNjkyYzAgMy4zMTMuNjUgNC40NTIgMy41ODQgNC40NTJoLjY1MXYxLjE0OGwtNC45Mi0uMTUtNS4xOTUuMTV2LTEuMTQ4aC41MzljMi42MzcgMCAzLjQzLTEuNzg2IDMuNDMtNC44Mjl2LTE2LjAzOWMwLTIuMTI5LTEuNzQ2LTMuNDIzLTMuNDctMy40MjNoLS40OTh2LTEuMTQzbDQuMzg5LjE1MSAzLjM5Ni0uMTUxIDE2Ljk4MSAxOS4wNzZ6bTEyLjA4NyAyLjA2MWMtLjM3NSAxLjI5Mi0uODM3IDIuMjg5LS44MzcgMi45NjggMCAxLjE0NCAxLjYwNyAxLjMzIDIuODU4IDEuMzNoLjQyN3YxLjE0OGMtMS41MjgtLjA4My0zLjA5NC0uMTQ4LTQuNjItLjE0OC0xLjM3OCAwLTIuNzQ2LjA2NS00LjExNC4xNDh2LTEuMTQ4aC4yMTdjMS40OTMgMCAyLjc1Ny0uODc0IDMuMzIxLTIuNDc3bDYuMTE0LTE3LjQ3MWMuNDkzLTEuNDA5IDEuMTg0LTMuMzE0IDEuNDA1LTQuNzI4IDEuMjIzLS40MTMgMi43NDctMS4xNzQgMy40NzktMS42MzIuMTA5LS4wNDEuMTg2LS4wOC4zMDEtLjA4LjExNCAwIC4xODcgMCAuMjY0LjExN2wuMzQ5Ljk1MSA3LjAxNiAxOS45MThjLjQ1OCAxLjMzMS45MTQgMi43MzkgMS40MTUgMy44ODYuNDU4IDEuMDY2IDEuMjYyIDEuNTE2IDIuNTE4IDEuNTE2aC4yMzN2MS4xNDhjLTEuNzItLjA4My0zLjQzOC0uMTQ4LTUuMjcyLS4xNDgtMS44NjUgMC0zLjc3Ny4wNjUtNS43MjMuMTQ4di0xLjE0OGguNDIyYy44NzEgMCAyLjM3LS4xNDggMi4zNy0xLjEwMiAwLS40OTItLjM0Ny0xLjUyLS43NzItMi43NDJsLTEuNDgyLTQuNDE2aC04LjY2MmwtMS4yMjUgMy45NjN6bTUuNTc2LTE2Ljg3MmgtLjA3N2wtMy41NTQgMTAuNzc4aDcuMTQxbC0zLjUxMS0xMC43Nzh6bTI0LjM4MSAxOC41ODNjMCAxLjUyNiAxLjA2IDEuOTggMi4yODIgMi4xMzYgMS41NjUuMTE1IDMuMjgyLjExNSA1LjA0Mi0uMDc4IDEuNTk5LS4xOTIgMi45NzItMS4xMDQgMy42NTgtMi4wNTguNjA5LS44MzkuOTUxLTEuOTAzIDEuMTg0LTIuNzQyaDEuMTA2Yy0uNDE5IDIuMTctLjk1NCA0LjMwNy0xLjQxNSA2LjQ3NmwtMTAuMDY2LS4xNDgtMTAuMDc0LjE0OHYtMS4xNDhoLjUyNmMxLjM3OSAwIDIuODcxLS4xODUgMi44NzEtMi41NDl2LTE5LjU3YzAtMS45ODUtMS40OTItMi4xNzMtMi44NzEtMi4xNzNoLS41MjZ2LTEuMTQzbDYuMDI0LjE1MSA1LjgwNC0uMTUxdjEuMTQzaC0uOTU5Yy0xLjQ0NiAwLTIuNTg1LjA0Mi0yLjU4NSAyLjA1NnYxOS42NDl6IiBmaWxsPSIjMUExOTE4Ii8+PC9zdmc+");
}
.rccs__card--discover > div {
  color: #555;
}
.rccs__card--discover .rccs__card__background {
  background: linear-gradient(25deg, #fff, #eee);
}
.rccs__card--discover .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9Ijg2IiB2aWV3Qm94PSIwIDAgNTEyIDg2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIyMC40NDIlIiB5MT0iMTAuNTk5JSIgeDI9Ijg5LjI0NSUiIHkyPSI4My41MyUiIGlkPSJhIj48c3RvcCBzdG9wLWNvbG9yPSIjRTI1NDI5IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0Y5OUQzRSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMjcwLjM1Ni4zNjVjLTIzLjk4MiAwLTQzLjQ0IDE4LjczNS00My40NCA0MS44NTggMCAyNC41ODMgMTguNjEyIDQyLjk2IDQzLjQ0IDQyLjk2IDI0LjIwOCAwIDQzLjMyMS0xOC42MiA0My4zMjEtNDIuNDc4IDAtMjMuNzE2LTE4Ljk4Ni00Mi4zNC00My4zMjEtNDIuMzR6IiBpZD0iYiIvPjxmaWx0ZXIgeD0iLTUwJSIgeT0iLTUwJSIgd2lkdGg9IjIwMCUiIGhlaWdodD0iMjAwJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iYyI+PGZlTW9ycGhvbG9neSByYWRpdXM9IjIiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRJbm5lcjEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyLjUiIGluPSJzaGFkb3dTcHJlYWRJbm5lcjEiIHJlc3VsdD0ic2hhZG93Qmx1cklubmVyMSIvPjxmZU9mZnNldCBkeD0iMiIgZHk9IjIiIGluPSJzaGFkb3dCbHVySW5uZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldElubmVyMSIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93T2Zmc2V0SW5uZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIgcmVzdWx0PSJzaGFkb3dJbm5lcklubmVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4zMDE2NTg3NDEgMCIgaW49InNoYWRvd0lubmVySW5uZXIxIi8+PC9maWx0ZXI+PC9kZWZzPjx1c2UgZmlsbD0idXJsKCNhKSIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjYiIvPjx1c2UgZmlsdGVyPSJ1cmwoI2MpIiB4bGluazpocmVmPSIjYiIvPjxwYXRoIGQ9Ik0yMy43NDYgMS44OTFoLTIzLjM1M3Y4MS40NTRoMjMuMjMyYzEyLjMyNSAwIDIxLjI0LTIuOTIxIDI5LjA1OS05LjM5OCA5LjI3OC03LjY5NSAxNC43ODEtMTkuMjk4IDE0Ljc4MS0zMS4yODkgMC0yNC4wNDgtMTcuOTY1LTQwLjc2Ni00My43MTktNDAuNzY2em0xOC41NzMgNjEuMTc2Yy01LjAyMiA0LjUzMS0xMS40ODYgNi40ODgtMjEuNzYgNi40ODhoLTQuMjY4di01My44NzNoNC4yNjhjMTAuMjc0IDAgMTYuNDkxIDEuODM0IDIxLjc2IDYuNTkzIDUuNDk1IDQuODg2IDguNzcyIDEyLjQ1MiA4Ljc3MiAyMC4yNjUgMCA3LjgyOS0zLjI3NyAxNS42Ni04Ljc3MiAyMC41Mjd6bTMyLjQ4IDIwLjI3OGgxNS44NzF2LTgxLjQ1NGgtMTUuODcxdjgxLjQ1NHptNTQuNzI3LTUwLjIwOWMtOS41MzktMy41MzQtMTIuMzQ2LTUuODY1LTEyLjM0Ni0xMC4yNDcgMC01LjEzNCA0Ljk5OC05LjAzOSAxMS44NDktOS4wMzkgNC43NjMgMCA4LjY3MSAxLjk1MyAxMi44MzYgNi41OGw4LjI5NC0xMC44NTJjLTYuODM5LTUuOTk4LTE1LjAyMS05LjA0Ny0yMy45NDYtOS4wNDctMTQuMzk4IDAtMjUuMzk5IDEwLjAyLTI1LjM5OSAyMy4zMiAwIDExLjI0NyA1LjEyNiAxNi45ODEgMjAuMDMxIDIyLjM2OSA2LjIzMyAyLjE4OCA5LjQwMSAzLjY0NiAxMC45OTMgNC42NDMgMy4xNzUgMi4wNzcgNC43NjkgNC45OTggNC43NjkgOC40MTYgMCA2LjYwNS01LjI1NyAxMS40ODMtMTIuMzUxIDExLjQ4My03LjU3NCAwLTEzLjY3NC0zLjc4Mi0xNy4zNDEtMTAuODY1bC0xMC4yNDcgOS45MDVjNy4zMTMgMTAuNzMzIDE2LjEwOSAxNS41MTEgMjguMjE0IDE1LjUxMSAxNi40ODggMCAyOC4wODQtMTEuMDA3IDI4LjA4NC0yNi43NTggMC0xMi45NDgtNS4zNjEtMTguODE1LTIzLjQ0My0yNS40MTl6bTI4LjQ0OSA5LjUyMWMwIDIzLjk2NSAxOC44MTUgNDIuNTI1IDQzLjAwNiA0Mi41MjUgNi44MzkgMCAxMi43MDEtMS4zNTIgMTkuOTE1LTQuNzU4di0xOC42OTdjLTYuMzYxIDYuMzU4LTExLjk4IDguOTE2LTE5LjE4OSA4LjkxNi0xNS45OTcgMC0yNy4zNjQtMTEuNjA2LTI3LjM2NC0yOC4xMDIgMC0xNS42MjYgMTEuNzIxLTI3Ljk2NSAyNi42MzgtMjcuOTY1IDcuNTYxIDAgMTMuMzExIDIuNjg2IDE5LjkxNSA5LjE1OXYtMTguNjk2Yy02Ljk2Mi0zLjUzMS0xMi43MTItNC45ODUtMTkuNTUyLTQuOTg1LTI0LjA2NyAwLTQzLjM2OSAxOC45MzUtNDMuMzY5IDQyLjYwNHptMTkxLjY1MSAxMy45NDhsLTIxLjc0My01NC43MTVoLTE3LjM0NmwzNC41NzkgODMuNTM0aDguNTQzbDM1LjE4My04My41MzRoLTE3LjIxOGwtMjIgNTQuNzE1em00Ni40MzkgMjYuNzM5aDQ1LjA2NnYtMTMuNzg5aC0yOS4xODh2LTIyLjAwMWgyOC4wNzJ2LTEzLjc5MmgtMjguMDcydi0xOC4wNzloMjkuMTg4di0xMy43OTJoLTQ1LjA2NnY4MS40NTR6bTEwNy45NTUtNTcuNDE1YzAtMTUuMjU5LTEwLjQ5LTI0LjAzOS0yOC44MjMtMjQuMDM5aC0yMy41Nzd2ODEuNDU0aDE1Ljg5NXYtMzIuNzM3aDIuMDhsMjEuOTc1IDMyLjczN2gxOS41NDRsLTI1LjY2Ny0zNC4zMTFjMTEuOTg4LTIuNDUxIDE4LjU3My0xMC42MzggMTguNTczLTIzLjEwNHptLTMxLjg4MiAxMy40NTJoLTQuNjIzdi0yNC42ODNoNC44NzdjOS45MTYgMCAxNS4yODcgNC4xNjUgMTUuMjg3IDEyLjA5MiAwIDguMTc4LTUuMzcyIDEyLjU5LTE1LjU0MSAxMi41OXoiIGZpbGw9IiMwQjEwMTUiLz48L3N2Zz4=");
}
.rccs__card--elo .rccs__card__background {
  background: linear-gradient(25deg, #211c18, #aaa7a2);
}
.rccs__card--elo .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjU2IDBjMTQxLjM4NSAwIDI1NiAxMTQuNjE1IDI1NiAyNTYgMCAxNDEuMzg2LTExNC42MTUgMjU2LTI1NiAyNTZzLTI1Ni0xMTQuNjE0LTI1Ni0yNTZjMC0xNDEuMzg1IDExNC42MTUtMjU2IDI1Ni0yNTYiIGZpbGw9IiMwRTBFMTEiLz48cGF0aCBkPSJNMTgwLjA0MiAyMzcuNTgzbC03OC41MjQgMzMuODM3Yy0uMTIyLTEuMzUzLS4xODktMi43MjEtLjE4OS00LjEwNiAwLTI0LjgzOSAyMC4xMzUtNDQuOTc0IDQ0Ljk3NC00NC45NzQgMTMuNDM4IDAgMjUuNDk5IDUuODk4IDMzLjczOSAxNS4yNDN6bS0zMy43MzktNDguODc2YzM3LjA1MyAwIDY4LjExMiAyNS42MzggNzYuNDIgNjAuMTQzbC0zMS42ODIgMTMuODUzLS4wMDctLjA2Ni0zMi40MTMgMTQuMjQxLTc3Ljc1NSAzMy45OTdjLTguMzE4LTEyLjQ3LTEzLjE3LTI3LjQ0OC0xMy4xNy00My41NjEgMC00My40MTQgMzUuMTkzLTc4LjYwNyA3OC42MDctNzguNjA3em01NC45MjggMTM0LjgzOGMtMjguMTQ1IDI2LjcxMy02NS4zNzkgMjkuMzM1LTk4LjA5NiA5LjQ3M2wxOC40ODUtMjguMTA0YzE4LjYxNyAxMS4xMjggMzcuMzE5IDkuMzIzIDU2LjEwNy01LjQyOGwyMy41MDQgMjQuMDZ6bTMyLjAwNy0xOS40NTdsLS4xOTgtMTQ4LjY1MmgyOC4xNjN2MTQ0LjYzOGMwIDEuMzg4LjE3MiAyLjYxIDEuOTkyIDMuMzE3bDI0LjUgOS41MjgtMTEuMDM4IDI4LjctMjguNy0xMi4xNDNjLTEwLjg4My00LjYwNS0xNC43LTExLjI3Ny0xNC43MTktMjUuMzg5eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0zMzkuMjggMzAxLjU4N2MtMTAuNTU3LTguMjA4LTE3LjM1NC0yMS4wMTgtMTcuMzU0LTM1LjQyNiAwLTEyLjgwOSA1LjM3Ny0yNC4zNTQgMTMuOTg1LTMyLjUyOWwtMTguMTktMjkuNDhjLTE4LjI4NSAxNC40ODctMzAuMDI4IDM2Ljg3LTMwLjAyOCA2Mi4wMDkgMCAyNy4wOTYgMTMuNjMyIDUxLjAwMiAzNC40MDcgNjUuMjU0bDE3LjE3OS0yOS44MjgiIGZpbGw9IiMyMDkxQzMiLz48cGF0aCBkPSJNMzUxLjYxIDIyMy45MzhjNC43NC0xLjcwNSA5Ljg1LTIuNjM5IDE1LjE3OC0yLjYzOSAxOS4yMDggMCAzNS41ODggMTIuMDc3IDQxLjk4NSAyOS4wNDhsMzQuODU2LTIuOTEyYy04LjQxNC0zNC42NC0zOS42MTMtNjAuMzY2LTc2Ljg0MS02MC4zNjYtMTAuNTE5IDAtMjAuNTQ5IDIuMDcxLTI5LjczIDUuNzk5bDE0LjU1MiAzMS4wNzEiIGZpbGw9IiNGQUVDMzIiLz48cGF0aCBkPSJNNDExLjU5NSAyNjguMzM1Yy0xLjEzNSAyMy43NjYtMjAuNzYgNDIuNjg4LTQ0LjgwNyA0Mi42ODgtMy43NyAwLTcuNDI4LS40NzItMTAuOTI1LTEuMzQ3bC0xMy42NzMgMzEuNjU3YzcuNzQ1IDIuNTMxIDE2LjAwNyAzLjkyIDI0LjU5OCAzLjkyIDQyLjU5MSAwIDc3LjMwMi0zMy42NyA3OS4wMDktNzUuODQybC0zNC4yMDMtMS4wNzciIGZpbGw9IiNEMDM1MkEiLz48L2c+PC9zdmc+");
}
.rccs__card--hipercard .rccs__card__background {
  background: linear-gradient(25deg, #8b181b, #de1f27);
}
.rccs__card--hipercard .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjEyMyIgdmlld0JveD0iMCAwIDUxMiAxMjMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik0zNzQuMTE4IDgwLjg0MmMtNi45NDMgNi43OTctMjYuNDM0IDguNzI4LTI0LjQ0LTcuNTIgMS42NTYtMTMuNDk1IDE2LjM0OC0xNi4zNjMgMzIuMjczLTE0LjQxNC0xLjE4NCA3LjM4MS0yLjU0MiAxNi43NTUtNy44MzMgMjEuOTM0em0tMjEuOTM0LTUyLjY0MWMtLjY2MyAzLjcyMy0xLjY4MSA3LjA5Mi0yLjUwNiAxMC42NTMgNy45NTEtMS45OTMgMzIuNzA5LTguMTA1IDM1LjA5NSAyLjUwNi43OTIgMy41MjYtLjU3NCA3LjI3Mi0xLjU2NyAxMC4wMjgtMjIuMzg5LTIuMTIxLTQwLjYzNiAxLjU5OS00NS40MzUgMTcuNTQ3LTMuMjE0IDEwLjY4Mi4zNiAyMS4xOTQgNy4yMDcgMjQuMTI5IDEzLjE4NyA1LjY0OSAyOS4yMjgtLjgyMiAzNC43ODEtOS43MTQtLjU3NyAzLjA3OC0xLjEyMyA2LjE4Ny0uOTQgMTAuMDI2aDExLjU5NGMuMTIzLTExLjEwMyAxLjczOS0yMC4wOTEgMy40NDctMzAuMDgyIDEuNDU2LTguNTA4IDQuMTk1LTE2LjkzMSAzLjc1OS0yNC40NC0uOTk1LTE3LjE5Ny0yOS40ODYtMTEuMTE0LTQ1LjQzNC0xMC42NTN6bTExNi4yNDkgNTcuOTY4Yy05LjA3LjE5NS0xMy41OC01LjQxOS0xMy43ODctMTQuNzI2LS4zNjEtMTYuMzAxIDYuNzg5LTM0LjQxMSAyMS4zMDctMzYuMDM1IDYuNzYtLjc1NiAxMS42NTQuODE2IDE2LjYwNyAyLjUwOC00LjU0NyAxOC4zMS0yLjkwNSA0Ny43OTktMjQuMTI4IDQ4LjI1NHptMzAuMDgxLTg2LjE2OWMtMS4xNTUgMTAuMTI1LTIuNjk5IDE5Ljg2Mi00LjY5OSAyOS4xNC0zMy4wNTEtMTAuNDYxLTUzLjMyIDEzLjg1NS01Mi45NTYgNDMuODY4LjA3MiA1LjgwNSAxLjA3MSAxMS41NjEgNC43MDEgMTUuNjY3IDYuMjU2IDcuMDc2IDI0LjE3IDguNzY4IDMzLjIxNCAyLjgyMSAxLjc1Mi0xLjE1MSAzLjU0LTMuMjQ2IDQuNzAxLTQuNy44NzEtMS4wOTUgMi4yNTYtMy45NTkgMi41MDUtMy4xMzUtLjQ3NCAzLjE4Mi0xLjE4NSA2LjEyNy0xLjI1MiA5LjcxNWgxMi4yMmMyLjM1NC0zMy43ODQgOS42MzctNjIuNjQxIDE1LjA0LTkzLjM3NmgtMTMuNDc1em0tMzQ0Ljk4OSA4MS4xNTZjLTcuMjA5IDcuNjM1LTI0LjkzMSA3LjUxOC0yNi4zMi01LjMyOC0uNjA2LTUuNTg5IDEuNDc3LTExLjQ1IDIuNTA2LTE3LjIzMyAxLjA0MS01Ljg1MyAxLjc5MS0xMS40NjkgMi44MTktMTYuNjA5IDcuMS04LjY3IDI3Ljk2NS05LjcxNiAzMC4wODIgNC43MDEgMS44MzcgMTIuNTE3LTMuMTE3IDI4LjE0NS05LjA4NyAzNC40Njh6bTEwLjY1NC01Mi45NTVjLTExLjQwNC00LjI4NC0yNS4zMDMuODMtMzEuMzI4IDUuNjk0LjAyMS4yMTQtLjE0NC4yNDMtLjMyMS4yNTlsLjMyMS0uMjU5LS4wMDctLjA1NC45NC01LjY0aC0xMS41OTRjLTQuODMxIDMyLjE0My0xMC41NjEgNjMuMzg3LTE2LjYwNyA5NC4zMTZoMTMuNDczYzEuOTUtMTIuMDQ2IDMuMjM5LTI0Ljc1MyA1Ljk1NC0zNi4wMzQgMy4wNzcgMTEuODY1IDIzLjE2OSA5LjU5NyAzMS42NDcgNS4wMTQgMTcuNDk0LTkuNDYgMzAuOTg3LTU0LjQ4MSA3LjUyMS02My4yOTZ6bTYzLjkyMSAyMi41NjFoLTMxLjY0N2MxLjAwMS03LjI3NiA3LjU0Ny0xNS4yNzMgMTcuODU5LTE1LjY2NyA5LjcwNy0uMzcxIDE2LjY1NiAzLjU2NCAxMy43ODcgMTUuNjY3em0tMTIuODQ3LTIzLjgxNGMtOS43MzYuNzQ5LTE3Ljk2NSAzLjU1MS0yMy44MTQgOS43MTMtNy4xNzMgNy41NTgtMTIuOTgzIDI0LjI2Ni0xMS4yODEgMzkuNDgyIDIuNDI4IDIxLjcwOCAyOS40NTcgMjAuOTI5IDUxLjA3NSAxNS42NjcuMzY3LTMuODA5IDEuMjktNy4wNjYgMS44OC0xMC42NTMtOC45MDYgMy4zMzItMjQuMzY4IDcuOTg0LTMzLjUyOCAyLjE5NC02LjkxNS00LjM3My02Ljk1Ni0xNS40NDYtNC43LTI1LjA2OCAxNC41MjktLjQ2MiAyOS42MzEtLjM3NCA0NC4xODEgMCAuOTIzLTYuODIxIDMuNTY1LTE0LjI1NyAxLjI1My0yMC45OTMtMy4wNDktOC44OTQtMTMuOTYxLTExLjE5Ni0yNS4wNjctMTAuMzR6bS0xMTguNDQzIDEuMjUzYy0uMzY1LjA1Mi0uMzQxLjQ5NS0uMzE0LjkzOS0yLjk2OSAyMi4yMDMtNi45ODYgNDMuMzU4LTExLjI4IDY0LjIzNmgxMy40NzNjMy4yMzgtMjIuMzUyIDYuOTQ2LTQ0LjIzMyAxMS41OTQtNjUuMTc1aC0xMy40NzN6bTM1MS41Ny4zMTNjLTExLjkwOS01Ljk1My0yMS44MjIgNC4wMzctMjUuNjkzIDEwLjAyNyAxLjEwMi0zLjA3MyAxLjE2Ni03LjE4OCAyLjE5Mi0xMC4zMzloLTExLjkwN2MtMy4yMSAyMi4zNzktNy4wODEgNDQuMDk4LTExLjU5NCA2NS4xNzVoMTMuNzg3Yy4wODgtOC42MzggMS43ODQtMTUuMDI4IDMuMTMzLTIzLjUwMSAyLjg4Mi0xOC4wODggNy4xMTEtMzcuOTI2IDI4LjIwMi0zMS45Ni43LTMuMDYuOTktNi41MyAxLjg4LTkuNDAxem0tMTUxLjM0NSA0OS41MDhjLTEuMjQxLTMuMjA4LTEuNTYzLTguNTA3LTEuMjUzLTEyLjUzNC42OTctOS4wNTQgMy45OTYtMjAuMDc3IDkuMDg3LTI1LjA2NyA3LjAyNi02Ljg4OCAyMC44OTctNS43NDggMzEuOTYtMS44ODEuMzQzLTMuNzI5IDEuMDkzLTcuMDU0IDEuNTY3LTEwLjY1Mi0xOC4xNDUtMi45NjQtMzUuMzY1LTEuMTIxLTQ0LjQ5NCA4LjQ1OS04LjkzNiA5LjM3OC0xNC43OTYgMzAuOTMyLTEwLjY1NCA0NC40OTQgNC44NDggMTUuODcgMjYuNTgzIDE2LjczMyA0NC4xODMgMTAuNjU0Ljc3Ny0zLjE5IDEuMTktNi43NDYgMS44OC0xMC4wMjgtOS42MTYgNC45OTctMjguMDAxIDcuNTkzLTMyLjI3Ni0zLjQ0N3ptLTcuNTE5LTQ5LjgyMWMtMTEuOTQ4LTQuODI1LTIxLjMzOSAzLjMyOS0yNS42OTMgMTAuOTY3Ljk4Ny0zLjM5OCAxLjM5NC03LjM3OCAyLjE5Mi0xMC45NjdoLTExLjkwN2MtMi45MSAyMi41NzUtNy4yMDEgNDMuNzY5LTExLjI4IDY1LjE3NWgxMy40NzVjMS44ODgtMTIuNzA3IDIuNzAzLTI5LjgzNCA2Ljg5Mi00MS45ODggMy4zNDgtOS43MTMgMTIuMTExLTE3Ljk4NyAyNC43NTQtMTMuNDczLjE3OC0zLjU4MyAxLjIwMy02LjMxOCAxLjU2Ny05LjcxNHptLTIxNy4xNDYtMjYuMzIxYy0xLjkyNSAxMi40ODktNC4wOTMgMjQuNzM1LTYuMjY3IDM2Ljk3NC0xMy45NTkuMTQ3LTI4LjIxMS42OS00MS42NzQtLjMxNCAyLjU0My0xMS45NzMgNC4zNjctMjQuNjY4IDYuODkyLTM2LjY2aC0xNS4wMzljLTUuMzg1IDMwLjU0Ny0xMC4yODIgNjEuNTc5LTE2LjI5NCA5MS40OTdoMTUuMzUzYzIuNDA5LTE1LjM0OCA0LjY2MS0zMC44NTIgNy44MzMtNDUuNDM1IDEzLjA5MS0uMzIyIDI4Ljc4MS0uODg1IDQxLjM2Mi4zMTQtMi41OTQgMTUuMTYyLTUuNzI4IDI5Ljc4My04LjE0NyA0NS4xMjFoMTUuMzU0YzQuOTMyLTMwLjk5NyAxMC4xMzEtNjEuNzI4IDE2LjI5NC05MS40OTdoLTE1LjY2N3ptMzguMjI3IDEzLjc4N2MyLjY4Ni0xLjg0OSA2LjE0NS0xMC4yNzggMi4xOTQtMTMuNzg3LTEuMjUyLTEuMTExLTMuMzQ3LTEuNDMzLTYuMjY3LS45MzktMi43MS40NTctNC4yNjggMS4zNzctNS4zMjcgMi44MTktMS43MDMgMi4zMTktMy4yNjMgOS4zMS0uNjI4IDExLjkwNyAyLjU2NyAyLjUyOSA4LjMxOCAxLjE3NyAxMC4wMjggMHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
}
.rccs__card--jcb .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM5NSIgdmlld0JveD0iMCAwIDUxMiAzOTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iLTU3LjUyNyUiIHkxPSI1MC4xMjQlIiB4Mj0iMjMyLjM5MSUiIHkyPSI1MC4xMjQlIiBpZD0iYSI+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNzk0MCIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDg3M0YiIG9mZnNldD0iMjIuODUlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzQwQTczNyIgb2Zmc2V0PSI3NC4zMyUiLz48c3RvcCBzdG9wLWNvbG9yPSIjNUNCNTMxIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4MT0iLjE4MyUiIHkxPSI0OS45NiUiIHgyPSIxMDAuMjczJSIgeTI9IjQ5Ljk2JSIgaWQ9ImIiPjxzdG9wIHN0b3AtY29sb3I9IiMwMDc5NDAiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDA4NzNGIiBvZmZzZXQ9IjIyLjg1JSIvPjxzdG9wIHN0b3AtY29sb3I9IiM0MEE3MzciIG9mZnNldD0iNzQuMzMlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzVDQjUzMSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9Ii02Mi44MDIlIiB5MT0iNDkuODU4JSIgeDI9IjI1My42NzElIiB5Mj0iNDkuODU4JSIgaWQ9ImMiPjxzdG9wIHN0b3AtY29sb3I9IiMwMDc5NDAiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDA4NzNGIiBvZmZzZXQ9IjIyLjg1JSIvPjxzdG9wIHN0b3AtY29sb3I9IiM0MEE3MzciIG9mZnNldD0iNzQuMzMlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzVDQjUzMSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9Ii4xNzYlIiB5MT0iNTAuMDA2JSIgeDI9IjEwMS44MDglIiB5Mj0iNTAuMDA2JSIgaWQ9ImQiPjxzdG9wIHN0b3AtY29sb3I9IiMxRjI4NkYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDA0RTk0IiBvZmZzZXQ9IjQ3LjUxJSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDY2QjEiIG9mZnNldD0iODIuNjElIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNkZCQyIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9Ii0uNTc2JSIgeTE9IjQ5LjkxNCUiIHgyPSI5OC4xMzMlIiB5Mj0iNDkuOTE0JSIgaWQ9ImUiPjxzdG9wIHN0b3AtY29sb3I9IiM2QzJDMkYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjODgyNzMwIiBvZmZzZXQ9IjE3LjM1JSIvPjxzdG9wIHN0b3AtY29sb3I9IiNCRTE4MzMiIG9mZnNldD0iNTcuMzElIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RDMDQzNiIgb2Zmc2V0PSI4NS44NSUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRTYwMDM5IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJNNTEyIDMxNC44MzZjMCA0My44MTQtMzUuNjc3IDc5LjQ5MS03OS40OTEgNzkuNDkxaC00MzIuNTA5di0zMTQuODM2YzAtNDMuODE0IDM1LjY3Ny03OS40OTEgNzkuNDkxLTc5LjQ5MWg0MzIuNTA5djMxNC44MzZ6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTM3MS4xNjkgMjM0LjA5M2gzMi44NjFsNC4wNjgtLjMxM2M2LjI1OS0xLjI1MiAxMS41NzktNi44ODUgMTEuNTc5LTE0LjcwOSAwLTcuNTExLTUuMzItMTMuMTQ0LTExLjU3OS0xNC43MDktLjkzOS0uMzEzLTIuODE3LS4zMTMtNC4wNjgtLjMxM2gtMzIuODYxdjMwLjA0NHoiIGZpbGw9InVybCgjYSkiLz48cGF0aCBkPSJNNDAwLjI3NCAyNi42MDFjLTMxLjI5NiAwLTU2Ljk1OCAyNS4zNS01Ni45NTggNTYuOTU4djU5LjE0OWg4MC40M2MxLjg3OCAwIDQuMDY4IDAgNS42MzMuMzEzIDE4LjE1Mi45MzkgMzEuNjA5IDEwLjMyOCAzMS42MDkgMjYuNjAxIDAgMTIuODMxLTkuMDc2IDIzLjc4NS0yNS45NzYgMjUuOTc2di42MjZjMTguNDY1IDEuMjUyIDMyLjU0OCAxMS41NzkgMzIuNTQ4IDI3LjU0IDAgMTcuMjEzLTE1LjY0OCAyOC40NzktMzYuMzAzIDI4LjQ3OWgtODguMjU0djExNS43OTVoODMuNTZjMzEuMjk2IDAgNTYuOTU4LTI1LjM1IDU2Ljk1OC01Ni45NTh2LTI4NC40NzloLTgzLjI0N3oiIGZpbGw9InVybCgjYikiLz48cGF0aCBkPSJNNDE1LjYwOSAxNzMuMzc5YzAtNy41MTEtNS4zMi0xMi41MTgtMTEuNTc5LTEzLjQ1Ny0uNjI2IDAtMi4xOTEtLjMxMy0zLjEzLS4zMTNoLTI5LjczMXYyNy41NGgyOS43MzFjLjkzOSAwIDIuODE3IDAgMy4xMy0uMzEzIDYuMjU5LS45MzkgMTEuNTc5LTUuOTQ2IDExLjU3OS0xMy40NTd6IiBmaWxsPSJ1cmwoI2MpIi8+PHBhdGggZD0iTTg1LjQzOCAyNi42MDFjLTMxLjI5NiAwLTU2Ljk1OCAyNS4zNS01Ni45NTggNTYuOTU4djE0MC41MThjMTUuOTYxIDcuODI0IDMyLjU0OCAxMi44MzEgNDkuMTM0IDEyLjgzMSAxOS43MTYgMCAzMC4zNTctMTEuODkyIDMwLjM1Ny0yOC4xNjZ2LTY2LjM0N2g0OC44MjJ2NjYuMDM0YzAgMjUuNjYzLTE1Ljk2MSA0Ni42MzEtNzAuMTAzIDQ2LjYzMS0zMi44NjEgMC01OC41MjMtNy4xOTgtNTguNTIzLTcuMTk4djExOS44NjNoODMuNTZjMzEuMjk2IDAgNTYuOTU4LTI1LjM1IDU2Ljk1OC01Ni45NTh2LTI4NC4xNjZoLTgzLjI0N3oiIGZpbGw9InVybCgjZCkiLz48cGF0aCBkPSJNMjQyLjg1NiAyNi42MDFjLTMxLjI5NiAwLTU2Ljk1OCAyNS4zNS01Ni45NTggNTYuOTU4djc0LjQ4NGMxNC4zOTYtMTIuMjA1IDM5LjQzMy0yMC4wMjkgNzkuODA0LTE4LjE1MiAyMS41OTQuOTM5IDQ0Ljc1MyA2Ljg4NSA0NC43NTMgNi44ODV2MjQuMDk4Yy0xMS41NzktNS45NDYtMjUuMzUtMTEuMjY3LTQzLjE4OC0xMi41MTgtMzAuNjctMi4xOTEtNDkuMTM0IDEyLjgzMS00OS4xMzQgMzkuMTIgMCAyNi42MDEgMTguNDY1IDQxLjYyMyA0OS4xMzQgMzkuMTIgMTcuODM5LTEuMjUyIDMxLjYwOS02Ljg4NSA0My4xODgtMTIuNTE4djI0LjA5OHMtMjIuODQ2IDUuOTQ2LTQ0Ljc1MyA2Ljg4NWMtNDAuMzcyIDEuODc4LTY1LjQwOC01Ljk0Ni03OS44MDQtMTguMTUydjEzMS40NDNoODMuNTZjMzEuMjk2IDAgNTYuOTU4LTI1LjM1IDU2Ljk1OC01Ni45NTh2LTI4NC43OTJoLTgzLjU2eiIgZmlsbD0idXJsKCNlKSIvPjwvc3ZnPg==");
}
.rccs__card--laser .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM2OCIgdmlld0JveD0iMCAwIDUxMiAzNjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGZpbGw9IiMyODM0N0QiIGQ9Ik0wIDM2Ny4yMTJoNTEydi0zNjcuMjExaC01MTJ6Ii8+PHBhdGggZD0iTTI1My45MSAyOTEuMDQzaC0yNTMuOTF2Mi4wOTZoMjUyLjY5bC4xMTYgNy42MjIgNC43NjQtNy42MjJoMjU0LjQzdi0yLjA5NmgtMjUzLjI3MWwzLjY2My02LjExMi04LjQ4MiA2LjExMnptMi41NTYtMjAuMDg0aC0yNTYuNDY2djIuMDk2aDI1NS40Mmw5LjE0NyA4LjM5OCA1LjExMi04LjM5OGgyNDIuMzIxdi0yLjA5NmgtMjQxLjA0NWw0LjY3Ny03LjY4NC0xOS4xNjYgNy42ODR6bTIuMTUtMjAuMDgzaC0yNTguNjE2djIuMDk2aDI1NS45OTlsMjAuODgyIDguMjUyIDUuMDIyLTguMjUyaDIzMC4wOTd2LTIuMDk2aC0yMjguODJsNC4xMS02Ljc1Mi0yOC42NzQgNi43NTJ6bS02Ljk3Mi0yMC4wODNoLTI1MS42NDR2Mi4wOTZoMjUwLjAxN2wzOS4zNDIgNy44MzYgNC43Ny03LjgzNmgyMTcuODcxdi0yLjA5NmgtMjE2LjU5NGw0LjEzNC03LjI1Mi00Ny44OTYgNy4yNTJ6bS0yMi43NzUtMTcuMDU3aC0yMjguODY4djIuMDk2aDIzNy43bDYzLjEgNS45OTYgMy43MTEtNS45OTZoMjA3LjQ4OXYtMi4wOTZoLTIwNi4yMTRsNS4xMy04LjMyNC04Mi4wNDggOC4zMjR6bS0zLjMxLTIwLjA4M2gtMjI1LjU1OHYyLjA5NmgyMjYuMDgxbDg2Ljg4OSA2LjExMiAzLjc2Ni02LjExMmgxOTUuMjY0di0yLjA5NmgtMTkzLjk4OGw0LjUzNS03LjQ1MS05Ni45ODkgNy40NTF6bS0zLjEzOC0yMC4wODNoLTIyMi40MnYyLjA5NmgyMjEuOTU1bDEwMy4xMjEgNi4zNDQgMy44ODYtNi4zNDRoMTgzLjAzOHYtMi4wOTZoLTE4MS43NjNsNC40MzQtNy4yMTgtMTEyLjI1MSA3LjIxOHptLTguNzcyLTIwLjA4M2gtMjEzLjY0N3YyLjA5NWgyMTMuMjk4bDEyMy40ODIgNy42NjcgNC42MDUtNy42NjdoMTcwLjYxNXYtMi4wOTVoLTE2OS4zNTZsNC4wNzgtNi43ODgtMTMzLjA3NSA2Ljc4OHptLTE5LjA1Ny0xNy4yODloLTE5NC41OTF2Mi4wOTZoMTk0LjQxNmwxNTMuNjY3IDYuMTM4IDMuNjg5LTYuMTM4aDE2MC4yMjh2LTIuMDk2aC0xNTguOTdsNC42MzEtNy43MDktMTYzLjA3IDcuNzA5em00Ljc2NS0yMC4wODRoLTE5OS4zNTV2Mi4wOTZoMTk4LjMwOGwxNjEuNDQzIDYuODEgNC4wODQtNi44MWgxNDguMTY1di0yLjA5NmgtMTQ2LjkwNmw0LjAxNS02LjY4NC0xNjkuNzU0IDYuNjg0em0tMTEuMzMtMjAuMDgzaC0xODguMDI1djIuMDk2aDE4Ni45NzlsMTg0LjY3NiA3LjEwMiA0LjI0NC03LjEwMmgxMzYuMTAxdi0yLjA5NmgtMTM0Ljg0MmwzLjY3Ny02LjE3MS0xOTIuODEgNi4xNzF6bS04Ljg4OS0yMC4wODNoLTE3OS4xMzZ2Mi4wOTZoMTY0Ljg0NGwyMTkuMDg2IDYuNzEzIDQuMDMzLTYuNzEzaDEyNC4wMzd2LTIuMDk2aC0xMjIuNzc4bDMuNjc4LTYuMTIxLTIxMy43NjQgNi4xMjF6bS0xLjIyLTIwLjA4M2gtMTc3LjkxNnYyLjA5NmgxNzUuNjVsMjE5Ljc0OCA3LjcwNiA0LjYzLTcuNzA2aDExMS45NzJ2LTIuMDk2aC0xMTAuNzE0bDMuOTIyLTYuNTItMjI3LjI5MiA2LjUyem0tMTIuMzc1LTIwLjA4M2gtMTY1LjU0MXYyLjA5NWgxMzIuNTQybDI3NS4yOTkgNy4wNzggNC4yNTEtNy4wNzhoOTkuOTA4di0yLjA5NWgtOTguNjQ5bDMuODE3LTYuMzU2LTI1MS42MjcgNi4zNTZ6bS04Mi4yMjctMTYuNjQ5aC04My4zMTR2Mi4wOTZoMjAwLjA1MmwyMTkuNTU0IDQuMTM4IDIuNDg3LTQuMTM4aDg5LjkwN3YtMi4wOTZoLTg4LjY0OGw1LjU4OC05LjMwMy0zNDUuNjI1IDkuMzAzeiIgZmlsbD0iI0VCMEQ3RiIvPjxwYXRoIGQ9Ik0xMzQuNzEgMzQ5LjE0MXYtMzcuNjE4aDcuNjQzdjMxLjIyN2gxOS4wMDV2Ni4zOTFoLTI2LjY0OHptODMuMTU1IDBoLTguMzE0bC0zLjMwNi04LjYxNWgtMTUuMTMybC0zLjEyNCA4LjYxNWgtOC4xMDhsMTQuNzQ0LTM3LjkyOWg4LjA4MmwxNS4xNTcgMzcuOTI5em0tMTQuMDczLTE1LjAwNmwtNS4yMTYtMTQuMDc1LTUuMTEzIDE0LjA3NWgxMC4zMjl6bTMzLjExMiAyLjY2NWw3LjQzNi0uNzI1Yy40NDcgMi41MDIgMS4zNTYgNC4zMzkgMi43MjUgNS41MTEgMS4zNjggMS4xNzQgMy4yMTUgMS43NTkgNS41MzkgMS43NTkgMi40NiAwIDQuMzE3LS41MjEgNS41NjQtMS41NjYgMS4yNDgtMS4wNDIgMS44NzItMi4yNjMgMS44NzItMy42NiAwLS44OTYtLjI2My0xLjY2LS43ODctMi4yOS0uNTI1LS42MjktMS40NDQtMS4xNzYtMi43NTItMS42NDItLjg5NC0uMzExLTIuOTM1LS44NjItNi4xMTktMS42NTYtNC4wOTctMS4wMTctNi45NzEtMi4yNjctOC42MjQtMy43NTItMi4zMjMtMi4wODYtMy40ODUtNC42MzEtMy40ODUtNy42MzIgMC0xLjkzMS41NDYtMy43MzkgMS42MzktNS40MTkgMS4wOTMtMS42ODMgMi42NjgtMi45NjQgNC43MjYtMy44NDMgMi4wNTctLjg4IDQuNTM5LTEuMzE5IDcuNDUtMS4zMTkgNC43NTEgMCA4LjMyOCAxLjA0NCAxMC43MjggMy4xMyAyLjQwMyAyLjA4NyAzLjY2MSA0Ljg3NCAzLjc4NCA4LjM1NmwtNy42NDMuMzM3Yy0uMzI5LTEuOTQ4LTEuMDMxLTMuMzUtMi4xMDQtNC4yMDUtMS4wNzctLjg1Mi0yLjY5MS0xLjI4LTQuODQ0LTEuMjgtMi4yMjEgMC0zLjk1OS40NTgtNS4yMTYgMS4zNzEtLjgwOS41ODctMS4yMTQgMS4zNzItMS4yMTQgMi4zNTUgMCAuODk3LjM3OCAxLjY2NSAxLjEzNyAyLjMwMi45NjMuODEyIDMuMzA1IDEuNjU2IDcuMDI0IDIuNTM2IDMuNzE4Ljg3OSA2LjQ2OCAxLjc4OSA4LjI0OSAyLjczIDEuNzgzLjkzOSAzLjE3OCAyLjIyNSA0LjE4MyAzLjg1MyAxLjAwOCAxLjYzMiAxLjUxMSAzLjY0NiAxLjUxMSA2LjA0MiAwIDIuMTc0LS42MDMgNC4yMDktMS44MDcgNi4xMDYtMS4yMDcgMS44OTgtMi45MSAzLjMwOC01LjExMiA0LjIzMS0yLjIwNS45MjItNC45NSAxLjM4NC04LjIzOSAxLjM4NC00Ljc4NiAwLTguNDYtMS4xMDktMTEuMDI1LTMuMzI2LTIuNTY1LTIuMjE1LTQuMDk3LTUuNDQ1LTQuNTk2LTkuNjg4em01NC4xMzIgMTIuMzQxdi0zNy45MjloMjguMDY5djYuNDE3aC0yMC40MjZ2OC40MDhoMTkuMDA1djYuMzkxaC0xOS4wMDV2MTAuMzIyaDIxLjE0OXY2LjM5MWgtMjguNzkyem01Mi4yMiAwdi0zNy45MjloMTYuMDg3YzQuMDQ1IDAgNi45ODQuMzQgOC44MTkgMS4wMjEgMS44MzIuNjgzIDMuMzAxIDEuODk1IDQuNDAyIDMuNjM2IDEuMTAxIDEuNzQzIDEuNjUzIDMuNzM1IDEuNjUzIDUuOTc3IDAgMi44NDUtLjgzNiA1LjE5Ni0yLjUwNSA3LjA0OS0xLjY3IDEuODU1LTQuMTY3IDMuMDI1LTcuNDg4IDMuNTA2IDEuNjUzLjk2NyAzLjAxNyAyLjAyOCA0LjA5NCAzLjE4MyAxLjA3NSAxLjE1NiAyLjUyNCAzLjIwOCA0LjM1MSA2LjE1N2w0LjYyMSA3LjRoLTkuMTRsLTUuNTI2LTguMjU0Yy0xLjk2Mi0yLjk0OS0zLjMwNS00LjgwOC00LjAyOC01LjU3Ni0uNzIzLS43NjYtMS40ODktMS4yOTMtMi4yOTktMS41NzctLjgwOS0uMjg2LTIuMDkxLS40MjctMy44NDYtLjQyN2gtMS41NXYxNS44MzRoLTcuNjQzem03LjY0My0yMS44ODhoNS42NTVjMy42NjcgMCA1Ljk1NS0uMTU1IDYuODY5LS40NjYuOTEyLS4zMSAxLjYyNy0uODQ0IDIuMTQ0LTEuNjA0LjUxNi0uNzU5Ljc3NC0xLjcwNy43NzQtMi44NDYgMC0xLjI3Ni0uMzQtMi4zMDctMS4wMTktMy4wOTEtLjY4Mi0uNzg1LTEuNjQxLTEuMjgxLTIuODgtMS40ODgtLjYyLS4wODYtMi40NzgtLjEzLTUuNTc3LS4xM2gtNS45NjV2OS42MjV6IiBmaWxsPSIjZmZmIi8+PC9zdmc+");
}
.rccs__card--maestro > div, .rccs__card--mastercard > div {
  color: #555;
}
.rccs__card--maestro .rccs__card__background, .rccs__card--mastercard .rccs__card__background {
  background: linear-gradient(25deg, #fbfbfb, #e8e9e5);
}
.rccs__card--maestro .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM5OCIgdmlld0JveD0iMCAwIDUxMiAzOTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGZpbGw9IiM2QzZCQkQiIGQ9Ik0zMjUuMjIzIDI4Mi42MjloLTEzOC40NDV2LTI0OC44MDNoMTM4LjQ0NXoiLz48cGF0aCBkPSJNMTk1LjU2NSAxNTguMjMzYzAtNTAuNDcxIDIzLjYzMS05NS40MjkgNjAuNDMtMTI0LjQwMS0yNi45MS0yMS4xODYtNjAuODczLTMzLjgzMi05Ny43ODMtMzMuODMyLTg3LjM4MSAwLTE1OC4yMTMgNzAuODQyLTE1OC4yMTMgMTU4LjIzM3M3MC44MzIgMTU4LjIzMyAxNTguMjEzIDE1OC4yMzNjMzYuOTEgMCA3MC44NzItMTIuNjQ1IDk3Ljc4My0zMy44MzItMzYuNzk5LTI4Ljk3My02MC40My03My45MzEtNjAuNDMtMTI0LjQwMSIgZmlsbD0iI0QzMjAxMSIvPjxwYXRoIGQ9Ik01MTIgMTU4LjIzM2MwIDg3LjM5MS03MC44MzIgMTU4LjIzMy0xNTguMjEzIDE1OC4yMzMtMzYuOTEgMC03MC44NzItMTIuNjQ1LTk3Ljc5My0zMy44MzIgMzYuODA5LTI4Ljk3MyA2MC40NC03My45MzEgNjAuNDQtMTI0LjQwMSAwLTUwLjQ3MS0yMy42MzEtOTUuNDI5LTYwLjQ0LTEyNC40MDEgMjYuOTItMjEuMTg2IDYwLjg4My0zMy44MzIgOTcuNzkzLTMzLjgzMiA4Ny4zODEgMCAxNTguMjEzIDcwLjg0MiAxNTguMjEzIDE1OC4yMzMiIGZpbGw9IiMwMDk5REYiLz48cGF0aCBkPSJNMzcyLjA2NSAzNTIuOTM0YzEuODQxIDAgNC40ODcuMzUyIDYuNTA5IDEuMTQ3bC0yLjgxNyA4LjYxMWMtMS45MzItLjc5NS0zLjg2My0xLjA1Ni01LjcxNC0xLjA1Ni01Ljk3NiAwLTguOTYzIDMuODYzLTguOTYzIDEwLjgwNHYyMy41NmgtOS4xNDR2LTQyLjAxaDkuMDU0djUuMWMyLjM3NC0zLjY5MiA1LjgwNS02LjE1NyAxMS4wNzYtNi4xNTd6bS0zMy43ODEgOS40MDZoLTE0LjkzOXYxOC45ODNjMCA0LjIxNSAxLjQ4OSA3LjAzMiA2LjA2NiA3LjAzMiAyLjM3NCAwIDUuMzYyLS43OTUgOC4wNzgtMi4zNzRsMi42MzYgNy44MTdjLTIuODk3IDIuMDIyLTcuNDY0IDMuMjU5LTExLjQxOCAzLjI1OS0xMC44MTQgMC0xNC41ODctNS44MDUtMTQuNTg3LTE1LjU2M3YtMTkuMTU0aC04LjUzMXYtOC4zNWg4LjUzMXYtMTIuNzQ2aDkuMjI1djEyLjc0NmgxNC45Mzl2OC4zNXptLTExNi45ODcgOC45NjNjLjk3Ni02LjA2NiA0LjY1OC0xMC4yMDEgMTEuMTY3LTEwLjIwMSA1Ljg4NSAwIDkuNjY4IDMuNjkyIDEwLjYzMyAxMC4yMDFoLTIxLjh6bTMxLjI5NyAzLjY5MmMtLjA5MS0xMy4wOTgtOC4xNzktMjIuMDYxLTE5Ljk1OS0yMi4wNjEtMTIuMzAzIDAtMjAuOTE1IDguOTYzLTIwLjkxNSAyMi4wNjEgMCAxMy4zNSA4Ljk2MyAyMi4wNTEgMjEuNTM4IDIyLjA1MSA2LjMyOCAwIDEyLjEyMi0xLjU3OSAxNy4yMjMtNS44ODVsLTQuNDg3LTYuNzdjLTMuNTExIDIuODE3LTcuOTk4IDQuMzk2LTEyLjIxMyA0LjM5Ni01Ljg4NSAwLTExLjI0Ny0yLjcyNi0xMi41NjUtMTAuMjgxaDMxLjE5NmMuMDkxLTEuMTQ3LjE4MS0yLjI4NC4xODEtMy41MTF6bTQwLjE1OS0xMC4yODFjLTIuNTQ1LTEuNTg5LTcuNzI2LTMuNjEyLTEzLjA4OC0zLjYxMi01LjAxIDAtNy45OTggMS44NTEtNy45OTggNC45MjkgMCAyLjgwNyAzLjE1OSAzLjYwMSA3LjExMiA0LjEyNWw0LjMwNi42MTRjOS4xNDQgMS4zMjggMTQuNjc3IDUuMTkxIDE0LjY3NyAxMi41NzUgMCA3Ljk5OC03LjAzMiAxMy43MTItMTkuMTU0IDEzLjcxMi02Ljg2MSAwLTEzLjE4OS0xLjc2LTE4LjE5OC01LjQ1Mmw0LjMwNi03LjEyMmMzLjA3OCAyLjM3NCA3LjY1NiA0LjM5NiAxMy45ODMgNC4zOTYgNi4yMzcgMCA5LjU3Ny0xLjg0MSA5LjU3Ny01LjEgMC0yLjM2NC0yLjM3NC0zLjY5Mi03LjM4NC00LjM4NmwtNC4zMDYtLjYxNGMtOS40MDYtMS4zMjgtMTQuNTA2LTUuNTQzLTE0LjUwNi0xMi4zOTQgMC04LjM1IDYuODYxLTEzLjQ1IDE3LjQ5NC0xMy40NSA2LjY4IDAgMTIuNzQ2IDEuNDk5IDE3LjEzMiA0LjM5NmwtMy45NTQgNy4zODR6bTExMi43MjItMy4wOThjLTEuODgxIDAtMy42MjIuMzMyLTUuMjQxLjk4Ni0xLjYxLjY2NC0zLjAwOCAxLjU4OS00LjE4NSAyLjc3Ny0xLjE3NyAxLjE4Ny0yLjEwMyAyLjYxNi0yLjc3NyA0LjI3NS0uNjc0IDEuNjYtMS4wMDYgMy40OTEtMS4wMDYgNS40ODMgMCAyLjAwMi4zMzIgMy44MjMgMS4wMDYgNS40ODMuNjc0IDEuNjYgMS42IDMuMDg4IDIuNzc3IDQuMjc1IDEuMTc3IDEuMTg3IDIuNTc1IDIuMTEzIDQuMTg1IDIuNzc3IDEuNjIuNjY0IDMuMzYuOTg2IDUuMjQxLjk4NiAxLjg4MSAwIDMuNjMyLS4zMjIgNS4yNDEtLjk4NiAxLjYyLS42NjQgMy4wMjgtMS41ODkgNC4yMDUtMi43NzcgMS4xOTctMS4xODcgMi4xMjMtMi42MTYgMi44MDctNC4yNzUuNjc0LTEuNjYgMS4wMDYtMy40ODEgMS4wMDYtNS40ODMgMC0xLjk5Mi0uMzMyLTMuODIzLTEuMDA2LTUuNDgzLS42ODQtMS42Ni0xLjYxLTMuMDg4LTIuODA3LTQuMjc1LTEuMTc3LTEuMTg3LTIuNTg1LTIuMTEzLTQuMjA1LTIuNzc3LTEuNjEtLjY1NC0zLjM2LS45ODYtNS4yNDEtLjk4NnptMC04LjY4MmMzLjI1OSAwIDYuMjc3LjU2MyA5LjA1NCAxLjcgMi43NzcgMS4xMjcgNS4xODEgMi42ODYgNy4yMDMgNC42NjggMi4wMzIgMS45ODIgMy42MTIgNC4zMjYgNC43NTggNy4wMjIgMS4xNDcgMi43MDYgMS43MiA1LjY0NCAxLjcyIDguODEzIDAgMy4xNjktLjU3MyA2LjEwNi0xLjcyIDguODEzLTEuMTQ3IDIuNjk2LTIuNzI2IDUuMDUtNC43NTggNy4wMzItMi4wMjIgMS45ODItNC40MjYgMy41MzEtNy4yMDMgNC42NjgtMi43NzcgMS4xMjctNS43OTUgMS42OS05LjA1NCAxLjY5LTMuMjU5IDAtNi4yNzctLjU2My05LjA1NC0xLjY5LTIuNzc3LTEuMTM3LTUuMTYxLTIuNjg2LTcuMTczLTQuNjY4LTIuMDEyLTEuOTgyLTMuNTkxLTQuMzM2LTQuNzM4LTcuMDMyLTEuMTQ3LTIuNzA2LTEuNzItNS42NDQtMS43Mi04LjgxMyAwLTMuMTY5LjU3My02LjEwNiAxLjcyLTguODEzIDEuMTQ3LTIuNjk2IDIuNzI2LTUuMDQgNC43MzgtNy4wMjIgMi4wMTItMS45ODIgNC4zOTYtMy41NDEgNy4xNzMtNC42NjggMi43NzctMS4xMzcgNS43OTUtMS43IDkuMDU0LTEuN3ptLTIzNy41NzYgMjIuMDYxYzAtNy4zODQgNC44MzktMTMuNDUgMTIuNzQ2LTEzLjQ1IDcuNTU1IDAgMTIuNjU1IDUuODA1IDEyLjY1NSAxMy40NSAwIDcuNjQ2LTUuMSAxMy40NC0xMi42NTUgMTMuNDQtNy45MDcgMC0xMi43NDYtNi4wNTYtMTIuNzQ2LTEzLjQ0em0zNC4wMTMgMHYtMjEuMDA1aC05LjEzNHY1LjFjLTIuOTA3LTMuNzgzLTcuMjkzLTYuMTU3LTEzLjI2OS02LjE1Ny0xMS43OCAwLTIxLjAwNSA5LjIyNS0yMS4wMDUgMjIuMDYxIDAgMTIuODI2IDkuMjI1IDIyLjA2MSAyMS4wMDUgMjIuMDYxIDUuOTc2IDAgMTAuMzYyLTIuMzc0IDEzLjI2OS02LjE1N3Y1LjFoOS4xMzR2LTIxLjAwNXptLTUxLjQ5NyAyMS4wMDV2LTI2LjM2N2MwLTkuOTI5LTYuMzI4LTE2LjYwOS0xNi41MTgtMTYuNy01LjM2Mi0uMDkxLTEwLjkwNSAxLjU3OS0xNC43NjggNy40NzUtMi44OTctNC42NTgtNy40NzUtNy40NzUtMTMuODkzLTcuNDc1LTQuNDc3IDAtOC44NzMgMS4zMTgtMTIuMzAzIDYuMjM3di01LjE4MWgtOS4xMzR2NDIuMDFoOS4yMjV2LTIzLjI4OWMwLTcuMjkzIDQuMDQ0LTExLjE2NyAxMC4yODEtMTEuMTY3IDYuMDY2IDAgOS4xNDQgMy45NTQgOS4xNDQgMTEuMDc2djIzLjM3OWg5LjIyNXYtMjMuMjg5YzAtNy4yOTMgNC4yMjUtMTEuMTY3IDEwLjI4MS0xMS4xNjcgNi4yNDcgMCA5LjIzNSAzLjk1NCA5LjIzNSAxMS4wNzZ2MjMuMzc5aDkuMjI1eiIgZmlsbD0iIzExMEYwRCIvPjwvc3ZnPg==");
}
.rccs__card--mastercard .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM5NyIgdmlld0JveD0iMCAwIDUxMiAzOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik05My4wNzkgMzk2LjAyM3YtMjYuMzQzYzAtMTAuMDk4LTYuMTQ3LTE2LjY4NC0xNi42ODQtMTYuNjg0LTUuMjY5IDAtMTAuOTc2IDEuNzU2LTE0LjkyOCA3LjQ2NC0zLjA3My00LjgzLTcuNDY0LTcuNDY0LTE0LjA1LTcuNDY0LTQuMzkgMC04Ljc4MSAxLjMxNy0xMi4yOTMgNi4xNDd2LTUuMjY5aC05LjIydjQyLjE0OWg5LjIydi0yMy4yN2MwLTcuNDY0IDMuOTUxLTEwLjk3NiAxMC4wOTgtMTAuOTc2czkuMjIgMy45NTEgOS4yMiAxMC45NzZ2MjMuMjdoOS4yMnYtMjMuMjdjMC03LjQ2NCA0LjM5LTEwLjk3NiAxMC4wOTgtMTAuOTc2IDYuMTQ3IDAgOS4yMiAzLjk1MSA5LjIyIDEwLjk3NnYyMy4yN2gxMC4wOTh6bTEzNi41NDQtNDIuMTQ5aC0xNC45Mjh2LTEyLjczMmgtOS4yMnYxMi43MzJoLTguMzQydjguMzQyaDguMzQydjE5LjMxOGMwIDkuNjU5IDMuOTUxIDE1LjM2NyAxNC40ODkgMTUuMzY3IDMuOTUxIDAgOC4zNDItMS4zMTcgMTEuNDE1LTMuMDczbC0yLjYzNC03LjkwM2MtMi42MzQgMS43NTYtNS43MDggMi4xOTUtNy45MDMgMi4xOTUtNC4zOSAwLTYuMTQ3LTIuNjM0LTYuMTQ3LTcuMDI1di0xOC44NzloMTQuOTI4di04LjM0MnptNzguMTUxLS44NzhjLTUuMjY5IDAtOC43ODEgMi42MzQtMTAuOTc2IDYuMTQ3di01LjI2OWgtOS4yMnY0Mi4xNDloOS4yMnYtMjMuNzA5YzAtNy4wMjUgMy4wNzMtMTAuOTc2IDguNzgxLTEwLjk3NiAxLjc1NiAwIDMuOTUxLjQzOSA1LjcwOC44NzhsMi42MzQtOC43ODFjLTEuNzU2LS40MzktNC4zOS0uNDM5LTYuMTQ3LS40Mzl6bS0xMTguMTA0IDQuMzljLTQuMzktMy4wNzMtMTAuNTM3LTQuMzktMTcuMTIzLTQuMzktMTAuNTM3IDAtMTcuNTYyIDUuMjY5LTE3LjU2MiAxMy42MTEgMCA3LjAyNSA1LjI2OSAxMC45NzYgMTQuNDg5IDEyLjI5M2w0LjM5LjQzOWM0LjgzLjg3OCA3LjQ2NCAyLjE5NSA3LjQ2NCA0LjM5IDAgMy4wNzMtMy41MTIgNS4yNjktOS42NTkgNS4yNjlzLTEwLjk3Ni0yLjE5NS0xNC4wNS00LjM5bC00LjM5IDcuMDI1YzQuODMgMy41MTIgMTEuNDE1IDUuMjY5IDE4LjAwMSA1LjI2OSAxMi4yOTMgMCAxOS4zMTgtNS43MDggMTkuMzE4LTEzLjYxMSAwLTcuNDY0LTUuNzA4LTExLjQxNS0xNC40ODktMTIuNzMybC00LjM5LS40MzljLTMuOTUxLS40MzktNy4wMjUtMS4zMTctNy4wMjUtMy45NTEgMC0zLjA3MyAzLjA3My00LjgzIDcuOTAzLTQuODMgNS4yNjkgMCAxMC41MzcgMi4xOTUgMTMuMTcxIDMuNTEybDMuOTUxLTcuNDY0em0yNDQuOTktNC4zOWMtNS4yNjkgMC04Ljc4MSAyLjYzNC0xMC45NzYgNi4xNDd2LTUuMjY5aC05LjIydjQyLjE0OWg5LjIydi0yMy43MDljMC03LjAyNSAzLjA3My0xMC45NzYgOC43ODEtMTAuOTc2IDEuNzU2IDAgMy45NTEuNDM5IDUuNzA4Ljg3OGwyLjYzNC04Ljc4MWMtMS43NTYtLjQzOS00LjM5LS40MzktNi4xNDctLjQzOXptLTExNy42NjUgMjEuOTUyYzAgMTIuNzMyIDguNzgxIDIxLjk1MiAyMi4zOTIgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTEuMzE3IDE0LjkyOC00LjgzbC00LjM5LTcuNDY0Yy0zLjUxMiAyLjYzNC03LjAyNSAzLjk1MS0xMC45NzYgMy45NTEtNy40NjQgMC0xMi43MzItNS4yNjktMTIuNzMyLTEzLjYxMSAwLTcuOTAzIDUuMjY5LTEzLjE3MSAxMi43MzItMTMuNjExIDMuOTUxIDAgNy40NjQgMS4zMTcgMTAuOTc2IDMuOTUxbDQuMzktNy40NjRjLTQuMzktMy41MTItOC43ODEtNC44My0xNC45MjgtNC44My0xMy42MTEgMC0yMi4zOTIgOS4yMi0yMi4zOTIgMjEuOTUyem04NS4xNzYgMHYtMjEuMDc0aC05LjIydjUuMjY5Yy0zLjA3My0zLjk1MS03LjQ2NC02LjE0Ny0xMy4xNzEtNi4xNDctMTEuODU0IDAtMjEuMDc0IDkuMjItMjEuMDc0IDIxLjk1MiAwIDEyLjczMiA5LjIyIDIxLjk1MiAyMS4wNzQgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTIuMTk1IDEzLjE3MS02LjE0N3Y1LjI2OWg5LjIydi0yMS4wNzR6bS0zMy44MDcgMGMwLTcuNDY0IDQuODMtMTMuNjExIDEyLjczMi0xMy42MTEgNy40NjQgMCAxMi43MzIgNS43MDggMTIuNzMyIDEzLjYxMSAwIDcuNDY0LTUuMjY5IDEzLjYxMS0xMi43MzIgMTMuNjExLTcuOTAzLS40MzktMTIuNzMyLTYuMTQ3LTEyLjczMi0xMy42MTF6bS0xMTAuMjAxLTIxLjk1MmMtMTIuMjkzIDAtMjEuMDc0IDguNzgxLTIxLjA3NCAyMS45NTIgMCAxMy4xNzEgOC43ODEgMjEuOTUyIDIxLjUxMyAyMS45NTIgNi4xNDcgMCAxMi4yOTMtMS43NTYgMTcuMTIzLTUuNzA4bC00LjM5LTYuNTg2Yy0zLjUxMiAyLjYzNC03LjkwMyA0LjM5LTEyLjI5MyA0LjM5LTUuNzA4IDAtMTEuNDE1LTIuNjM0LTEyLjczMi0xMC4wOThoMzEuMTczdi0zLjUxMmMuNDM5LTEzLjYxMS03LjQ2NC0yMi4zOTItMTkuMzE4LTIyLjM5MnptMCA3LjkwM2M1LjcwOCAwIDkuNjU5IDMuNTEyIDEwLjUzNyAxMC4wOThoLTIxLjk1MmMuODc4LTUuNzA4IDQuODMtMTAuMDk4IDExLjQxNS0xMC4wOTh6bTIyOC43NDUgMTQuMDV2LTM3Ljc1OGgtOS4yMnYyMS45NTJjLTMuMDczLTMuOTUxLTcuNDY0LTYuMTQ3LTEzLjE3MS02LjE0Ny0xMS44NTQgMC0yMS4wNzQgOS4yMi0yMS4wNzQgMjEuOTUyIDAgMTIuNzMyIDkuMjIgMjEuOTUyIDIxLjA3NCAyMS45NTIgNi4xNDcgMCAxMC41MzctMi4xOTUgMTMuMTcxLTYuMTQ3djUuMjY5aDkuMjJ2LTIxLjA3NHptLTMzLjgwNyAwYzAtNy40NjQgNC44My0xMy42MTEgMTIuNzMyLTEzLjYxMSA3LjQ2NCAwIDEyLjczMiA1LjcwOCAxMi43MzIgMTMuNjExIDAgNy40NjQtNS4yNjkgMTMuNjExLTEyLjczMiAxMy42MTEtNy45MDMtLjQzOS0xMi43MzItNi4xNDctMTIuNzMyLTEzLjYxMXptLTMwOC4yMTMgMHYtMjEuMDc0aC05LjIydjUuMjY5Yy0zLjA3My0zLjk1MS03LjQ2NC02LjE0Ny0xMy4xNzEtNi4xNDctMTEuODU0IDAtMjEuMDc0IDkuMjItMjEuMDc0IDIxLjk1MiAwIDEyLjczMiA5LjIyIDIxLjk1MiAyMS4wNzQgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTIuMTk1IDEzLjE3MS02LjE0N3Y1LjI2OWg5LjIydi0yMS4wNzR6bS0zNC4yNDYgMGMwLTcuNDY0IDQuODMtMTMuNjExIDEyLjczMi0xMy42MTEgNy40NjQgMCAxMi43MzIgNS43MDggMTIuNzMyIDEzLjYxMSAwIDcuNDY0LTUuMjY5IDEzLjYxMS0xMi43MzIgMTMuNjExLTcuOTAzLS40MzktMTIuNzMyLTYuMTQ3LTEyLjczMi0xMy42MTF6Ii8+PHBhdGggZmlsbD0iI0ZGNUYwMCIgZD0iTTE4Ni41OTYgMzMuODA3aDEzOC4zMDF2MjQ4LjUwMmgtMTM4LjMwMXoiLz48cGF0aCBkPSJNMTk1LjM3NyAxNTguMDU4YzAtNTAuNDkxIDIzLjcwOS05NS4yNzQgNjAuMTUtMTI0LjI1MS0yNi43ODItMjEuMDc0LTYwLjU4OS0zMy44MDctOTcuNDY5LTMzLjgwNy04Ny4zNzEgMC0xNTguMDU4IDcwLjY4Ny0xNTguMDU4IDE1OC4wNThzNzAuNjg3IDE1OC4wNTggMTU4LjA1OCAxNTguMDU4YzM2Ljg4IDAgNzAuNjg3LTEyLjczMiA5Ny40NjktMzMuODA3LTM2LjQ0MS0yOC41MzgtNjAuMTUtNzMuNzYtNjAuMTUtMTI0LjI1MXoiIGZpbGw9IiNFQjAwMUIiLz48cGF0aCBkPSJNNTExLjQ5MyAxNTguMDU4YzAgODcuMzcxLTcwLjY4NyAxNTguMDU4LTE1OC4wNTggMTU4LjA1OC0zNi44OCAwLTcwLjY4Ny0xMi43MzItOTcuNDY5LTMzLjgwNyAzNi44OC0yOC45NzcgNjAuMTUtNzMuNzYgNjAuMTUtMTI0LjI1MXMtMjMuNzA5LTk1LjI3NC02MC4xNS0xMjQuMjUxYzI2Ljc4Mi0yMS4wNzQgNjAuNTg5LTMzLjgwNyA5Ny40NjktMzMuODA3IDg3LjM3MSAwIDE1OC4wNTggNzEuMTI2IDE1OC4wNTggMTU4LjA1OHoiIGZpbGw9IiNGNzlFMUIiLz48L3N2Zz4=");
}
.rccs__card--unionpay .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjMyMCIgdmlld0JveD0iMCAwIDUxMiAzMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik0xMDAuMDgzLjAwMWgxMjcuNTU3YzE3LjgwNiAwIDI4Ljg4IDE0LjUxMyAyNC43MjcgMzIuMzc4bC01OS4zODcgMjU0Ljk3MWMtNC4xOTEgMTcuODAzLTIyLjAxOSAzMi4zMjgtMzkuODM3IDMyLjMyOGgtMTI3LjU0NWMtMTcuNzgxIDAtMjguODgtMTQuNTI2LTI0LjcyNy0zMi4zMjhsNTkuNDEyLTI1NC45NzFjNC4xNTQtMTcuODY1IDIxLjk3Mi0zMi4zNzggMzkuOC0zMi4zNzgiIGZpbGw9IiNFMjE4MzYiLz48cGF0aCBkPSJNMjE3LjAyNy4wMDFoMTQ2LjY4N2MxNy44MDMgMCA5Ljc3NSAxNC41MTMgNS41ODcgMzIuMzc4bC01OS4zNzggMjU0Ljk3MWMtNC4xNjYgMTcuODAzLTIuODY3IDMyLjMyOC0yMC43MDcgMzIuMzI4aC0xNDYuNjg3Yy0xNy44NCAwLTI4Ljg4LTE0LjUyNi0yNC42ODktMzIuMzI4bDU5LjM3NS0yNTQuOTcxYzQuMjE2LTE3Ljg2NSAyMS45OTctMzIuMzc4IDM5LjgxMi0zMi4zNzgiIGZpbGw9IiMwMDQ0N0MiLz48cGF0aCBkPSJNMzU3Ljg5Ni4wMDFoMTI3LjU1N2MxNy44MzEgMCAyOC45MDUgMTQuNTEzIDI0LjcxNyAzMi4zNzhsLTU5LjM3OCAyNTQuOTcxYy00LjE5MSAxNy44MDMtMjIuMDMxIDMyLjMyOC0zOS44NTkgMzIuMzI4aC0xMjcuNDk4Yy0xNy44NCAwLTI4LjkwNS0xNC41MjYtMjQuNzI3LTMyLjMyOGw1OS4zODctMjU0Ljk3MWM0LjE1NC0xNy44NjUgMjEuOTYtMzIuMzc4IDM5LjgtMzIuMzc4IiBmaWxsPSIjMDA3Qjg0Ii8+PHBhdGggZD0iTTEzMy4zOTcgODEuNzEyYy0xMy4xMTcuMTM0LTE2Ljk5MSAwLTE4LjIyOS0uMjkyLS40NzYgMi4yNi05LjMyNyA0My4wOTItOS4zNTIgNDMuMTI2LTEuOTA2IDguMjYxLTMuMjkzIDE0LjE1LTguMDAzIDE3Ljk1Mi0yLjY3NCAyLjIxMS01Ljc5NSAzLjI3Ny05LjQxNCAzLjI3Ny01LjgxNyAwLTkuMjA2LTIuODg4LTkuNzc1LTguMzY3bC0uMTA5LTEuODgxczEuNzcyLTExLjA2NSAxLjc3Mi0xMS4xMjdjMCAwIDkuMjktMzcuMjEgMTAuOTUzLTQyLjEyOC4wODctLjI4LjExMi0uNDI2LjEzNC0uNTYtMTguMDgzLjE1OS0yMS4yODggMC0yMS41MDktLjI5Mi0uMTIxLjQwMS0uNTY5IDIuNzA4LS41NjkgMi43MDhsLTkuNDg2IDQxLjkzOS0uODE1IDMuNTU3LTEuNTc2IDExLjYzNGMwIDMuNDUxLjY3OCA2LjI2OCAyLjAyNyA4LjY1IDQuMzIyIDcuNTUyIDE2LjY0OSA4LjY4NCAyMy42MjMgOC42ODQgOC45ODUgMCAxNy40MTQtMS45MDkgMjMuMTEtNS4zOTQgOS44ODctNS44NDIgMTIuNDc0LTE0Ljk3MyAxNC43ODEtMjMuMDg4bDEuMDctNC4xNjNzOS41Ny0zOC42NDYgMTEuMTk2LTQzLjY3NGMuMDYyLS4yOC4wODctLjQyNi4xNzEtLjU2em0zMi41NjEgMzEuMTc2Yy0yLjMwNyAwLTYuNTIzLjU2LTEwLjMxIDIuNDE2LTEuMzc0LjcwNi0yLjY3NCAxLjUyLTQuMDQ1IDIuMzMybDEuMjM3LTQuNDY4LS42NzgtLjc1MmMtOC4wMzEgMS42MjYtOS44MjggMS44NDQtMTcuMjQ2IDIuODg4bC0uNjIyLjQxNGMtLjg2MSA3LjE0Mi0xLjYyNiAxMi41MTEtNC44MTkgMjYuNTQ5LTEuMjE2IDUuMTc0LTIuNDc4IDEwLjM5Ny0zLjc0MyAxNS41NThsLjM0Mi42NTZjNy42MDItLjQwMSA5LjkwOS0uNDAxIDE2LjUxNi0uMjkybC41MzUtLjU4MWMuODM5LTQuMy45NDgtNS4zMDcgMi44MDgtMTQuMDE2Ljg3NC00LjEyOSAyLjY5Ni0xMy4yMDEgMy41OTQtMTYuNDMyIDEuNjUxLS43NjUgMy4yOC0xLjUxNyA0LjgzNS0xLjUxNyAzLjcwMyAwIDMuMjUyIDMuMjMgMy4xMDkgNC41MTgtLjE1OSAyLjE2MS0xLjUwOCA5LjIxOC0yLjg5MSAxNS4yNzhsLS45MjMgMy45MTFjLS42NDQgMi44ODgtMS4zNDkgNS42OTYtMS45OTMgOC41NTlsLjI4LjU3MmM3LjQ5My0uNDAxIDkuNzc4LS40MDEgMTYuMTc3LS4yOTJsLjc1Mi0uNTgxYzEuMTU3LTYuNzE2IDEuNDk1LTguNTEzIDMuNTQ3LTE4LjI5MWwxLjAzMi00LjQ5M2MyLjAwNS04Ljc5MyAzLjAxMy0xMy4yNTEgMS40OTUtMTYuODgyLTEuNjA0LTQuMDctNS40NTMtNS4wNTItOC45ODgtNS4wNTJ6bTM2LjM3NCA5LjIwNmMtMy45ODMuNzY1LTYuNTIzIDEuMjc1LTkuMDQ3IDEuNjA0LTIuNTAzLjQwMS00Ljk0My43NjUtOC43OTMgMS4zbC0uMzA1LjI3Ny0uMjguMjIxYy0uNDAxIDIuODY3LS42ODEgNS4zNDUtMS4yMTMgOC4yNTgtLjQ1MSAzLjAxMy0xLjE0NCA2LjQzNi0yLjI3MyAxMS4zNTQtLjg3NCAzLjc2NS0xLjMyNCA1LjA3Ny0xLjgyMiA2LjQwMi0uNDg1IDEuMzI0LTEuMDIgMi42MTItMi4wMDIgNi4zMTVsLjIzLjM0Mi4xOTMuMzE0YzMuNTk3LS4xNzEgNS45NTEtLjI5MiA4LjM3LS4zMTQgMi40MTYtLjA4NyA0LjkxOSAwIDguNzkzLjAyMmwuMzM5LS4yNzcuMzY0LS4zMDVjLjU2LTMuMzM5LjY0NC00LjIzOC45ODYtNS44NjcuMzM5LTEuNzQ3LjkyMy00LjE2NiAyLjM1Ny0xMC42MjcuNjc4LTMuMDM0IDEuNDMzLTYuMDYgMi4xMzYtOS4xNTYuNzMxLTMuMDg0IDEuNDk1LTYuMTIyIDIuMjIzLTkuMTU2bC0uMTA5LS4zNjctLjE0Ni0uMzM5em0uMDg1LTEyLjQxMmMtMy42MTktMi4xMzYtOS45NzEtMS40NTgtMTQuMjQ2IDEuNDkyLTQuMjYzIDIuODkxLTQuNzQ4IDYuOTk1LTEuMTQxIDkuMTU5IDMuNTU3IDIuMDc3IDkuOTM0IDEuNDU4IDE0LjE3MS0xLjUxNyA0LjI1My0yLjk1NCA0Ljc4NS03LjAyIDEuMjE2LTkuMTM1em0yMS44ODcgNDkuNDY3YzcuMzIyIDAgMTQuODI3LTIuMDE4IDIwLjQ3Ny04LjAwNiA0LjM0Ny00Ljg1NiA2LjMzOS0xMi4wODIgNy4wMy0xNS4wNTcgMi4yNDgtOS44NjIuNDk3LTE0LjQ2Ny0xLjcwMS0xNy4yNzEtMy4zMzktNC4yNzUtOS4yNC01LjY0Ni0xNS4zNjItNS42NDYtMy42ODEgMC0xMi40NDkuMzY0LTE5LjI5OCA2LjY3OC00LjkxOSA0LjU1NS03LjE5MSAxMC43MzYtOC41NjIgMTYuNjYyLTEuMzg0IDYuMDM4LTIuOTc1IDE2LjkwNyA3LjAyIDIwLjk1MiAzLjA4NCAxLjMyNCA3LjUzIDEuNjg4IDEwLjM5NyAxLjY4OHptLS41NzItMjIuMTljMS42ODgtNy40NjggMy42ODEtMTMuNzM2IDguNzY4LTEzLjczNiAzLjk4NiAwIDQuMjc1IDQuNjY0IDIuNTAzIDEyLjE1Ny0uMzE3IDEuNjYzLTEuNzcyIDcuODQ3LTMuNzQgMTAuNDgxLTEuMzc0IDEuOTQzLTMgMy4xMjItNC43OTcgMy4xMjItLjUzNSAwLTMuNzE1IDAtMy43NjUtNC43MjMtLjAyNS0yLjMzMi40NTEtNC43MTMgMS4wMzItNy4zem00Ni4zODIgMjEuMjI5bC41NzItLjU4MWMuODExLTQuMy45NDUtNS4zMSAyLjc0Mi0xNC4wMTYuODk5LTQuMTI5IDIuNzU4LTEzLjIwMSAzLjYzMS0xNi40MzIgMS42NTQtLjc2OCAzLjI1NS0xLjUyIDQuODYtMS41MiAzLjY3OCAwIDMuMjMgMy4yMyAzLjA4NCA0LjUxOC0uMTM0IDIuMTY0LTEuNDgzIDkuMjE4LTIuODkxIDE1LjI3OGwtLjg3NCAzLjkxMWMtLjY2OCAyLjg5MS0xLjM5NiA1LjY5Ni0yLjA0IDguNTYybC4yOC41NzJjNy41MTgtLjQwMSA5LjcxNi0uNDAxIDE2LjE1Mi0uMjkybC43NzctLjU4MWMxLjEyOS02LjcxOSAxLjQzMy04LjUxNiAzLjU0Ny0xOC4yOTFsMS4wMDctNC40OTZjMi4wMTUtOC43OTMgMy4wMzQtMTMuMjQ4IDEuNTQyLTE2Ljg3OS0xLjY1MS00LjA3LTUuNTI1LTUuMDUyLTkuMDEtNS4wNTItMi4zMSAwLTYuNTQ4LjU1Ny0xMC4zMTMgMi40MTYtMS4zNDYuNzA2LTIuNjk2IDEuNTE3LTQuMDIgMi4zMzJsMS4xNTMtNC40NjgtLjYxOS0uNzU2Yy04LjAyOCAxLjYyOS05Ljg2MiAxLjg0Ny0xNy4yNzEgMi44OTFsLS41NjkuNDE0Yy0uODk5IDcuMTQyLTEuNjI5IDEyLjUwOC00LjgyMiAyNi41NDktMS4yMTYgNS4xNzQtMi40NzggMTAuMzk3LTMuNzQgMTUuNTU4bC4zMzkuNjU2YzcuNjE0LS40MDEgOS44ODctLjQwMSAxNi40ODEtLjI5MnptNTUuMjM1LjI5MWMuNDczLTIuMzA3IDMuMjgtMTUuOTgxIDMuMzA1LTE1Ljk4MSAwIDAgMi4zOTEtMTAuMDMzIDIuNTM3LTEwLjM5NyAwIDAgLjc1Mi0xLjA0NSAxLjUwNS0xLjQ1OGgxLjEwN2MxMC40NDMgMCAyMi4yMzYgMCAzMS40OC02LjggNi4yOS00LjY2NCAxMC41OS0xMS41NSAxMi41MDgtMTkuOTIuNDk3LTIuMDUyLjg2NC00LjQ5My44NjQtNi45MzMgMC0zLjIwNS0uNjQ0LTYuMzc3LTIuNTAzLTguODU1LTQuNzEzLTYuNTk0LTE0LjEtNi43MTYtMjQuOTM1LTYuNzY1bC01LjM0MS4wNWMtMTMuODcuMTcxLTE5LjQzMi4xMjEtMjEuNzE3LS4xNTktLjE5MyAxLjAxLS41NTcgMi44MDgtLjU1NyAyLjgwOHMtNC45NjggMjMuMDI2LTQuOTY4IDIzLjA2M2MwIDAtMTEuODg5IDQ4Ljk1Ni0xMi40NDkgNTEuMjYzIDEyLjExLS4xNDYgMTcuMDc1LS4xNDYgMTkuMTY1LjA4NHptOS4yMDYtNDAuOTAzczUuMjgyLTIyLjk3OSA1LjI1Ny0yMi44OTJsLjE3MS0xLjE3OC4wNzUtLjg5OSAyLjExMS4yMThzMTAuODk0LjkzNiAxMS4xNDkuOTYxYzQuMyAxLjY2MyA2LjA3MiA1Ljk1MSA0LjgzNSAxMS41NDctMS4xMjkgNS4xMTQtNC40NDYgOS40MTQtOC43MDkgMTEuNDkxLTMuNTEgMS43Ni03LjgxIDEuOTA2LTEyLjI0MSAxLjkwNmgtMi44NjdsLjIxOC0xLjE1M3ptMzIuODg5IDE5LjgwOWMtMS4zOTYgNS45NTEtMyAxNi44MiA2Ljk0NiAyMC42OTQgMy4xNzEgMS4zNDkgNi4wMTMgMS43NSA4LjkwMSAxLjYwNCAzLjA1LS4xNjUgNS44NzYtMS42OTQgOC40OTQtMy44OTZsLS43MDkgMi43MTcuNDUxLjU4MWM3LjE1NC0uMzAyIDkuMzc0LS4zMDIgMTcuMTI1LS4yNDNsLjcwMy0uNTM1YzEuMTMyLTYuNjUzIDIuMTk4LTEzLjExNCA1LjEzOS0yNS44NDMgMS40MzMtNi4wOTcgMi44NjMtMTIuMTM1IDQuMzM0LTE4LjIwN2wtLjIzLS42NjhjLTguMDAzIDEuNDgzLTEwLjE0MiAxLjgtMTcuODQgMi44OTFsLS41ODUuNDc2LS4yMzMgMS44MDZjLTEuMTk3LTEuOTM0LTIuOTMyLTMuNTg1LTUuNjA5LTQuNjE0LTMuNDIzLTEuMzQ2LTExLjQ2My4zODktMTguMzc1IDYuNjgxLTQuODU2IDQuNDkzLTcuMTg4IDEwLjY0OS04LjUxMyAxNi41NTN6bTE2LjgwOC4zNjRjMS43MTMtNy4zMzQgMy42ODEtMTMuNTQgOC43OC0xMy41NCAzLjIyNCAwIDQuOTIyIDIuOTc1IDQuNTc3IDguMDQ5LS4yNzQgMS4yNjUtLjU2OSAyLjU5OS0uOTIgNC4xMDctLjUxIDIuMTc5LTEuMDYzIDQuMzQtMS42MDEgNi41MDQtLjU0NyAxLjQ4LTEuMTg1IDIuODc2LTEuODg0IDMuODA2LTEuMzEyIDEuODU5LTQuNDM0IDMuMDEzLTYuMjMxIDMuMDEzLS41MSAwLTMuNjU2IDAtMy43NjUtNC42MzktLjAyNS0yLjMxLjQ1MS00LjY4OSAxLjA0NS03LjN6bTg3Ljc3Mi0yNC4yMTdsLS42MTktLjcwNmMtNy45MTkgMS42MDQtOS4zNTIgMS44NTktMTYuNjI3IDIuODQybC0uNTM1LjUzNS0uMDg0LjM0Mi0uMDI1LS4xMjFjLTUuNDE2IDEyLjQ5NS01LjI1NyA5LjgtOS42NjYgMTkuNjM3bC0uMDUtMS4yMDMtMS4xMDQtMjEuMzI1LS42OTMtLjcwNmMtOC4yOTUgMS42MDQtOC40OTEgMS44NTktMTYuMTUyIDIuODQybC0uNTk3LjUzNWMtLjA4NC4yNTUtLjA4NC41MzUtLjEzNC44MzlsLjA1LjEwOWMuOTU4IDQuODk0LjcyOCAzLjgwMiAxLjY4OCAxMS41MjUuNDQ4IDMuNzkgMS4wNDUgNy42MDIgMS40OTIgMTEuMzQ1Ljc1NiA2LjI2NSAxLjE3OCA5LjM0OSAyLjEwMiAxOC45MS01LjE3NCA4LjUzOC02LjM5OSAxMS43NjgtMTEuMzc5IDE5LjI2MWwuMDM0LjA3NS0zLjUwNyA1LjU0N2MtLjQwMS41ODUtLjc2NS45ODYtMS4yNzUgMS4xNTctLjU2LjI3Ny0xLjI4Ny4zMjYtMi4yOTguMzI2aC0xLjk0M2wtMi44ODggOS42MDcgOS45MDkuMTcxYzUuODE3LS4wMjUgOS40NzMtMi43NDUgMTEuNDQxLTYuNDAybDYuMjMxLTEwLjY3N2gtLjA5OWwuNjU2LS43NTJjNC4xOTEtOS4wMjMgMzYuMDcyLTYzLjcxMiAzNi4wNzItNjMuNzEyem0tMTA0LjU4IDEyNi4xNzVoLTQuMjA0bDE1LjU1OC01MS40NTloNS4xNjFsMS42MzgtNS4zMDEuMTU5IDUuODk1Yy0uMTkzIDMuNjQ0IDIuNjc0IDYuODc0IDEwLjIwNCA2LjMzOWg4LjcwOWwyLjk5Ny05LjkwOWgtMy4yNzdjLTEuODg0IDAtMi43NTgtLjQ3Ni0yLjY0OS0xLjQ5NWwtLjE1OS01Ljk5N2gtMTYuMTI3di4wMzFjLTUuMjE0LjEwOS0yMC43ODQuNTAxLTIzLjkzNyAxLjM0LTMuODE1Ljk4Mi03LjgzNSAzLjg3NC03LjgzNSAzLjg3NGwxLjU3OS01LjMwN2gtMTUuMDg1bC0zLjE0MyAxMC41MzEtMTUuNzY2IDUyLjI0NWgtMy4wNTlsLTMgOS44MzdoMzAuMDQ2bC0xLjAwNyAzLjI4aDE0LjgwNmwuOTgyLTMuMjhoNC4xNTRsMy4yNTUtMTAuNjI0em0tMTIuMzI4LTQxLjAwM2MtMi40MTYuNjY4LTYuOTEyIDIuNjk2LTYuOTEyIDIuNjk2bDMuOTk4LTEzLjE1MmgxMS45ODZsLTIuODkxIDkuNTgycy0zLjcwMy4yMTgtNi4xODEuODc0em0uMjMgMTguNzg4cy0zLjc2NS40NzMtNi4yNDMgMS4wMzJjLTIuNDQxLjc0LTcuMDE3IDMuMDcyLTcuMDE3IDMuMDcybDQuMTI5LTEzLjY4NmgxMi4wNDhsLTIuOTE2IDkuNTgyem0tNi43MTYgMjIuMzM2aC0xMi4wMjNsMy40ODUtMTEuNTVoMTEuOTg2bC0zLjQ0OCAxMS41NXptMjguOTU0LTMxLjkxOGgxNy4zM2wtMi40OSA4LjA2NWgtMTcuNTZsLTIuNjM3IDguODE3aDE1LjM2NWwtMTEuNjM0IDE2LjM4MmMtLjgxNSAxLjIwMy0xLjU0NSAxLjYyOS0yLjM1NyAxLjk2OC0uODE1LjQxNC0xLjg4NC44OTktMy4xMjIuODk5aC00LjI2M2wtMi45MjkgOS42NTdoMTEuMTQ5YzUuNzk1IDAgOS4yMTgtMi42MzcgMTEuNzQ2LTYuMDk3bDcuOTc4LTEwLjkxOSAxLjcxMyAxMS4wODdjLjM2NCAyLjA3NyAxLjg1NiAzLjI5MyAyLjg2NyAzLjc2NSAxLjExNi41NiAyLjI3IDEuNTIgMy44OTkgMS42NjMgMS43NDcuMDc1IDMuMDEuMTM0IDMuODQ5LjEzNGg1LjQ3OGwzLjI4OS0xMC44MDdoLTIuMTYxYy0xLjI0MSAwLTMuMzc2LS4yMDgtMy43NC0uNTk3LS4zNjQtLjQ3My0uMzY0LTEuMi0uNTYtMi4zMDdsLTEuNzM4LTExLjExMmgtNy4xMTdsMy4xMjItMy43MTVoMTcuNTI2bDIuNjk2LTguODE3aC0xNi4yMjZsMi41MjgtOC4wNjVoMTYuMTc3bDMtOS45NDZoLTQ4LjIyOGwtMi45NTEgOS45NDZ6bS0xNDYuMzcxIDM0LjE2NGw0LjA0NS0xMy40NTZoMTYuNjI0bDMuMDM4LTEwLjAwOGgtMTYuNjRsMi41NC04LjI4M2gxNi4yNjFsMy4wMTMtOS42OTFoLTQwLjY4NmwtMi45NTEgOS42OTFoOS4yNDNsLTIuNDY2IDguMjgzaC05LjI2OGwtMy4wNzIgMTAuMTc5aDkuMjRsLTUuMzkxIDE3LjgwM2MtLjcyOCAyLjM1Ny4zNDIgMy4yNTUgMS4wMiA0LjM1LjY5MyAxLjA2NiAxLjM5NiAxLjc3MiAyLjk3NSAyLjE3MyAxLjYyOS4zNjQgMi43NDUuNTgxIDQuMjYzLjU4MWgxOC43NDJsMy4zMzktMTEuMDg3LTguMzA4IDEuMTQxYy0xLjYwNCAwLTYuMDQ3LS4xOTMtNS41NjItMS42NzZ6bTEuOTA3LTY0LjQxN2wtNC4yMTMgNy42MTRjLS45MDIgMS42NjMtMS43MTMgMi42OTYtMi40NDQgMy4xNzEtLjY0NC40MDEtMS45MTguNTY5LTMuNzY1LjU2OWgtMi4xOThsLTIuOTM4IDkuNzQxaDcuM2MzLjUxIDAgNi4yMDYtMS4yODcgNy40OTMtMS45MzEgMS4zODQtLjc0IDEuNzQ3LS4zMTcgMi44MTctMS4zNDlsMi40NjYtMi4xMzZoMjIuNzk2bDMuMDI1LTEwLjE0MmgtMTYuNjg3bDIuOTEzLTUuNTM3aC0xNi41NjV6bTMzLjY1NCA2NC42MTJjLS4zODktLjU2LS4xMDktMS41NDUuNDg1LTMuNTk3bDYuMjMxLTIwLjYyM2gyMi4xNjVjMy4yMy0uMDQ3IDUuNTYyLS4wODQgNy4wNzktLjE5MyAxLjYyOS0uMTcxIDMuNDAxLS43NTIgNS4zMzItMS43OTcgMS45OTMtMS4wOTQgMy4wMTMtMi4yNDggMy44NzQtMy41NzIuOTYxLTEuMzIxIDIuNTAzLTQuMjEzIDMuODI3LTguNjcxbDcuODMyLTI2LjA5OC0yMy4wMDEuMTM0cy03LjA4MyAxLjA0NS0xMC4yMDEgMi4xOThjLTMuMTQ2IDEuMjg3LTcuNjQyIDQuODgxLTcuNjQyIDQuODgxbDIuMDc3LTcuMTU0aC0xNC4yMDlsLTE5Ljg5MiA2NS45NzJjLS43MDYgMi41NjItMS4xNzggNC40MjEtMS4yODcgNS41MzctLjAzNyAxLjIwMyAxLjUxNyAyLjM5NCAyLjUyNSAzLjI5MyAxLjE5MS44OTkgMi45NTEuNzUyIDQuNjM5Ljg5OSAxLjc3NS4xMzQgNC4zLjIxOCA3Ljc4NS4yMThoMTAuOTE5bDMuMzUyLTExLjMxNy05Ljc3NS45MjNjLTEuMDQ1IDAtMS44LS41Ni0yLjExNC0xLjAzMnptMTAuNzM2LTM4LjE0OWgyMy4yODFsLTEuNDggNC42MzljLS4yMDguMTA5LS43MDYtLjIzLTMuMDc1LjA1aC0yMC4xNTlsMS40MzMtNC42ODl6bTQuNjY0LTE1LjU1OGgyMy40NzdsLTEuNjg4IDUuNTg3cy0xMS4wNjUtLjEwOS0xMi44MzcuMjE4Yy03Ljc5OCAxLjM0OS0xMi4zNTIgNS41MTYtMTIuMzUyIDUuNTE2bDMuNDAxLTExLjMyem0xNy42NTggMzUuNzMxYy0uMTkzLjY5My0uNDk3IDEuMTE2LS45MjMgMS40MzMtLjQ3My4zMDUtMS4yMzcuNDE0LTIuMzc4LjQxNGgtMy4zMTdsLjE5Ni01LjY0OWgtMTMuNzk4bC0uNTYgMjcuNjE4Yy0uMDIyIDEuOTkzLjE3MSAzLjE0NiAxLjYyOSA0LjA3IDEuNDU4IDEuMTUzIDUuOTUxIDEuMyAxMS45OTggMS4zaDguNjQ2bDMuMTIyLTEwLjMzOC03LjUyNy40MTQtMi41MDMuMTQ2Yy0uMzQyLS4xNDYtLjY2OC0uMjgtMS4wMzItLjY0NC0uMzE3LS4zMTQtLjg1Mi0uMTIxLS43NjUtMi4xMTRsLjA1OS03LjA3OSA3Ljg5NC0uMzI2YzQuMjYzIDAgNi4wODUtMS4zODcgNy42MzktMi43MDggMS40ODMtMS4yNjUgMS45NjgtMi43MiAyLjUyOC00LjY4OWwxLjMyNC02LjI2OGgtMTAuODQ4bC0xLjM4NCA0LjQyMXoiIGZpbGw9IiNGRUZFRkUiLz48L3N2Zz4=");
}
.rccs__card--visa .rccs__card__background, .rccs__card--visaelectron .rccs__card__background {
  background: linear-gradient(25deg, #0f509e, #1399cd);
}
.rccs__card--visa .rccs__issuer, .rccs__card--visaelectron .rccs__issuer {
  background-size: 75%;
}
.rccs__card--visa .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSIxNjZweCIgdmlld0JveD0iMCAwIDUxMiAxNjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgICA8Zz4gICAgICAgIDxwYXRoIGQ9Ik0yNjQuNzk0MTg3LDExMi40Nzk0OTEgQzI2NC41MDIwNzIsODkuNDQ4NTYxNiAyODUuMzE5MDgsNzYuNTk1NTE5OCAzMDEuMDAxMDIxLDY4Ljk1NDQxNzIgQzMxNy4xMTM0NDcsNjEuMTEzNDQ2NiAzMjIuNTI1MjU0LDU2LjA4NjAwMDggMzIyLjQ2Mzc1Niw0OS4wNzUyNTA3IEMzMjIuMzQwNzYsMzguMzQzODgzMyAzMDkuNjEwNzE0LDMzLjYwODU1MiAyOTcuNjk1NTE0LDMzLjQyNDA1ODYgQzI3Ni45MDkyNTUsMzMuMTAxMTk1MSAyNjQuODI0OTM1LDM5LjAzNTczMzYgMjU1LjIxNTkwMyw0My41MjUwNzM2IEwyNDcuNzI4NTQ1LDguNDg2Njk3NSBDMjU3LjM2ODMyNiw0LjA0MzQ4MDg3IDI3NS4yMTgwNjUsMC4xNjkxMTg5NzIgMjkzLjcyODkwNSwtMS40MjEwODU0N2UtMTQgQzMzNy4xNzcxMDYsLTEuNDIxMDg1NDdlLTE0IDM2NS42MDQ0NjgsMjEuNDQ3MzYwNSAzNjUuNzU4MjEzLDU0LjcwMjMwMDIgQzM2NS45MjczMzIsOTYuOTA1MTcwOSAzMDcuMzgxNDE5LDk5LjI0MjA4NzYgMzA3Ljc4MTE1NCwxMTguMTA2NTQgQzMwNy45MTk1MjQsMTIzLjgyNTgzNiAzMTMuMzc3NDU1LDEyOS45Mjk0OTQgMzI1LjMzODc3OCwxMzEuNDgyMzEzIEMzMzEuMjU3OTQyLDEzMi4yNjY0MSAzNDcuNjAwOTg1LDEzMi44NjYwMTQgMzY2LjEyNzIsMTI0LjMzMzE5MyBMMzczLjM5OTMxNSwxNTguMjMzODYgQzM2My40MzY2NywxNjEuODYyMjMgMzUwLjYyOTc1MiwxNjUuMzM2ODU3IDMzNC42ODY0NDUsMTY1LjMzNjg1NyBDMjkzLjc5MDQwMywxNjUuMzM2ODU3IDI2NS4wMjQ4MDMsMTQzLjU5NzM4MiAyNjQuNzk0MTg3LDExMi40Nzk0OTEgTTQ0My4yNzYyLDE2Mi40MTU3MTEgQzQzNS4zNDI5ODIsMTYyLjQxNTcxMSA0MjguNjU1MDk2LDE1Ny43ODgwMDEgNDI1LjY3MjQ1MiwxNTAuNjg1MDA0IEwzNjMuNjA1Nzg5LDIuNDkwNjYxMjIgTDQwNy4wMjMyNDIsMi40OTA2NjEyMiBMNDE1LjY2MzY4NCwyNi4zNjcxODUyIEw0NjguNzIwOTE4LDI2LjM2NzE4NTIgTDQ3My43MzI5ODksMi40OTA2NjEyMiBMNTEyLDIuNDkwNjYxMjIgTDQ3OC42MDY2OSwxNjIuNDE1NzExIEw0NDMuMjc2MiwxNjIuNDE1NzExIE00NDkuMzQ5MTA4LDExOS4yMTM1MDEgTDQ2MS44NzkyODcsNTkuMTYwODkxMiBMNDI3LjU2MzUxLDU5LjE2MDg5MTIgTDQ0OS4zNDkxMDgsMTE5LjIxMzUwMSBNMjEyLjE1MjA2MywxNjIuNDE1NzExIEwxNzcuOTI4NTMzLDIuNDkwNjYxMjIgTDIxOS4zMDExODMsMi40OTA2NjEyMiBMMjUzLjUwOTMzOSwxNjIuNDE1NzExIEwyMTIuMTUyMDYzLDE2Mi40MTU3MTEgTTE1MC45NDYzNywxNjIuNDE1NzExIEwxMDcuODgyNTMsNTMuNTY0NTkwNyBMOTAuNDYzMjc1NSwxNDYuMTE4NzkyIEM4OC40MTg0NzM0LDE1Ni40NTA0MjMgODAuMzQ2ODg2MSwxNjIuNDE1NzExIDcxLjM4MzU4MDYsMTYyLjQxNTcxMSBMMC45ODM5NjQ5MjcsMTYyLjQxNTcxMSBMMCwxNTcuNzcyNjI2IEMxNC40NTE5ODQ5LDE1NC42MzYyMzggMzAuODcxODk5NiwxNDkuNTc4MDQzIDQwLjgxOTE3LDE0NC4xNjYyMzYgQzQ2LjkwNzQ1MywxNDAuODYwNzI5IDQ4LjY0NDc2NjEsMTM3Ljk3MDMzMiA1MC42NDM0NDQ4LDEzMC4xMTM5ODcgTDgzLjYzNzAxODgsMi40OTA2NjEyMiBMMTI3LjM2MTk2LDIuNDkwNjYxMjIgTDE5NC4zOTQ1NzEsMTYyLjQxNTcxMSBMMTUwLjk0NjM3LDE2Mi40MTU3MTEiIGZpbGw9IiNGRkZGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1Ni4wMDAwMDAsIDgyLjY2ODQyOCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMjU2LjAwMDAwMCwgLTgyLjY2ODQyOCkgIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4=");
}
.rccs__card--visaelectron .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSIyMjhweCIgdmlld0JveD0iMCAwIDUxMiAyMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgICA8Zz4gICAgICAgIDxwYXRoIGQ9Ik0xOTQuMzkzMDEyLDIuOTE5MzQ0MTMgTDEyNy4zNjI1MTcsMTYyLjgzNTk4MSBMODMuNjI3OTMwNywxNjIuODM1OTgxIEw1MC42MzkwMTUyLDM1LjIwODY2MzIgQzQ4LjY0MTU2OTIsMjcuMzY1OTkwNyA0Ni45MDIzODU1LDI0LjQ3OTMzOCA0MC44MTUyNDI0LDIxLjE2NDQyNzYgQzMwLjg2NzI0MjIsMTUuNzYwNTM1MyAxNC40Mzk4MDE4LDEwLjcwNjQ0MTIgMCw3LjU2MTUyNjI4IEwwLjk3NDIwNDQyNCwyLjkxOTM0NDEzIEw3MS4zODE3MjM1LDIuOTE5MzQ0MTMgQzgwLjM0MjQ0MjcsMi45MTkzNDQxMyA4OC40MTA2ODYsOC44ODU1Mjg5NCA5MC40NjA0MzgzLDE5LjIxNjAxODggTDEwNy44OTE1MDUsMTExLjc2MjE3IEwxNTAuOTIzMjI2LDIuOTE5MzQ0MTMgTDE5NC4zOTMwMTIsMi45MTkzNDQxMyBaIE0yNTMuNTE1NDUyLDIuOTE5MzQ0MTMgTDIxOS4zMDcxNDYsMTYyLjgzNTk4MSBMMTc3LjkzMjg4LDE2Mi44MzU5ODEgTDIxMi4xNDExODYsMi45MTkzNDQxMyBMMjUzLjUxNTQ1MiwyLjkxOTM0NDEzIFogTTMwNy43Nzk5NDYsNDcuMjI5Mjk5NyBDMzA3LjkyMDUxOSw0MS40OTg0OTMxIDMxMy4zNzk5ODcsMzUuMzk1MDA0MyAzMjUuMzMxOTcxLDMzLjgzNTYyMzQgQzMzMS4yNTIzODgsMzMuMDcwNjQ0MSAzNDcuNjA3OTA3LDMyLjQ1OTMxNDUgMzY2LjEzNDEzNyw0MC45OTUwNDUyIEwzNzMuMzgxODI2LDcuMDY0NjE2NjQgQzM2My40MjcyODcsMy40NjUyOTA5IDM1MC42MTg3ODcsMCAzMzQuNjg0OTg3LDAgQzI5My43ODQ3NDcsMCAyNjUuMDEzMDI1LDIxLjcyMzQ1MSAyNjQuNzg0MTg2LDUyLjg1NTQ5MzcgQzI2NC41MTYxMTYsNzUuODgzMzMyNSAyODUuMzM0MDE0LDg4LjcxNzk4NTQgMzAwLjk4OTkzNyw5Ni4zODczOTM0IEMzMTcuMTE2NjE2LDEwNC4yMjAyNTggMzIyLjUyMzc3OCwxMDkuMjU0NzM4IDMyMi40NDg1ODgsMTE2LjI1Mzk3MSBDMzIyLjMzNDE2OCwxMjYuOTgzMjk3IDMwOS41NzE0MzYsMTMxLjczMzM2MSAyOTcuNzA0NDQ5LDEzMS45MDk4OTQgQzI3Ni44OTYzNTgsMTMyLjI0MDA3OCAyNjQuODMzMjIzLDEyNi4yODY5NjkgMjU1LjIxMjEzNywxMjEuODA0OTc1IEwyNDcuNzAyOTE3LDE1Ni44NTk5ODkgQzI1Ny4zODI4NDcsMTYxLjI5NjIxNSAyNzUuMjIyNTU3LDE2NS4xNTA1MzQgMjkzLjY5OTc1LDE2NS4zNDY2ODIgQzMzNy4xNzkzNDMsMTY1LjM0NjY4MiAzNjUuNjE3NjEzLDE0My44NzE2ODYgMzY1Ljc0NTEwOSwxMTAuNjI0NTA4IEMzNjUuOTE4Mzc0LDY4LjQyNjQxODggMzA3LjM5NzQ1Niw2Ni4wODU3MTI4IDMwNy43Nzk5NDYsNDcuMjI5Mjk5NyBaIE00NzMuNzQ3NzY1LDE2Mi44MzU5ODEgTDUxMiwxNjIuODM1OTgxIEw0NzguNTc5NTU4LDIuOTE5MzQ0MTMgTDQ0My4yODU4OTcsMi45MTkzNDQxMyBDNDM1LjMyNTUzNSwyLjkxOTM0NDEzIDQyOC42MzY4Nyw3LjUzODY0MjI4IDQyNS42Njg0ODksMTQuNjQyNDg4NiBMMzYzLjU4NzQ3NSwxNjIuODM1OTgxIEw0MDcuMDM0Mzc3LDE2Mi44MzU5ODEgTDQxNS42NTE4MzYsMTM4Ljk0ODM1OCBMNDY4LjczMjkwMSwxMzguOTQ4MzU4IEw0NzMuNzQ3NzY1LDE2Mi44MzU5ODEgWiBNNDI3LjU2NDU5MSwxMDYuMTc4NDc1IEw0NDkuMzUwMTU2LDQ2LjEyNDMyOTYgTDQ2MS44NjQ0MzMsMTA2LjE3ODQ3NSBMNDI3LjU2NDU5MSwxMDYuMTc4NDc1IFogTTMwNi40NjQ3NywyMDYuODU0MzI5IEwyODkuNjU0ODQsMjA2Ljg1NDMyOSBMMjg5LjY1NDg0LDIyMi41MDA0NDQgTDMwOC40NTg5NDcsMjIyLjUwMDQ0NCBMMzA4LjQ1ODk0NywyMjcuMjA0NzQgTDI4My45ODk0MTYsMjI3LjIwNDc0IEwyODMuOTg5NDE2LDE4My43OTcwNjggTDMwNy40OTQ1NSwxODMuNzk3MDY4IEwzMDcuNDk0NTUsMTg4LjUwMTM2NCBMMjg5LjY1NDg0LDE4OC41MDEzNjQgTDI4OS42NTQ4NCwyMDIuMjE1NDE2IEwzMDYuNDY0NzcsMjAyLjIxNTQxNiBMMzA2LjQ2NDc3LDIwNi44NTQzMjkgWiBNMzE3LjE0MzQyMywxODEuNDgxMjA4IEwzMjIuODA4ODQ3LDE4MS40ODEyMDggTDMyMi44MDg4NDcsMjI3LjIwMzQzMyBMMzE3LjE0MzQyMywyMjcuMjAzNDMzIEwzMTcuMTQzNDIzLDE4MS40ODEyMDggWiBNMzQ3Ljc4NzM4MywyMjMuNDY5MDkxIEMzNTEuODQ3NjU4LDIyMy40NjkwOTEgMzU0LjM1ODM1OSwyMjIuNzU5Njg3IDM1Ni40MjExODgsMjIxLjg2MDY3MyBMMzU3LjQ1MDk2OCwyMjUuOTE3Njc5IEMzNTUuNDUzNTIyLDIyNi44MTY2OTMgMzUxLjk3ODQyNCwyMjcuOTExODU2IDM0Ny4wMTU4NjYsMjI3LjkxMTg1NiBDMzM3LjQyNDIwMiwyMjcuOTExODU2IDMzMS42OTMzOTUsMjIxLjUzNzAyOCAzMzEuNjkzMzk1LDIxMi4xMzQ5NzUgQzMzMS42OTMzOTUsMjAyLjczMjkyMSAzMzcuMjI4MDUzLDE5NS4zOTA0MjggMzQ2LjMwOTczMSwxOTUuMzkwNDI4IEMzNTYuNTQ4Njg1LDE5NS4zOTA0MjggMzU5LjE5MDE1MiwyMDQuMjc5MjI2IDM1OS4xOTAxNTIsMjEwLjAxMDAzMiBDMzU5LjE5MDE1MiwyMTEuMTY3MzA5IDM1OS4xMjQ3NjksMjEyLjAwNDIwOSAzNTguOTk0MDAzLDIxMi42NDgyMyBMMzM3LjEwMDU1NywyMTIuNjQ4MjMgQzMzNy4yMjgwNTMsMjIwLjMxNDM2OSAzNDIuMDU5ODQ2LDIyMy40NjkwOTEgMzQ3Ljc4NzM4MywyMjMuNDY5MDkxIFogTTM1My43MTQzMzgsMjA4LjU5MTIyNCBDMzUzLjc3OTcyMSwyMDUuMDUwNzQzIDM1Mi4yMzM0MTcsMTk5LjQ0NzQzMyAzNDUuODU4NTg5LDE5OS40NDc0MzMgQzM0MC4wNjI0LDE5OS40NDc0MzMgMzM3LjYxMzgxMiwyMDQuNjY0OTg0IDMzNy4xNjI2NywyMDguNTkxMjI0IEwzNTMuNzE0MzM4LDIwOC41OTEyMjQgWiBNMzkwLjAyMjc0MSwyMjYuMTA4NTk3IEMzODguNTQxODE5LDIyNi44MTgwMDEgMzg1LjI1NjMzMSwyMjcuOTEzMTYzIDM4MS4wNzE4MjksMjI3LjkxMzE2MyBDMzcxLjY2OTc3NiwyMjcuOTEzMTYzIDM2NS41NTMyMSwyMjEuNTM4MzM2IDM2NS41NTMyMSwyMTIuMDA1NTE3IEMzNjUuNTUzMjEsMjAyLjQxMDU4NCAzNzIuMTE3NjQ4LDE5NS4zOTE3MzUgMzgyLjI5NDQ4OCwxOTUuMzkxNzM1IEMzODUuNjQyMDksMTk1LjM5MTczNSAzODguNjAzOTMzLDE5Ni4yMjUzNjcgMzkwLjE1MDIzOCwxOTcuMDY1NTM2IEwzODguODY1NDY1LDIwMS4zODA4MDQgQzM4Ny41MDg3NywyMDAuNjcxNCAzODUuMzgzODI4LDE5OS44OTY2MTMgMzgyLjI5NDQ4OCwxOTkuODk2NjEzIEMzNzUuMTQ0ODc0LDE5OS44OTY2MTMgMzcxLjI4NDAxNywyMDUuMjQxNjYxIDM3MS4yODQwMTcsMjExLjY4NTE0MSBDMzcxLjI4NDAxNywyMTguODk2ODY5IDM3NS45MTk2NjEsMjIzLjMzOTYzMyAzODIuMTAxNjA5LDIyMy4zMzk2MzMgQzM4NS4zMjE3MTQsMjIzLjMzOTYzMyAzODcuNDQ2NjU3LDIyMi41NjgxMTYgMzg5LjA1NTA3NSwyMjEuODU4NzEyIEwzOTAuMDIyNzQxLDIyNi4xMDg1OTcgWiBNNDA1LjkxODI5MiwxODguNTY0NDU4IEw0MDUuOTE4MjkyLDE5Ni4wMzQ0NDkgTDQxNC4wMjkwMzQsMTk2LjAzNDQ0OSBMNDE0LjAyOTAzNCwyMDAuMzQ2NDQ3IEw0MDUuOTE4MjkyLDIwMC4zNDY0NDcgTDQwNS45MTgyOTIsMjE3LjE1NjM3NyBDNDA1LjkxODI5MiwyMjEuMDIzNzczIDQwNy4wMTM0NTUsMjIzLjIxMDgyOSA0MTAuMTY4MTc3LDIyMy4yMTA4MjkgQzQxMS43MTEyMTIsMjIzLjIxMDgyOSA0MTIuNjE2NzY1LDIyMy4wODMzMzIgNDEzLjQ1MzY2NSwyMjIuODIxODAxIEw0MTMuNzExOTI3LDIyNy4xNDAzMzggQzQxMi42MTY3NjUsMjI3LjUyNjA5NyA0MTAuODc3NTgxLDIyNy45MTE4NTYgNDA4LjY4NzI1NSwyMjcuOTExODU2IEM0MDYuMDQ1Nzg4LDIyNy45MTE4NTYgNDAzLjkyMDg0NiwyMjcuMDA5NTcyIDQwMi41NzA2OSwyMjUuNTMxOTIgQzQwMS4wMjQzODYsMjIzLjc4OTQ2NyA0MDAuMzgwMzY1LDIyMS4wMjM3NzMgNDAwLjM4MDM2NSwyMTcuMzUyNTI2IEw0MDAuMzgwMzY1LDIwMC4zNDY0NDcgTDM5NS41NDg1NzIsMjAwLjM0NjQ0NyBMMzk1LjU0ODU3MiwxOTYuMDM0NDQ5IEw0MDAuMzgwMzY1LDE5Ni4wMzQ0NDkgTDQwMC4zODAzNjUsMTkwLjIzODI1OSBMNDA1LjkxODI5MiwxODguNTY0NDU4IFogTTQyMS45NDQ5MzUsMjA1Ljc1OTQ5MyBDNDIxLjk0NDkzNSwyMDIuMDg4MjQ2IDQyMS44NzYyODMsMTk4LjkzMzUyNCA0MjEuNjg2NjczLDE5Ni4wMzM3OTUgTDQyNi42NDU5NjIsMTk2LjAzMzc5NSBMNDI2LjkwNDIyNCwyMDIuMjE1NzQzIEw0MjcuMDkzODM1LDIwMi4yMTU3NDMgQzQyOC41MTI2NDIsMTk4LjAzMTI0MSA0MzEuOTg3NzQxLDE5NS4zODk3NzQgNDM1Ljc4NjQ4NCwxOTUuMzg5Nzc0IEM0MzYuMzY4MzkxLDE5NS4zODk3NzQgNDM2LjgxOTUzMywxOTUuNDU1MTU3IDQzNy4zMzYwNTgsMTk1LjUxNzI3IEw0MzcuMzM2MDU4LDIwMC44NjU1ODcgQzQzNi43NTQxNSwyMDAuNzM0ODIxIDQzNi4xNzg3ODEsMjAwLjczNDgyMSA0MzUuNDAwNzI1LDIwMC43MzQ4MjEgQzQzMS40MTIzNzIsMjAwLjczNDgyMSA0MjguNTc0NzU2LDIwMy42OTY2NjQgNDI3LjgwMzIzOCwyMDcuOTQ5ODE5IEM0MjcuNjc1NzQyLDIwOC43MjEzMzYgNDI3LjYxMDM1OSwyMDkuNjg1NzMzIDQyNy42MTAzNTksMjEwLjU5MTI4NiBMNDI3LjYxMDM1OSwyMjcuMjA1MDY3IEw0MjEuOTQ0OTM1LDIyNy4yMDUwNjcgTDQyMS45NDQ5MzUsMjA1Ljc1OTQ5MyBaIE00NzIuMTY2NDgxLDIxMS4zNjExNjkgQzQ3Mi4xNjY0ODEsMjIyLjg4ODE2NSA0NjQuMTE0NTgzLDIyNy45MTI4MzYgNDU2LjY0NDU5MywyMjcuOTEyODM2IEM0NDguMjcyMzIsMjI3LjkxMjgzNiA0NDEuNzA3ODgyLDIyMS43Mjc2MTkgNDQxLjcwNzg4MiwyMTEuODc3NjkzIEM0NDEuNzA3ODgyLDIwMS41MDc5NzQgNDQ4LjU5NTk2NSwxOTUuMzkxNDA4IDQ1Ny4xNjExMTgsMTk1LjM5MTQwOCBDNDY2LjExMjAyOSwxOTUuMzkxNDA4IDQ3Mi4xNjY0ODEsMjAxLjg5MzczMiA0NzIuMTY2NDgxLDIxMS4zNjExNjkgWiBNNDQ3LjUwMDgwMiwyMTEuNjg0ODE0IEM0NDcuNTAwODAyLDIxOC41MTA3ODMgNDUxLjM2NDkyOCwyMjMuNjYyOTUxIDQ1Ni45MDI4NTUsMjIzLjY2Mjk1MSBDNDYyLjMxMzI4NiwyMjMuNjYyOTUxIDQ2Ni4zNjcwMjMsMjE4LjU3Mjg5NyA0NjYuMzY3MDIzLDIxMS41NTQwNDggQzQ2Ni4zNjcwMjMsMjA2LjI3NDM4MyA0NjMuNzI4ODI1LDE5OS42MzgwMjQgNDU3LjAzMDM1MiwxOTkuNjM4MDI0IEM0NTAuNDAwNTMxLDE5OS42MzgwMjQgNDQ3LjUwMDgwMiwyMDUuODIzMjQyIDQ0Ny41MDA4MDIsMjExLjY4NDgxNCBaIE00ODAuODQ5OTc3LDIwNC40Njk0OSBDNDgwLjg0OTk3NywyMDEuMTg3MjcxIDQ4MC43ODEzMjUsMTk4LjYxMTE4NyA0ODAuNTkxNzE1LDE5Ni4wMzUxMDIgTDQ4NS42MTMxMTcsMTk2LjAzNTEwMiBMNDg1LjkzNjc2MywyMDEuMTg3MjcxIEw0ODYuMDY0MjU5LDIwMS4xODcyNzEgQzQ4Ny42MTA1NjMsMTk4LjI4NzU0MiA0OTEuMjE2NDI3LDE5NS4zOTEwODEgNDk2LjM2ODU5NiwxOTUuMzkxMDgxIEM1MDAuNjgwNTk1LDE5NS4zOTEwODEgNTA3LjM3OTA2NywxOTcuOTY3MTY2IDUwNy4zNzkwNjcsMjA4LjY1Mzk5MiBMNTA3LjM3OTA2NywyMjcuMjAzMTA2IEw1MDEuNzEzNjQ0LDIyNy4yMDMxMDYgTDUwMS43MTM2NDQsMjA5LjIzNTg5OSBDNTAxLjcxMzY0NCwyMDQuMjE0NDk3IDQ5OS44NDY5NjMsMjAwLjAyNjcyNSA0OTQuNTAxOTE2LDIwMC4wMjY3MjUgQzQ5MC44MzA2NjksMjAwLjAyNjcyNSA0ODcuOTMwOTM5LDIwMi42NjgxOTIgNDg2LjkwNDQyOSwyMDUuODIyOTE1IEM0ODYuNjQyODk3LDIwNi41MzIzMTkgNDg2LjUxNTQwMSwyMDcuNDk2NzE2IDQ4Ni41MTU0MDEsMjA4LjQ2NDM4MiBMNDg2LjUxNTQwMSwyMjcuMjAzMTA2IEw0ODAuODQ5OTc3LDIyNy4yMDMxMDYgTDQ4MC44NDk5NzcsMjA0LjQ2OTQ5IFoiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4gICAgPC9nPjwvc3ZnPg==");
}
.rccs__number {
  clear: both;
  font-family: "Consolas", "Courier", monospace;
  font-size: 20px;
  left: 10%;
  position: absolute;
  top: 45%;
}
.rccs__number.rccs__number--large {
  font-size: 17px;
}
.rccs__name {
  bottom: 15%;
  font-family: "Consolas", "Courier", monospace;
  font-size: 17px;
  left: 10%;
  line-height: 1;
  overflow: hidden;
  position: absolute;
  text-align: left;
  text-overflow: ellipsis;
  text-transform: uppercase;
  width: 60%;
}
.rccs__expiry {
  bottom: 15%;
  font-size: 0;
  line-height: 1;
  position: absolute;
  right: 10%;
}
.rccs__expiry > * {
  vertical-align: middle;
}
.rccs__expiry__valid {
  font-size: 10px;
  margin-bottom: 5px;
}
.rccs__expiry__value {
  font-family: "Consolas", "Courier", monospace;
  font-size: 16px;
}
.rccs__number, .rccs__name, .rccs__expiry, .rccs__cvc {
  opacity: 0.5;
  transition: opacity 0.3s;
}
.rccs__chip {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9Ijc2IiB2aWV3Qm94PSIwIDAgMTAwIDc2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGM0QwOEYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkFENzY2IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJNOTIuNzI3IDc1LjQ1NWgtODUuNDU1Yy00IDAtNy4yNzMtMy4yNzMtNy4yNzMtNy4yNzN2LTYwLjkwOWMwLTQgMy4yNzMtNy4yNzMgNy4yNzMtNy4yNzNoODUuNDU1YzQgMCA3LjI3MyAzLjI3MyA3LjI3MyA3LjI3M3Y2MC45MDljMCA0LTMuMjczIDcuMjczLTcuMjczIDcuMjczIiBmaWxsPSJ1cmwoI2EpIi8+PHBhdGggZD0iTTcyLjEyMyAyOC40ODVoMjcuODc4di0xLjgxOGgtMjkuNjQ4Yy0uOTY1IDAtMS44MzIuNjAxLTIuMTcyIDEuNTA0LTIuMjg3IDYuMDcyLTIuNDMzIDEyLjU5NC0uNDM4IDE5Ljg0Mi40NTUgMS42NTQuNDM1IDMuNC0uMSA1LjAzLTIuMDM2IDYuMTk1LTcuNzc5IDE5Ljk4OC0xOC41NTEgMTkuOTg4LTExLjAwOCAwLTE2LjA5Ni0xNS42OTktMTcuMzM0LTIxLjk1Mi0uMTU1LS43ODQtLjEyMi0xLjU5Mi4xMDctMi4zNTcgMS42OTUtNS42NDggMi4wOTQtMTAuNjQtLjAxNi0xOS41OS0uMjA1LS44Ny0uMTgyLTEuNzgzLjA0OC0yLjY0NiA0LjQ4LTE2Ljc1NSAxMi44ODItMjAuMTQ3IDEyLjk2NS0yMC4xNzkuMzU2LS4xMzIuNTkzLS40NzIuNTkzLS44NTJ2LTUuNDU1aC0xLjgxOHYzLjc3NmMwIC42NS0uMzMyIDEuMjUyLS44ODQgMS41OTYtMi44MDMgMS43NDItOC45MDQgNi45MzYtMTIuNTU3IDIwLjQ1Ni0uMTguNjY4LS43ODEgMS4xMzYtMS40NzMgMS4xMzNsLTI4LjcyMi0uMTM5djEuODE4bDI3LjQxNi4xMzNjMS40NjguMDA3IDIuNzM1IDEuMDQxIDMuMDM3IDIuNDc4IDEuNDE2IDYuNzQxIDEuMjE5IDExLjAzOS4wODIgMTUuNDU4LS4zMTYgMS4yMy0xLjQyIDIuMDk2LTIuNjkgMi4xMDlsLTI3Ljg0NC4yN3YxLjgxOWwyOC42MDUtLjI3OGMuNjkzLS4wMDcgMS4yOTYuNDczIDEuNDM1IDEuMTUyIDEuNDQyIDcuMDQxIDYuODg3IDIzLjA3IDE5LjA1IDIzLjA3IDYuMzY4IDAgMTIuMDYyLTQuMjUgMTYuNDY3LTEyLjI5IDIuNjQ0LTQuODI4IDQuMDY3LTkuNTkxIDQuNTQxLTExLjM0NmgyOS45MDF2LTEuODE4aC0yOC4wMTZjLTEuMTU4IDAtMi4xODMtLjc3Mi0yLjQ4OS0xLjg4OS0xLjY5Mi02LjE2NC0xLjc2MS0xMS43NTUtLjItMTYuOTU5LjM3MS0xLjIzNSAxLjUzOC0yLjA2MSAyLjgyNy0yLjA2MXptLTE3LjE1LTIxLjkxNGMuMDQ1LjAyMiA0LjUxOSAyLjMyMiA5LjI1MyAxMC4wNDEuMTcyLjI4LjQ3LjQzNC43NzYuNDM0LjE5OCAwIC4zOTktLjA2NC41NzEtLjIwMi4zNjUtLjI5Mi40MTYtLjgzNy4xNzItMS4yMzUtMy41Ny01LjgwNS03LjAyNC04LjcxLTguNzc1LTkuOTMxLS40My0uMjk5LS42OC0uNzkyLS42OC0xLjMxNXYtNC4zNjNoLTEuODE4djUuNzU4YzAgLjM0NS4xOTUuNjU5LjUwMi44MTN6IiBmaWxsPSIjMEMwMjAwIi8+PC9zdmc+");
  background-repeat: no-repeat;
  background-size: contain;
  height: 26.3636363636px;
  left: 10%;
  position: absolute;
  top: 10%;
  width: 41.4285714286px;
}
.rccs__issuer {
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
  height: 23%;
  position: absolute;
  right: 10%;
  top: 10%;
  width: 40%;
}
.rccs__stripe {
  background-color: #2a1d16;
  height: 22%;
  left: 0;
  position: absolute;
  top: 9%;
  width: 100%;
}
.rccs__signature {
  background: repeating-linear-gradient(0.1deg, #fff 20%, #fff 40%, #fea 40%, #fea 44%, #fff 44%);
  height: 18%;
  left: 5%;
  position: absolute;
  top: 35%;
  width: 75%;
}
.rccs__cvc {
  color: #222;
  font-family: "Consolas", "Courier", monospace;
  font-size: 14px;
  left: 67%;
  line-height: 1;
  position: absolute;
  top: 42%;
}
.rccs__cvc__front {
  font-family: "Consolas", "Courier", monospace;
  font-size: 11.9px;
  opacity: 0;
  position: absolute;
  right: 10%;
  top: 38%;
  visibility: hidden;
}
.rccs--filled {
  opacity: 0.8 !important;
}
.rccs--focused {
  font-weight: 700;
  opacity: 1 !important;
}

@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("../assets/fonts/SFProText-Regular.ttf") format("ttf");
}
.sort-icon {
  transition: 0.3s;
}
.sort-icon__desc {
  transform: rotate(180deg);
}
.new-folder-dialog, .new-file-dialog {
  width: 530px;
  padding: 40px;
}
.new-folder-dialog__description, .new-file-dialog__description {
  margin-top: 14px;
}
.new-folder-dialog__button-wrapper, .new-file-dialog__button-wrapper {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.new-folder-dialog__button-wrapper button:first-child, .new-file-dialog__button-wrapper button:first-child {
  margin-right: 20px;
}
@media (max-width: 768px) {
  .new-folder-dialog, .new-file-dialog {
    width: 100%;
    padding: 15px;
  }
}
.container-context-menu {
  position: relative;
  width: 174px;
}
.container-context-menu:before {
  content: "";
  position: absolute;
  display: inline-block;
  background-color: #fff;
  height: 24px;
  width: 24px;
  z-index: 0;
  border-radius: 4px;
  transform: rotate(-45deg);
  margin-top: -27px;
}
.container-context-menu.point-left {
  left: 0;
}
.container-context-menu.point-right {
  right: -48px;
}
.container-context-menu.point-right:before {
  right: 12px;
}
.container-context-menu.point-top {
  top: -10px;
}
.container-context-menu.point-top:before {
  top: 16px;
}
.container-context-menu.point-bottom {
  bottom: 48px;
}
.container-context-menu.point-bottom:before {
  bottom: -10px;
}
.container-context-menu .folder-item_wrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
}
.container-context-menu .folder-item_wrapper + .folder-item_wrapper {
  margin: 16px -16px 0;
  width: calc(100% + 32px);
  padding: 0 16px;
}
.submenu-popover {
  pointer-events: none;
}
.submenu-popover__paper {
  pointer-events: auto;
  padding: 16px;
}
.folder-item-icon {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  display: inline-block;
  padding-right: 30px;
}
.folder-item-icon.info-icon {
  background: url("/assets/info-2c878bb1.svg");
}
.folder-item-icon.delete-icon {
  background: url("/assets/delete-5311b3ea.svg");
}
.btn-message {
  border-radius: 12px;
}
.btn-message button {
  width: 18px;
  height: 18px;
  border: none;
  background: transparent;
}
.chat-container {
  background: #fafafb;
  height: 100vh;
  display: grid;
  grid-template-columns: 1fr 320px;
}
.chat-container .chat-block {
  width: 100%;
  height: inherit;
  position: relative;
  display: grid;
  grid-template-rows: 70px auto auto;
}
.chat-container .chat-block .chat-header .chat-header-box {
  padding: 16px 20px 16px 40px;
  height: 70px;
  display: flex;
  align-items: center;
  background: #ffffff;
  box-shadow: inset 0px -1px 0px #F1F1F5;
  border-right: 1px solid #F1F1F5;
}
.chat-container .chat-block .chat-header .schedule_a_call {
  width: 176px;
}
.chat-container .chat-block .chat-header .schedule_a_call svg {
  margin-right: 10px;
}
.chat-container .chat-block .chat-header .doc_list {
  width: 126px;
}
.chat-container .chat-block .chat-header .doc_list svg {
  margin-right: 10px;
}
@media (max-width: 768px) {
  .chat-container .chat-block .chat-header .chat-header-box {
    padding: 15px;
  }
}
.chat-container .chat-block .row h2 {
  margin-right: 30px;
}
.chat-container .chat-block .data-name {
  margin-bottom: 15px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
.chat-container .chat-block .data-name h6 {
  margin: 0 10px;
  width: max-content;
}
.chat-container .chat-block .data-name span {
  width: 30%;
  height: 1px;
  background: #f1f1f5;
}
.chat-container .chat-block .chat {
  height: calc(100% - 82px);
  padding: 0 100px;
  width: 100%;
}
.chat-container .chat-block .chat .display {
  display: block;
}
@media (max-width: 768px) {
  .chat-container .chat-block .chat .display {
    display: none;
  }
}
.chat-container .chat-block .chat .date-box {
  position: sticky;
  z-index: 3;
  top: 0;
  width: 100%;
  background: #fafafb;
  display: flex;
}
.chat-container .chat-block .chat .date-box .line {
  height: 1px;
  background: #f1f1f5;
  width: 100%;
  margin: 25px 0;
}
.chat-container .chat-block .chat .date-box .date-text {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
.chat-container .chat-block .chat .date-box .date-text .date {
  background: #FAFAFB;
  padding: 0 11px;
}
.chat-container .chat-block .chat .message-item {
  max-width: 95%;
  background: #ffffff;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 18px;
  border: 1px solid #f1f1f5;
}
.chat-container .chat-block .chat .message-item .body-text {
  white-space: break-spaces;
}
@media (max-width: 768px) {
  .chat-container .chat-block .chat .message-item {
    width: 80%;
    margin-left: 15px;
  }
  .chat-container .chat-block .chat .message-item .message-info {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    margin-top: 8px;
  }
}
.chat-container .chat-block .chat .message-item .avatar {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #B6B6B6;
}
.chat-container .chat-block .chat .message-item .btn-message {
  margin-left: 10px;
}
.chat-container .chat-block .chat .message-item .attachment-block {
  flex-wrap: wrap;
  margin: 18px 0 22px;
  gap: 10px;
}
.chat-container .chat-block .chat .message-item .attachment-block .btn-file {
  width: 266px;
}
@media (max-width: 768px) {
  .chat-container .chat-block .chat .message-item .attachment-block .btn-file {
    border: 1px solid #f1f1f5;
    flex-direction: row;
    height: 56px;
    width: 100%;
  }
  .chat-container .chat-block .chat .message-item .attachment-block .btn-file .box {
    width: 100%;
  }
  .chat-container .chat-block .chat .message-item .attachment-block .btn-file .box .more {
    padding: 7px 9px;
  }
  .chat-container .chat-block .chat .message-item .attachment-block .btn-file .btn-file-container {
    width: 102px;
  }
}
.chat-container .chat-block .chat .message-item.user {
  margin-left: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .chat-container .chat-block .chat .message-item.user {
    margin-left: 15%;
  }
}
.chat-container .chat-block .chat .message-item.client {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #F1F1F5;
}
.chat-container .chat-block .edit_message {
  height: calc(100% - 137px);
}
.chat-container .chat-block .send-message-form {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #ffffff;
  padding: 20px 40px;
}
.chat-container .chat-block .editMessage {
  border-top: 1px solid #f1f1f5;
}
.chat-container .chat-block .edit-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background: white;
  height: 40px;
  margin-bottom: 15px;
}
.chat-container .chat-block .edit-block .text-body {
  max-width: calc(100vw - 320px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .chat-container .chat-block .edit-block .text-body {
    max-width: calc(100vw - 160px);
  }
}
.chat-container .chat-block .edit-block .line {
  background: #888895;
  height: 30px;
  width: 3px;
}
.chat-container .chat-block .amount-bubble {
  position: absolute;
  top: -6px;
  right: -4px;
  font-size: 8px;
  color: white;
  background: #FC5A5A;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  border: 1px solid white;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.chat-container .chat-block .write-a-message {
  gap: 20px;
}
.chat-container .chat-block .write-a-message .input .input-element {
  background: #ffffff;
  border: 1px solid #d5d5dc;
  box-sizing: border-box;
  border-radius: 8px;
  margin: 0;
  padding: 12px 16px;
  max-height: 48px;
}
.chat-container .chat-block .write-a-message .attachment-button {
  width: 48px;
}
.chat-container .chat-block .write-a-message .blue {
  width: 137px;
}
@media (max-width: 768px) {
  .chat-container .chat-block .write-a-message .input .input-element {
    height: 38px;
  }
  .chat-container .chat-block .write-a-message .attachment-button {
    width: 38px;
    height: 38px;
  }
  .chat-container .chat-block .write-a-message .blue {
    height: 38px;
  }
}
.chat-container .main-storages {
  height: inherit;
  width: 320px;
  min-width: 320px;
  background: #ffffff;
}
.chat-container .main-storages .main-storage-filters {
  padding: 15px;
  height: 70px;
  justify-content: space-between;
  border-bottom: 1px solid #f1f1f5;
  gap: 15px;
}
.chat-container .main-storages .main-storage-filters .buttons {
  display: flex;
  gap: 15px;
}
.chat-container .main-storages .main-storage-filters h5 {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.1px;
  color: #171725;
}
.chat-container .main-storages .main-storage-filters button {
  width: 36px;
  height: 36px;
  background: rgba(241, 241, 245, 0.2);
  border: none;
}
.chat-container .main-storages .main-storage-filters .sort {
  background-image: url("/assets/sort_icon-0c109056.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.chat-container .main-storages .main-storage-filters .add-folder {
  background-image: url("/assets/add_folder-4a3b420e.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.chat-container .main-storages .content {
  max-height: calc(100vh - 82px);
  padding: 20px 40px 20px 30px;
}
.chat-container .main-storages .content .btn {
  width: 100%;
  margin-bottom: 20px;
  align-items: center;
}
@media (max-width: 768px) {
  .chat-container .main-storages .content .btn-file {
    border: 1px solid #f1f1f5;
    flex-direction: row;
    height: 56px;
    width: 100%;
  }
  .chat-container .main-storages .content .btn-file .box {
    width: 100%;
  }
  .chat-container .main-storages .content .btn-file .box .more {
    padding: 7px 9px;
  }
  .chat-container .main-storages .content .btn-file .btn-file-container {
    width: 102px;
  }
}
.chat-container .main-storages .content .btn-folder {
  height: 64px;
  border-radius: 12px;
  background: #ffffff;
  padding: 10px 10px 10px 15px;
  justify-content: space-between;
  border: 1px solid transparent;
  transition: 0.3s;
}
.chat-container .main-storages .content .btn-folder .icon {
  width: 28px;
  height: 28px;
  margin-right: 15px;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}
.chat-container .main-storages .content .btn-folder h3 {
  line-height: 26px;
}
.chat-container .main-storages .content .btn-folder button {
  width: 18px;
  height: 18px;
  border: none;
}
.chat-container .main-storages .content .btn-folder:hover {
  border-color: #50b5ff;
}
@media (max-width: 1024px) {
  .chat-container {
    height: calc(100vh - 190px);
    grid-template-columns: 1fr 290px;
  }
  .chat-container .main-storages {
    z-index: 6;
  }
  .chat-container .chat-block {
    width: 100%;
  }
  .chat-container .chat-block .chat {
    height: calc(100% - 122px);
    padding: 0;
  }
  .chat-container .chat-block .edit_message {
    height: calc(100% - 177px);
  }
  .chat-container .chat-block .write-a-message {
    gap: 15px;
    flex-direction: column;
  }
  .chat-container .chat-block .write-a-message .attachment-send {
    gap: 15px;
  }
  .chat-container .chat-block .write-a-message .attachment-send .send-btn {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .chat-container {
    height: calc(100vh - 170px);
    grid-template-columns: 1fr;
  }
}
.hide-storage {
  grid-template-columns: 1fr;
}
.mobile-main-storage-button {
  display: none;
}
.hide_doc_list {
  display: none;
}
.hide_doc_list_mobile {
  display: block;
}
@media (max-width: 992px) {
  .mobile-main-storage-button {
    display: block;
  }
  .show-mobile-main-storage {
    left: 0 !important;
  }
  .hide_doc_list {
    display: block;
  }
  .chat-container {
    position: relative;
    display: block;
  }
  .chat-container .main-storages {
    transition: 0.2s;
    position: absolute;
    right: 0;
    top: 70px;
  }
  .chat-container .main-storages .content {
    max-height: calc(100vh - 311px);
    background: white;
  }
  .chat-container .hide_doc_list_mobile {
    display: none;
  }
}
@media (max-width: 1024px) {
  .chat-container {
    margin-top: 70px;
    width: 100vw;
  }
}
@media (max-width: 320px) {
  .chat-container .chat-block .data-name span {
    width: 20%;
  }
}

@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("../assets/fonts/SFProText-Regular.ttf") format("ttf");
}
.message-control-container {
  position: absolute;
  z-index: 10;
  bottom: 82px;
  right: 104px;
}
.message-control-container .control-content {
  background: white;
  box-shadow: 7px 14px 42px -10px rgba(0, 0, 0, 0.39);
  border-radius: 10px;
}
.message-control-container .control-content .upload-attachment-control {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
  max-height: 228px;
  width: 275px;
}
.message-control-container .control-content .upload-attachment-control .btn-file .delete {
  width: 38px;
}
.message-control-container .control-content .upload-attachment-control .btn-file.focus {
  border-color: #f1f1f5;
}
.message-control-container .control-content .btn {
  padding: 20px;
  border-top: 1px solid #f1f1f5;
}
.message-control-container .control-content .btn .blue-border {
  min-width: 230px;
}
.message-control-container .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  right: 93px;
}
@media (max-width: 1024px) {
  .message-control-container .btn-file {
    border: 1px solid #f1f1f5;
    flex-direction: initial;
    height: 56px;
  }
  .message-control-container .btn-file .box {
    width: 77%;
  }
  .message-control-container .btn-file .box .btn-file-container {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .message-control-container {
    right: initial;
    left: 15px;
    bottom: 120px;
  }
  .message-control-container .btn-file {
    border: 1px solid #f1f1f5;
    flex-direction: initial;
    height: 56px;
  }
  .message-control-container .btn-file .box {
    width: 77%;
  }
  .message-control-container .btn-file .box .btn-file-container {
    width: 80%;
  }
  .message-control-container .triangle {
    right: initial;
    left: 6px;
  }
}

@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("../assets/fonts/SFProText-Regular.ttf") format("ttf");
}
.inventory-form-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: calc(100vh - 222px);
  max-height: 715px;
  overflow-y: auto;
}
.inventory-form-content .input-fields {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.inventory-form-content .input-fields .input.input input {
  margin: 10px 0 0;
}
.inventory-form-content .input-fields .input.input .error-text {
  position: initial;
}
@media (max-width: 768px) {
  .inventory-form-content .input-fields .input.input .error-text {
    position: initial;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.inventory-form-content .input-fields .input-box {
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
  width: 100%;
}
.inventory-form-content .input-fields .input-box .cost-qty-fields {
  display: flex;
  width: 100%;
  gap: 20px;
}
.inventory-form-content .input-fields .input-box .cost-per-item-field .icon {
  width: 10px;
}
.inventory-form-content .input-fields .input-box .cost-per-item-field input {
  padding: 6px 10px 6px 26px;
}
@media (max-width: 768px) {
  .inventory-form-content .input-fields .input-box .cost-per-item-field .dollar {
    top: 38px;
  }
}
.inventory-form-content .input-fields .input-box .sku-field {
  min-width: 150px;
}
.inventory-form-content .input-fields .input-box .cost-per-item-field {
  min-width: 107px;
}
.inventory-form-content .input-fields .input-box input.input.text {
  display: none;
}
@media (max-width: 768px) {
  .inventory-form-content .input-fields .input-box {
    flex-direction: column;
  }
  .inventory-form-content .input-fields .input-box .sku-field {
    min-width: 100%;
  }
}
@media (max-width: 768px) {
  .inventory-form-content .input-fields {
    padding: 15px;
  }
}
@media (max-width: 768px) {
  form {
    width: 100%;
  }
  form .item-log-box {
    padding: 15px;
    border-top: 1px solid #F1F1F5;
  }
  form .show-notes-mh {
    max-height: 375px;
  }
  form .hide-notes-mh {
    max-height: 434px;
  }
}
.add-inventory-item {
  width: 428px;
}
.add-inventory-item .buttons {
  gap: 20px;
  padding: 20px;
  border-top: 1px solid #F1F1F5;
}
.add-inventory-item .buttons .white {
  width: auto;
  padding: 0 36px;
}
@media (max-width: 768px) {
  .add-inventory-item {
    width: 100%;
  }
}
.edit-inventory-item {
  width: 856px;
  display: flex;
}
.edit-inventory-item .edit-inventory-content {
  display: flex;
  overflow-x: auto;
}
.edit-inventory-item .edit-inventory-content .buttons {
  gap: 20px;
  padding: 20px;
  border-top: 1px solid #F1F1F5;
}
.edit-inventory-item .edit-inventory-content .buttons .buttons_blue_red {
  display: flex;
  width: 100%;
  gap: 17px;
}
.edit-inventory-item .edit-inventory-content .buttons .white {
  width: auto;
  padding: 0 36px;
}
.edit-inventory-item .edit-inventory-content .buttons .red {
  width: 114px;
}
@media (max-width: 768px) {
  .edit-inventory-item .edit-inventory-content {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .edit-inventory-item .edit-inventory-content .buttons {
    flex-direction: column-reverse;
    gap: 10px;
  }
  .edit-inventory-item .edit-inventory-content .buttons .buttons_blue_red {
    gap: 15px;
    flex-direction: row-reverse;
  }
}
@media (max-width: 940px) {
  .edit-inventory-item {
    width: 100%;
  }
}
.edit-inventory-item .items-logs {
  width: 428px;
  min-width: 428px;
  border-left: 1px solid #F1F1F5;
  background: #FAFAFB;
}
.edit-inventory-item .items-logs .items-logs-header {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 20px;
  background: white;
  border-bottom: 1px solid #F1F1F5;
}
@media (max-width: 768px) {
  .edit-inventory-item .items-logs .items-logs-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    padding: 15px;
    border-bottom: none;
    border-top: 1px solid #F1F1F5;
  }
}
@media (max-width: 768px) {
  .edit-inventory-item .items-logs .table-control-box {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
.edit-inventory-item .items-logs .table-control {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.edit-inventory-item .items-logs .table-control .form_radio_group {
  height: 38px;
  background: #ffffff;
  border: 1px solid #f1f1f5;
  border-radius: 10px;
  padding: 2px;
  box-sizing: border-box;
  overflow: hidden;
  margin-right: 20px;
  display: flex;
}
.edit-inventory-item .items-logs .table-control .form_radio_group label {
  width: 100px;
  min-width: 100px;
}
@media (max-width: 768px) {
  .edit-inventory-item .items-logs .table-control .form_radio_group {
    margin-right: 0;
    width: 100%;
    justify-content: space-between;
  }
}
.edit-inventory-item .items-logs .item_logs_notes {
  overflow-y: auto;
  height: calc(100vh - 222px);
  max-height: 715px;
  padding: 0 20px 20px;
}
.edit-inventory-item .items-logs .item_logs_notes .date-box {
  width: 100%;
  position: relative;
  margin: 25px 0;
}
.edit-inventory-item .items-logs .item_logs_notes .date-box .line {
  height: 1px;
  background: #f1f1f5;
  width: 100%;
}
.edit-inventory-item .items-logs .item_logs_notes .date-box .date-text {
  display: flex;
  align-items: center;
  width: 100%;
  position: absolute;
  top: -7px;
  justify-content: center;
}
.edit-inventory-item .items-logs .item_logs_notes .date-box .date-text .date {
  background: #FAFAFB;
  padding: 0 11px;
}
.edit-inventory-item .items-logs .item_logs_notes .note-box {
  background: white;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .edit-inventory-item .items-logs .item_logs_notes {
    overflow-y: initial;
    min-width: 100%;
  }
  .edit-inventory-item .items-logs .item_logs_notes .note-box {
    background: #f1f1f5;
  }
}
.edit-inventory-item .items-logs .item_logs_invoices {
  overflow-y: auto;
  height: calc(100vh - 222px);
  max-height: 715px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.edit-inventory-item .items-logs .item_logs_invoices .items {
  display: flex;
  align-items: center;
  gap: 20px;
}
.edit-inventory-item .items-logs .item_logs_invoices .items .link {
  text-decoration: underline;
}
@media (max-width: 768px) {
  .edit-inventory-item .items-logs {
    overflow-y: initial;
    border-left: none;
    width: 100%;
    min-width: 100%;
  }
}

@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("../assets/fonts/SFProText-Regular.ttf") format("ttf");
}
.lock-screen .back-to-page {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.lock-screen .back-to-page img {
  margin-right: 15px;
}
.lock-screen .to-page-plan {
  width: min-content;
  padding: 20px;
  margin-left: 20px;
}
.lock-screen .mb-15 {
  margin-bottom: 15px;
}
.lock-screen .white-box {
  background: #ffffff;
  border-radius: 10px;
  padding: 20px;
}
.lock-screen .lock-screen-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.lock-screen .lock-screen-wrapper img {
  max-width: 100%;
}
.lock-screen .lock-screen-wrapper .box-container {
  margin: 40px -10px 30px;
  display: flex;
  justify-content: space-between;
}
.lock-screen .lock-screen-wrapper .box-container .box {
  width: 100%;
  margin: 0 10px;
  background: #ffffff;
  border: 2px solid #f1f1f5;
  border-radius: 10px;
  padding: 20px;
  max-width: 293px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.lock-screen .lock-screen-wrapper .box-container .box button {
  bottom: 0;
}
.lock-screen .lock-screen-wrapper .box-container .box .is-current {
  background: #3DD598;
  border-radius: 33px;
  margin-left: 5px;
}
.lock-screen .lock-screen-wrapper .box-container .box .is-current p {
  font-weight: 700;
  font-size: 10px;
  line-height: 15px;
  letter-spacing: 0.04em;
  color: #ffffff;
  padding: 1px 7px;
}
.lock-screen .lock-screen-wrapper .benefits {
  background: #ffffff;
  border: 1px solid #f1f1f5;
  border-radius: 10px;
  display: flex;
  height: 48px;
  padding: 12px 20px;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .lock-screen .white-box {
    padding: 15px;
    margin-bottom: 15px;
  }
  .lock-screen .lock-screen-wrapper .box-container {
    flex-direction: column;
    margin: -7.5px 0;
    padding: 30px 0;
    width: 100%;
  }
  .lock-screen .lock-screen-wrapper .box-container .box {
    max-width: 100%;
    margin: 7.5px 0;
  }
}




































@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("/assets/SFProText-Regular-b5315817.ttf") format("ttf");
}
html {
  scroll-behavior: smooth;
}
html,
body {
  width: 100%;
  height: 100%;
  position: relative;
  background: #fafafb;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
}
a,
label {
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
}
input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #ffffff !important;
}
* {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
}
:active,
:hover,
:focus {
  outline: 0;
  outline-offset: 0;
}
.layout {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
  overflow-y: auto;
}
.layout .wrapper {
  width: 100%;
  max-width: 1920px;
  position: relative;
}
.layout .wrapper.sidebar-display {
  display: grid;
  grid-template-columns: 250px auto;
}
.layout .wrapper .page-container {
  position: absolute;
  top: 0;
  right: 0;
  left: 250px;
  bottom: 0;
}
.layout .wrapper .page-container.navbar-display {
  padding-top: 70px;
}
.layout .wrapper .page-container .account-activation-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: calc(100% - 80px);
  min-height: 48px;
  margin: 24px 40px 12px;
  box-shadow: inset 0px -1px 0px #e2e2ea;
  overflow-y: hidden;
  overflow-x: auto;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.04em;
  color: #171725;
  border-radius: 15px;
  padding: 10px 20px;
  cursor: default;
}
.layout .wrapper .page-container .account-activation-btn:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(255, 199, 0, 0.4), rgba(255, 199, 0, 0.4)), #ffffff;
  opacity: 0.5;
  border-radius: 15px;
}
.layout .wrapper .page-container .account-activation-btn__text {
  position: relative;
  z-index: 1;
  font-weight: 400;
}
.layout .wrapper .page-container .account-activation-btn__text-btn {
  position: relative;
  z-index: 1;
  color: #171725;
  font-weight: 600;
  text-decoration-line: underline;
  display: flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
}
.layout .wrapper .page-container .account-activation-btn__text-btn svg {
  margin-left: 13px;
}
.layout .wrapper .page-container .account-activation-btn__text-btn:hover {
  text-decoration-line: none;
}
.layout .wrapper .page-container .container {
  padding: 20px 40px 45px;
}
.layout .wrapper .page-container .container .row {
  display: flex;
  flex-direction: row;
}
.layout .wrapper .page-container .container .column {
  display: flex;
  flex-direction: column;
}
.layout .wrapper .page-container .container .container-block {
  width: 100%;
  background: #ffffff;
  border-radius: 20px;
  padding: 20px;
  display: flex;
}
.layout .wrapper .page-container.account-activation-btn-display .container {
  height: calc(100% - 86px);
}
.on-boarding-unactivated-profile, .demo-data-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: calc(100% - 80px);
  min-height: 48px;
  margin: 20px 40px 0;
  overflow-y: hidden;
  overflow-x: auto;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.04em;
  border-radius: 10px;
  padding: 10px 20px;
  cursor: default;
  user-select: none;
  background: linear-gradient(0deg, #FDF1CA, #FDF1CA), #ffffff;
}
@media (max-width: 1024px) {
  .on-boarding-unactivated-profile, .demo-data-block {
    width: calc(100% - 30px);
    margin: 10px 15px 0;
  }
}
@media (max-width: 480px) {
  .on-boarding-unactivated-profile, .demo-data-block {
    width: calc(100% - 20px);
    margin: 10px 10px 0;
    min-height: 60px;
    padding: 10px 15px;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 768px) {
  .trial-period {
    white-space: nowrap;
  }
}
.you-have-debt-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: calc(100% - 80px);
  min-height: 48px;
  margin: 20px 40px 0;
  box-shadow: inset 0px -1px 0px #e2e2ea;
  overflow-y: hidden;
  overflow-x: auto;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.04em;
  color: #171725;
  border-radius: 10px;
  padding: 10px 20px;
  cursor: default;
  user-select: none;
  background: #fafafb;
}
.you-have-debt-btn:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(255, 0, 0, 0.4), rgba(255, 0, 0, 0.4)), #ffffff;
  opacity: 0.5;
  border-radius: 10px;
}
.you-have-debt-btn__text {
  position: relative;
  z-index: 1;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.2px;
  color: #171725;
}
.you-have-debt-btn__text-btn {
  position: relative;
  z-index: 1;
  color: #171725;
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.1px;
  text-decoration-line: none;
  display: flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
}
.you-have-debt-btn__text-btn svg {
  margin-left: 13px;
}
.you-have-debt-btn__text-btn:hover {
  text-decoration-line: underline;
}
@media (max-width: 1024px) {
  .you-have-debt-btn {
    width: calc(100% - 30px);
    margin: 10px 15px 0;
  }
}
@media (max-width: 580px) {
  .you-have-debt-btn {
    width: calc(100% - 30px);
    min-height: 60px;
    margin: 10px 15px 0;
    padding: 10px 15px;
    flex-direction: column;
    align-items: baseline;
  }
  .you-have-debt-btn__text {
    font-weight: 400;
    font-size: 12px;
    line-height: 170%;
    letter-spacing: 0.04em;
  }
  .you-have-debt-btn__text-btn {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
  }
  .you-have-debt-btn__text-btn svg {
    margin-left: 7px;
    height: 12px;
    width: 11px;
  }
}
.error-boundary {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 130px 30px;
}
.error-boundary__image {
  width: 453px;
  height: 350px;
  margin-bottom: 40px;
}
.error-boundary__title {
  font-weight: 600;
  font-size: 28px;
  line-height: 42px;
  text-align: center;
  letter-spacing: 0.116667px;
  color: #171725;
}
.error-boundary__subtitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.2px;
  color: #92929d;
  margin: 16px 0 40px;
}
@media (max-width: 768px) {
  .error-boundary {
    padding: 30px;
  }
  .error-boundary__image {
    width: 260px;
    height: 202px;
  }
  .error-boundary__title {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.1px;
  }
  .error-boundary__subtitle {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.0857143px;
    margin: 10px 0 20px;
  }
}
@media (max-width: 1024px) {
  .layout .wrapper .page-container {
    width: 97vw;
    display: flex;
    left: 0;
    flex-direction: column;
    padding-top: 70px;
  }
  .layout .wrapper .page-container.navbar-display {
    padding-top: 140px;
  }
  .layout .wrapper .page-container .account-activation-btn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: calc(100% - 30px);
    margin: 10px 15px;
  }
  .layout .wrapper .page-container .account-activation-btn:before {
    border-radius: 10px;
  }
  .layout .wrapper .page-container .account-activation-btn__text {
    font-weight: 400;
    font-size: 12px;
    line-height: 170%;
    letter-spacing: 0.04em;
    color: #171725;
  }
  .layout .wrapper .page-container .account-activation-btn__text-btn {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.04em;
  }
  .layout .wrapper .page-container .account-activation-btn__text-btn svg {
    width: 16px;
    height: 16px;
    margin-left: 5px;
  }
  .layout .wrapper .page-container .container {
    padding: 15px 15px 90px;
  }
}
@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("/assets/SFProText-Regular-b5315817.ttf") format("ttf");
}
::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  background: #f1f1f5;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: #888895;
  border-radius: 10px;
  border: 3px solid #888895;
}
li {
  list-style-type: none;
}
.logo {
  padding: 21px;
}
.logo__link {
  width: 152px;
  height: 25px;
}
.logo__img {
  content: url("/assets/logo-3b325d16.svg");
}
h6 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #171725;
}
.text-table-header {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #171725;
  border: none;
}
.text-field {
  height: 48px;
  mix-blend-mode: normal;
  border: 2px solid #f1f1f5;
  box-sizing: border-box;
  border-radius: 10px;
  margin: 10px 0 30px;
  outline: none;
  background-color: #ffffff !important;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  display: flex;
  align-items: center;
  letter-spacing: 0.04em;
  padding: 6px 10px;
  width: 100%;
  transition: 0.2s;
}
.t1 {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.2px;
}
.text-600-15 {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
}
.text-400-12 {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.0857143px;
}
.text-400-15 {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
}
.main-text {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
}
.h-12-semibold-uppercase {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
.h1–15-semibold {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
}
.regular-12 {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.0857143px;
}
.h2-40-semibold {
  font-weight: 600;
  font-size: 40px;
  line-height: 60px;
  letter-spacing: 0.116667px;
}
.h-40-bold {
  font-weight: 600;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: 0.116667px;
}
.h-12-semibold {
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.0857143px;
}
.bold-20 {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1px;
}
.medium-15 {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
}
.h4 {
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.1px;
}
.dialog-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1px;
}
@media (max-width: 768px) {
  .dialog-title {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.1px;
  }
}
.button {
  width: 100%;
  height: 48px;
  border: none;
  border-radius: 10px;
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
}
.button.sm-font {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.1px;
}
.button.small-font {
  font-weight: 500;
  letter-spacing: 0.2px;
}
.button.font-500-12-18 {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.2px;
}
.button.small {
  height: 38px;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0.0857143px;
}
.button.h-38 {
  height: 38px;
}
.button.small-400-15-20 {
  height: 38px;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
}
.button.small-600-15-20 {
  height: 38px;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
}
.button.smaller {
  height: 30px;
}
.button.blue {
  background-color: #0062FF;
  color: #ffffff;
}
.button.blue svg path {
  transition: 0.3s;
  fill: #ffffff;
}
.button.blue:hover {
  background: #E6EFFF;
  color: #0062FF;
}
.button.blue:hover svg path {
  fill: #0062FF;
}
.button.blue:hover .loader:before, .button.blue:hover .loader:after {
  background: #E6EFFF;
}
.button.blue:disabled {
  color: #ffffff;
  cursor: not-allowed;
  background: #b6b6b6;
}
.button.blue:disabled:hover svg path {
  fill: #ffffff;
}
.button.red-background {
  background: #FC5A5A;
  color: #ffffff;
}
.button.red-background:hover {
  background: rgba(252, 90, 90, 0.7);
}
.button.red-background:hover .loader:before, .button.red-background:hover .loader:after {
  background: rgba(252, 90, 90, 0.7);
}
.button.green-border {
  border: 2px solid #3dd598;
  background-color: white;
  color: #3dd598;
}
.button.green-border:hover {
  background-color: #3dd598;
  color: #ffffff;
}
.button.lightblue {
  background: rgba(0, 98, 255, 0.1);
  color: #0062FF;
}
.button.link {
  background: none;
  color: #0062FF;
  text-decoration: underline;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-transform: capitalize;
}
.button.link svg path {
  fill: #0062FF;
}
.button.link:hover {
  color: #50b5ff;
}
.button.link:hover svg path {
  fill: #50b5ff;
}
.button.link:disabled {
  color: #888895;
}
.button.link:disabled svg path {
  fill: #888895;
}
.button.link-blue {
  background: none;
  color: #0062FF;
  text-decoration: underline;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-transform: capitalize;
}
.button.link-blue svg path {
  transition: 0.3s;
  fill: #0062FF;
}
.button.link-blue:hover {
  color: #50b5ff;
}
.button.link-blue:hover svg path {
  fill: #50b5ff;
}
.button.link-blue:disabled {
  color: #888895;
}
.button.link-blue:disabled svg path {
  fill: #888895;
}
.button.link-red {
  background: none;
  color: #FC5A5A;
  text-decoration: underline;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-transform: capitalize;
}
.button.link-red svg path {
  transition: 0.3s;
  fill: #FC5A5A;
}
.button.link-red:hover {
  color: #FF9F9F;
}
.button.link-red:hover svg path {
  fill: #FF9F9F;
}
.button.link-red:disabled {
  color: #888895;
}
.button.link-red:disabled svg path {
  fill: #888895;
}
.button.blue-border {
  border: 2px solid #0062FF;
  background-color: white;
  color: #0062FF;
}
.button.blue-border svg path {
  fill: #0062FF;
}
.button.blue-border:hover {
  background: #0062FF;
  color: #ffffff;
}
.button.blue-border:hover svg path {
  fill: #ffffff;
}
.button.blue-border:disabled {
  border: 2px solid #b6b6b6;
  color: #b6b6b6;
  cursor: not-allowed;
}
.button.blue-border:disabled svg path {
  fill: #b6b6b6;
}
.button.blue-border:disabled:hover {
  background: #ffffff;
  color: #b6b6b6;
}
.button.blue-border:disabled:hover svg path {
  fill: #b6b6b6;
}
.button.gray {
  background: #ffffff;
  border: 2px solid #b6b6b6;
  color: #b6b6b6;
}
.button.red {
  background: #ffffff;
  border: 2px solid #FC5A5A;
  color: #FC5A5A;
}
.button.red:hover {
  border-color: rgba(252, 90, 90, 0.2);
  background: rgba(252, 90, 90, 0.2);
}
.button.green {
  background: #ffffff;
  border: 2px solid #3dd598;
  color: #3dd598;
}
.button.green:hover {
  background: #3dd598;
  color: white;
}
.button.white {
  border: 2px solid #f1f1f5;
  box-sizing: border-box;
  background: #ffffff;
  color: #171725;
}
.button.white:hover {
  border: 2px solid #171725;
}
.button.white:hover .loader:before, .button.white:hover .loader:after {
  background: #ffffff;
}
.button.white:disabled {
  color: #b6b6b6;
  cursor: not-allowed;
  border: 2px solid #f1f1f5;
}
.button.log-out-btn {
  border: 2px solid #f1f1f5;
  box-sizing: border-box;
  background: #ffffff;
  color: #171725;
}
.button.log-out-btn svg path {
  transition: all 0.3s ease-in-out;
}
.button.log-out-btn:hover {
  border: 2px solid #FC5A5A;
  color: #FC5A5A;
}
.button.log-out-btn:hover .loader:before, .button.log-out-btn:hover .loader:after {
  background: #ffffff;
}
.button.log-out-btn:hover svg path {
  fill: #FC5A5A;
  stroke: #FC5A5A;
}
.button.log-out-btn:disabled {
  color: #b6b6b6;
  cursor: not-allowed;
  border: 2px solid #f1f1f5;
}
.select-invalid > div > div {
  border: 2px solid #FC5A5A;
}
.error-text {
  position: absolute;
  top: 81px;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.04em;
  color: #FC5A5A;
  display: flex;
  align-items: center;
}
.error-text svg {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.special-label {
  display: flex !important;
  font-weight: 600;
  font-size: 12px !important;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #171725;
}
.input.input {
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.input.input .icon {
  width: 26px;
  height: 26px;
  position: absolute;
  z-index: 1;
}
.input.input .icon-check {
  top: 42px;
  right: 11px;
  background: url("/assets/Check-Circle-580d2c8e.svg") no-repeat center center;
}
.input.input .icon.icon-check.invalid {
  background: url("/assets/Check-Invalid-Circle-5e43c1a6.svg") no-repeat center center;
}
.input.input .icon.search {
  background: url("/assets/search-4f0bb251.svg") no-repeat center center;
}
.input.input .crossed-out {
  width: 24px;
  height: 24px;
  top: 40px;
  right: 15px;
  cursor: pointer;
  background: url("/assets/Eye-Crossed-Out-7a999e23.svg") no-repeat center center;
}
.input.input .icon-eye {
  width: 24px;
  height: 24px;
  top: 40px;
  right: 15px;
  cursor: pointer;
  background: url("/assets/Eye-33f1be6e.svg") no-repeat center center;
}
.input.input .email {
  width: 24px;
  height: 24px;
  top: 21px;
  right: 15px;
  background: url("/assets/ic_Email-3adc53d4.svg") no-repeat center center;
}
.input.input .attachment {
  top: 43px;
  right: 10px;
  cursor: pointer;
  background: url("/assets/ic_attachment-e82aad0c.svg") no-repeat center center;
}
.input.input .dollar {
  left: 15px;
  top: 40px;
}
.input.input .dollar:after {
  content: "$";
}
.input.input .btn-clear-field {
  width: 34px;
  height: 34px;
  margin: 7px;
  position: absolute;
  top: 0;
  right: 0;
}
.input.input label {
  display: flex;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #171725;
}
.input.input input {
  height: 48px;
  mix-blend-mode: normal;
  border: 2px solid #f1f1f5;
  box-sizing: border-box;
  border-radius: 10px;
  margin: 10px 0 30px;
  outline: none;
  background-color: #ffffff !important;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.04em;
  padding: 6px 10px;
  display: block;
  width: 100%;
  transition: 0.2s;
}
.input.input input:focus {
  border: 2px solid #171725;
}
.input.input input::placeholder {
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: 0.2px;
  color: #92929d;
}
.input.input input::-webkit-outer-spin-button,
.input.input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input.input input.invalid {
  border: 2px solid #FC5A5A;
}
.input.textarea {
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.input.textarea label {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #171725;
}
.input.textarea textarea {
  height: 100%;
  min-height: 48px;
  mix-blend-mode: normal;
  border: 2px solid #f1f1f5;
  box-sizing: border-box;
  border-radius: 10px;
  margin: 10px 0 30px;
  outline: none;
  background-color: #ffffff !important;
  font: inherit;
  padding: 12px;
  display: block;
  width: 100%;
  resize: vertical;
  font-weight: 400;
  font-size: 14px;
}
.input.textarea textarea::placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.2px;
  color: #92929d;
}
.input.textarea textarea.invalid {
  border: 2px solid #FC5A5A;
}
.input.radio.radio-group {
  height: 28px;
  width: auto;
  display: inline-block;
  float: left;
}
.input.radio.radio-group input[type=radio] {
  height: 28px;
  position: absolute;
  opacity: 0;
  top: 0;
  z-index: 10;
  margin: 0;
  cursor: pointer;
}
.input.radio.radio-group .label {
  display: inline-block;
  padding: 2px 9px;
  margin: 2px;
  height: 28px;
  width: 80px;
  border: none;
  border-radius: 8px;
  text-transform: none;
  color: #171725;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.2px;
}
.input.radio.radio-group .label.checked {
  font-weight: 500;
  background: #0062FF;
  color: #ffffff;
}
.input.radio.btn {
  width: 100%;
  height: 16px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  position: relative;
}
.input.radio.btn .input-element {
  height: 16px;
  width: 16px;
  border: none;
  margin: 0;
  padding: 0;
}
.input.radio.btn .label {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #92929d;
  margin-left: 6px;
  text-transform: none;
  display: flex;
  align-items: center;
}
.input.radio.btn .label.checked {
  font-family: "SF Pro Display", sans-serif;
  font-weight: 500;
  letter-spacing: 1.2px;
  color: #0062FF;
}
.input.radio.nav .label {
  display: flex;
  justify-content: center;
  width: 200px;
  font-weight: 400;
  text-transform: none;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.2px;
  color: #92929d;
  padding: 5px 0 17px;
}
.input.radio.nav .label.checked {
  font-weight: 500;
  letter-spacing: 0.1px;
  color: #171725;
  border-bottom: 1px solid #0062FF;
  box-shadow: inset 0px -1px 0px rgba(68, 68, 79, 0.1);
}
.input.radio.nav input[type=radio] {
  position: absolute;
  width: 200px;
  opacity: 0;
  top: 0;
  margin: 0;
  padding: 5px 0 17px;
  cursor: pointer;
}
.input.toggle-switch {
  transition: 0.3s;
  width: 56px;
  height: 30px;
  position: relative;
}
.input.toggle-switch input[type=checkbox] {
  width: 56px;
  height: 30px;
  position: absolute;
  opacity: 0;
  top: 0;
  margin: 0;
  cursor: pointer;
}
.input.toggle-switch .label {
  width: 56px;
  height: 30px;
  display: inline-block;
  background: #fafafb;
  border: 1px solid #f1f1f5;
  box-sizing: border-box;
  border-radius: 20px;
}
.input.toggle-switch .label:before {
  position: absolute;
  transition: 0.3s;
  right: 26px;
  content: "";
  width: 26px;
  height: 26px;
  margin: 1px;
  background: #e0e0e0;
  border-radius: 50%;
}
.input.toggle-switch.checked .label {
  background: #ecfbf5;
}
.input.toggle-switch.checked .label:before {
  transition: 0.3s;
  right: 0;
  background: #3dd598;
}
.input.toggle-switch.checked.blue .label {
  background: #e6efff;
}
.input.toggle-switch.checked.blue .label:before {
  transition: 0.3s;
  right: 0;
  background: #0062FF;
}
@media (max-width: 768px) {
  .input.toggle-switch {
    width: 45px;
    height: 24px;
  }
  .input.toggle-switch input[type=checkbox] {
    width: 45px;
    height: 24px;
    min-height: 24px;
  }
  .input.toggle-switch .label {
    width: 45px;
    height: 24px;
  }
  .input.toggle-switch .label:before {
    right: 21px;
    width: 20px;
    height: 20px;
    background: #B6B6B6;
  }
}
.input.select {
  position: relative;
}
.input.select .input-element {
  height: 48px;
  mix-blend-mode: normal;
  border: 2px solid #f1f1f5;
  box-sizing: border-box;
  border-radius: 10px;
  margin: 10px 0 30px;
  outline: none;
  background-color: #ffffff !important;
  font: inherit;
  padding: 6px 10px;
  width: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  display: flex;
  align-items: center;
  letter-spacing: 0.2px;
  color: #7f85a2;
  position: relative;
  transition: 0.2s;
}
.input.select .input-element:after {
  content: "";
  position: absolute;
  top: 12px;
  right: 8px;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-image: url("/assets/ic_Dropdown-ef28dfab.svg");
}
.input.select .select__wrapp {
  cursor: pointer;
  z-index: 888;
}
.input.select .select__options {
  opacity: 0;
  height: 0;
  position: absolute;
  width: 100%;
  top: 32px;
  left: 0;
  transition: 0.3s ease;
  background: #fafafb;
  mix-blend-mode: normal;
  border: 2px solid #f1f1f5;
  box-sizing: border-box;
  border-radius: 10px;
  font-weight: 400;
}
.input.select .select__options .select__option {
  display: none;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  align-items: center;
  letter-spacing: 0.2px;
  color: #92929d;
  margin-bottom: 12px;
  text-transform: capitalize;
}
.input.select .select__options .select__option:hover {
  color: #000000;
}
.input.select .select__options.active {
  opacity: 1;
  visibility: visible;
  height: auto;
  max-height: 276px;
  padding: 58px 15px 0;
  z-index: 888;
  font-weight: 400;
}
.input.select .select__options.active .select__option {
  display: flex;
  font-weight: 400;
}
.input.select .invalid {
  border: 2px solid #FC5A5A;
}
.input.select .select__wrapp.active .input-element {
  z-index: 999 !important;
}
.input.phone-input {
  position: relative;
}
.input.phone-input .react-tel-input {
  margin: 30px 0 32px;
}
.input.phone-input .form-control {
  position: relative;
  height: 48px;
  mix-blend-mode: normal;
  border: 2px solid #f1f1f5;
  box-sizing: border-box;
  border-radius: 10px;
  margin: 13px 0 29px;
  outline: none;
  background-color: #ffffff !important;
  font-weight: 400;
  padding: 6px 10px 6px 50px;
  display: block;
  width: 100%;
  transition: 0.2s;
}
.input.phone-input .form-control:focus {
  border: 2px solid #171725;
}
.input.phone-input .form-control.invalid {
  border: 2px solid #FC5A5A;
}
.input.phone-input .special-label {
  position: absolute;
  top: -26px;
  left: 0;
  padding: 0;
  z-index: 0;
}
.input.phone-input.active .special-label {
  color: #92929d;
}
.input.phone-input .flag-dropdown {
  height: 44px;
  top: 2px;
  left: 2px;
  background-color: white;
  border-radius: 10px 0 0 10px;
  border: 1px solid #f1f1f5;
  border-top: none;
  border-bottom: none;
  border-left: none;
}
.input.phone-input .flag-dropdown .selected-flag:hover {
  border-radius: 10px 0 0 10px;
}
.input.input.active label, .input.input.active .special-label,
.input.textarea.active label,
.input.textarea.active .special-label,
.select-country.active label,
.select-country.active .special-label {
  color: #92929d;
}
.select-el {
  position: relative;
  width: 240px;
  height: 38px;
}
.select-el .select {
  width: 100%;
  height: 100%;
  z-index: 19;
  position: relative;
  background: #fafafb;
  border: 1px solid #f1f1f5;
  box-sizing: border-box;
  border-radius: 12px;
  padding: 11px 0 5px 16px;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.1px;
  color: #171725;
  cursor: pointer;
  font-weight: 400;
}
.select-el .select:before {
  content: "";
  position: absolute;
  top: 0;
  right: 28px;
  width: 1px;
  height: 38px;
  background: #f1f1f5;
}
.select-el .select:after {
  content: url("/assets/ic_Dropdown-ef28dfab.svg");
  position: absolute;
  top: 10px;
  right: 6px;
}
.select-el .select-el-options {
  opacity: 0;
  z-index: 18;
  visibility: hidden;
  position: absolute;
  transition: 0.3s ease;
  font-weight: normal;
  top: 0;
  left: 0;
  min-width: 100%;
  background: #ffffff;
  border: 1px solid #f1f1f5;
  box-sizing: border-box;
  border-radius: 12px;
  padding-top: 45px;
  cursor: pointer;
  font-weight: 400;
}
.select-el .select-el-options .select-el-option {
  list-style-type: none;
  padding: 10px 20px;
}
.select-el .select-el-options .select-el-option:hover {
  background: rgba(21, 109, 251, 0.1);
}
.select-el .select-el-options.active {
  opacity: 1;
  visibility: visible;
  height: auto;
}
.select-el .select-el-options.active:after {
  transform: rotate(180deg);
}
.drag-and-drop-container {
  position: relative;
}
.drag-and-drop-container.active .isDropped {
  border: 2px dashed gray;
}
.drag-and-drop-container .dnd__wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.drag-and-drop-container .is-drag {
  border: 1px dashed;
  border-radius: 10px;
  z-index: 25;
  background: white;
  opacity: 0.7;
}
.drag-and-drop-container .dnd__text {
  position: absolute;
  right: 0;
  left: 0;
  color: grey;
  font-size: 36px;
}
.drag-and-drop-container .add-company__dnd {
  width: 210px;
  height: 150px;
  z-index: 99;
}
table {
  width: 100%;
  position: relative;
  border-collapse: collapse;
}
table .text-table-header:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
table .text-table-header:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
table tr.title-table {
  height: 38px;
  background: #fafafb;
}
table tr.title-table th {
  padding: 0 14px;
}
table tr.table-body td {
  padding: 15px 14px 15px;
}
.team-management-more-actions {
  min-width: 174px;
}
.table-row-action-item_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.table-row-action-item_wrapper span {
  transition: 0.2s;
}
.table-row-action-item_wrapper:hover span {
  color: #0062FF !important;
}
.delete-member {
  padding-top: 18px;
  margin-top: 18px;
  border-top: 1px solid #f1f1f5;
}
.table-row-action-item_wrapper + .table-row-action-item_wrapper {
  margin-top: 16px;
}
.table-row-action-item-icon {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  display: inline-block;
  padding-right: 30px;
}
.table-row-action-item-icon.info-icon {
  background: url("/assets/info-2c878bb1.svg");
}
.table-row-action-item-icon.download-icon {
  background: url("/assets/download-98944825.svg");
}
.table-row-action-item-icon.ask-icon {
  background: url("/assets/ask-e5b5a13d.svg");
}
.table-row-action-item-icon.delete-icon {
  background: url("/assets/delete-5311b3ea.svg");
}
.table-row-action-item-icon.edit-icon {
  background: url("/assets/edit-8f6793b5.svg");
}
.table-row-action-item-icon.downloadFile-icon {
  background: url("/assets/download-583b1243.svg");
}
.export-icon {
  width: 24px;
  height: 24px;
  margin: 0 6px 0 -5px;
  background: url("/assets/export-1d9c15d7.svg");
  background-size: cover;
}
.data-picker {
  width: max-content;
  min-width: 190px;
  height: 38px;
  border: 1px solid #e2e2ea;
  box-sizing: border-box;
  border-radius: 10px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.2px;
  color: #454553;
  align-items: center;
  cursor: pointer;
  padding: 5px 12px 5px 5px;
}
.btn-panel .search-input .input input {
  border: 1px solid #f1f1f5;
  padding: 6px 10px 6px 41px;
  margin: 0;
  height: 38px;
}
.btn-panel .search-input .input input:hover {
  border-color: hsl(0, 0%, 70%);
}
.btn-panel .search-input .input .icon {
  bottom: 0;
  width: 38px;
  height: 38px;
}
.MuiTabs-scrollButtonsDesktop {
  display: inline-flex !important;
}
.context-menu {
  position: absolute;
}
.pagination-mobile {
  height: 62px;
  width: 100%;
}
.pagination-mobile .MuiToolbar-root {
  width: 100%;
  padding: 15px;
}
.pagination-mobile .MuiTablePagination-spacer, .pagination-mobile .MuiTablePagination-selectLabel, .pagination-mobile .MuiInputBase-root {
  display: none;
}
.pagination-mobile .MuiTablePagination-displayedRows {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #44444F;
  position: relative;
}
.pagination-mobile .MuiTablePagination-displayedRows:after {
  content: " items";
}
.pagination-mobile .MuiTablePagination-actions {
  margin-left: auto !important;
}
.pagination-mobile .MuiButtonBase-root {
  height: 32px;
  width: 32px;
  border: 1px solid #E2E2EA;
  border-radius: 8px;
  margin-left: 15px;
}
@media (max-width: 1200px) {
  table tr.table-body td {
    padding: 12px;
  }
}
.btn-filter {
  display: none;
}
@media (max-width: 768px) {
  .special-label {
    font-size: 11px !important;
    line-height: 16px;
  }
  .error-text {
    position: revert;
    margin-top: -10px;
    margin-bottom: 15px;
  }
  .input.input input {
    padding: 6px 14px;
    margin: 10px 0 15px;
  }
  .input.input label {
    font-size: 11px;
    line-height: 16px;
  }
  .input.input .crossed-out, .input.input .icon-eye {
    top: 38px;
  }
  .input.phone-input .react-tel-input {
    margin: 40px 0 15px;
  }
  .input.phone-input .react-tel-input .special-label {
    top: -25px;
  }
  .btn-filter {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 90px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.2px;
    text-decoration-line: underline;
    color: #0062FF;
  }
}
.popover-context-menu .MuiPopover-paper {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #fafafb;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 8px 8px 16px rgba(0, 0, 0, 0.08);
  padding: 20px;
}
.input-link {
  display: flex;
  justify-content: space-between;
}
.input-link input {
  border: none;
  padding-left: 5px;
  width: calc(100% - 20px);
}
.input-link input::placeholder {
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: 0.2px;
  color: #92929d;
  width: 100%;
}
@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("/assets/SFProText-Regular-b5315817.ttf") format("ttf");
}
.container-auth {
  display: flex;
  height: 100%;
  overflow-y: auto;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  min-height: 100vh;
}
.container-auth:first-child {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  background: url("/assets/auth-decor-b491e283.svg") no-repeat;
  background-size: contain;
  background-position-y: center;
  width: 100%;
  height: 100vh;
}
.container-auth .first-container {
  width: 49%;
  min-height: 100vh;
  padding: 50px 49px;
  position: relative;
  left: 0;
  background: transparent;
}
.container-auth .first-container .app-version {
  position: relative;
  left: 0;
  bottom: 0;
  z-index: 2;
  padding: 6px 20px;
  display: flex;
  justify-content: center;
  width: 100%;
}
@media (max-width: 768px) {
  .container-auth .first-container .app-version {
    display: none;
  }
}
.container-auth .first-container .logo .logo-mobile {
  display: none;
}
.container-auth .first-container .logo .logo-desktop {
  width: 232px;
  height: 46px;
  object-fit: contain;
  position: relative;
  z-index: 1;
}
.container-auth .first-container .reset-password {
  padding: 200px 0 0 30px;
}
.container-auth .first-container .form {
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  padding: 12px 0 0 30px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
}
.container-auth .first-container .form .title {
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 40px;
  line-height: 60px;
  letter-spacing: 0.116667px;
  color: #171725;
}
.container-auth .first-container .form .subtitle {
  margin-bottom: 48px;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #92929d;
}
.container-auth .first-container .form .password-container {
  position: relative;
}
.container-auth .first-container .form .password-container .forgot-password {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.04em;
  color: #2F80ED;
  text-decoration-line: underline;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.container-auth .first-container .form .password-container .forgot-password:hover {
  font-weight: 600;
}
.container-auth .first-container .form .auth-button-grid {
  display: grid;
  gap: 15px;
  margin-top: 18px;
}
.container-auth .first-container .form .btn-sign-in {
  margin-bottom: 20px;
}
.container-auth .first-container .form .confirm_button {
  min-height: 48px;
  margin-bottom: 20px;
}
.container-auth .first-container .form .not-registred-yet {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: #92929d;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container-auth .second-container {
  width: 51%;
  min-height: 100vh;
  background: #f1f1f5;
  display: flex;
  align-items: center;
  position: inherit;
  right: 0;
}
.container-auth .second-container .carousel {
  width: 100%;
  min-height: 730px;
  margin: 24px 0;
  padding-top: 24px;
}
.container-auth .second-container .carousel .carousel__slider {
  height: 500px;
  min-height: 500px;
}
.container-auth .second-container .carousel .slide-container {
  height: 500px;
  min-height: 500px;
  display: flex;
  flex-direction: column;
}
.container-auth .second-container .carousel .slide-container .image {
  height: 520px;
  max-height: 520px;
  text-align: center;
  background: #f1f1f5;
}
.container-auth .second-container .carousel .slide-container .image img {
  height: 500px;
  max-height: 500px;
  border-radius: 16px;
  object-fit: contain;
}
.container-auth .second-container .carousel .slide-container .description {
  max-width: 567px;
  min-height: 200px;
  height: 200px;
  overflow: hidden;
  padding: 15px 30px 16px 0;
  margin: 0 auto;
  text-align: center;
}
.container-auth .second-container .carousel .slide-container .description .title {
  font-weight: 600;
  font-size: 28px;
  line-height: 42px;
  letter-spacing: 0.116667px;
  color: #171725;
  margin-bottom: 16px;
}
.container-auth .second-container .carousel .slide-container .description .subtitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.2px;
  color: #92929d;
}
.container-auth .second-container .carousel .slide-container--text {
  height: 188px;
  min-height: 188px;
}
.container-auth .second-container .carousel .carousel__dot-group {
  width: 80%;
  max-width: 537px;
  height: 8px;
  margin: 30px auto 0 auto;
  display: flex;
  justify-content: center;
}
.container-auth .second-container .carousel .carousel__dot-group .carousel__dot {
  width: 8px;
  height: 8px;
  background: #ffffff;
  margin: 0 4px;
  border: none;
  border-radius: 10px;
}
.container-auth .second-container .carousel .carousel__dot-group .carousel__dot--selected {
  background: #2F80ED;
}
.container-auth .timer {
  height: 48px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  .container-auth {
    flex-direction: column;
  }
  .container-auth .first-container {
    width: 100%;
    position: relative;
    min-height: auto;
  }
  .container-auth .first-container:before {
    display: none;
  }
  .container-auth .first-container .form, .container-auth .first-container .reset-password {
    padding: 48px 0 0;
  }
  .container-auth .second-container {
    width: 100%;
    padding: 20px;
    min-height: auto;
    position: relative;
  }
  .container-auth .second-container .carousel {
    margin: 0;
    padding: 0;
    min-height: auto;
  }
  .container-auth .second-container .carousel .carousel__slider {
    height: 500px;
    min-height: 500px;
  }
  .container-auth .second-container .carousel .slide-container .image {
    height: auto;
    max-height: none;
    display: flex;
    justify-content: center;
  }
  .container-auth .second-container .carousel .slide-container .image img {
    width: 100%;
    max-width: 750px;
    height: auto;
    max-height: none;
  }
  .container-auth .second-container .carousel .slide-container .description {
    padding: 0px 30px 16px;
    margin: 0 auto;
  }
  .container-auth .second-container .carousel .slide-container--text {
    height: 160px;
    min-height: 160px;
  }
  .container-auth .second-container .carousel .carousel__dot-group {
    margin: 15px auto;
  }
}
@media (max-width: 768px) {
  .container-auth .first-container {
    padding: 0;
  }
  .container-auth .first-container .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    width: 100%;
    background: #ffffff;
    box-shadow: inset 0px -1px 0px #E2E2EA;
  }
  .container-auth .first-container .logo .logo-desktop {
    display: none;
  }
  .container-auth .first-container .logo .logo-mobile {
    display: block;
    width: 128px;
    height: 20px;
    object-fit: contain;
    position: relative;
    z-index: 1;
  }
  .container-auth .first-container .form {
    padding: 20px 15px 30px;
  }
  .container-auth .first-container .form .title {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.1px;
    margin-bottom: 0;
  }
  .container-auth .first-container .form .subtitle {
    font-size: 12px;
    line-height: 175%;
    margin-bottom: 18px;
  }
  .container-auth .first-container .form .password-container {
    display: flex;
    flex-direction: column;
  }
  .container-auth .first-container .form .password-container .forgot-password {
    position: relative;
    margin: 6px auto 2px;
  }
  .container-auth .first-container .form .auth-button-grid {
    gap: 15px;
  }
  .container-auth .first-container .form .auth-button-grid .btn-sign-in {
    margin-bottom: 5px;
  }
  .container-auth .first-container .form .auth-button-grid .not-registred-yet {
    font-size: 12px;
    line-height: 18px;
  }
  .container-auth .first-container .form .auth-button-grid .back_to_login {
    margin-top: 5px;
  }
  .container-auth .second-container .carousel .carousel__slider {
    height: 200px;
    min-height: 200px;
  }
  .container-auth .second-container .carousel .slide-container .image img {
    max-width: 100%;
  }
  .container-auth .second-container .carousel .slide-container .description {
    padding: 25px 0 20px;
  }
  .container-auth .second-container .carousel .slide-container .description .title {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.1px;
  }
  .container-auth .second-container .carousel .slide-container .description .subtitle {
    font-size: 12px;
    line-height: 175%;
    color: #b6b6b6;
  }
  .container-auth .second-container .carousel .slide-container--text {
    height: 160px;
    min-height: 160px;
  }
}
@media (max-width: 460px) {
  .container-auth {
    min-height: calc(100vh - 110px);
  }
  .container-auth .second-container {
    min-height: 379px;
    padding: 30px 15px;
  }
}
@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("/assets/SFProText-Regular-b5315817.ttf") format("ttf");
}
.navbar {
  position: fixed;
  display: flex;
  width: 100%;
  max-width: 1920px;
  height: 70px;
  z-index: 99;
  left: 0;
  right: 0;
  margin: auto;
  padding-left: 250px;
  overflow-y: hidden;
  overflow-x: auto;
  background: #ffffff;
  box-shadow: inset 0px -1px 0px #E2E2EA;
}
.navbar .MuiTabs-root {
  width: 100%;
  padding: 0 24px;
}
.navbar .MuiTabs-flexContainer {
  height: 100%;
}
.navbar .MuiTab-root {
  min-height: unset;
  height: 100%;
  min-width: unset;
  padding: unset;
}
.navbar .MuiButtonBase-root {
  margin: 0 20px 0 0;
}
.navbar .MuiTabs-indicator {
  background: #0062FF;
}
.navbar .MuiTab-wrapper {
  text-transform: none;
}
.navbar__list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.navbar__list-item {
  list-style-type: none;
  padding: 26px;
  width: max-content;
}
.navbar__link {
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 21px 0;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.2px;
  color: #171725;
  margin: 0 0 0 20px;
  text-transform: initial;
}
.navbar__link.navbar__link--active {
  font-weight: 600;
  letter-spacing: 0.1px;
  color: #0062FF;
}
.navbar::-webkit-scrollbar {
  height: 4px;
  border: 1px solid transparent;
}
.navbar::-webkit-scrollbar-thumb {
  background-color: #92929d;
  outline: 1px solid slategrey;
  border-radius: 8px;
  background-clip: padding-box;
}
@media (max-width: 1024px) {
  .navbar {
    top: 70px;
    height: 70px;
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .navbar .reports-tabs {
    padding: 0 !important;
  }
  .navbar .MuiTabs-root {
    padding: 0 5px;
  }
}
@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("/assets/SFProText-Regular-b5315817.ttf") format("ttf");
}
.mobile-menu {
  display: none;
  position: fixed;
  transition: 0.3s;
  padding: 25px 15px;
  z-index: 99;
  width: 100%;
  height: 70px;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  box-shadow: inset 0px -1px 0px #e2e2ea;
}
.mobile-menu__params {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #171725;
}
.mobile-menu button {
  padding: 0;
}
.mobile-menu__logo {
  width: 32px;
  height: 20px;
}
.mobile-menu__logo .mobile-logo-img {
  content: url("/assets/mobile-logo-6b17398e.svg");
}
.sidebar__wrapper {
  position: relative;
  z-index: 99;
  overflow: auto;
  height: 100%;
  width: 250px;
  transition: 0.3s;
  user-select: none;
}
.sidebar__wrapper .sidebar {
  position: fixed;
  height: 100%;
  width: 250px;
  background: #ffffff;
  box-shadow: inset -1px 0px 0px #e2e2ea;
  z-index: 999;
  overflow-y: auto;
  overflow-x: hidden;
}
.sidebar__wrapper .sidebar__logo {
  height: 70px;
  padding: 22px 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #F1F1F5;
}
.sidebar__wrapper .sidebar__logo__img {
  width: 156px;
  height: 25px;
  content: url("/assets/logo-3b325d16.svg");
}
.sidebar__wrapper .sidebar__logo-mobile {
  display: none;
}
.sidebar__wrapper .sidebar .select-company {
  margin: 0 20px;
  width: 210px;
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.sidebar__wrapper .sidebar .select-company .selected-company {
  background: rgba(241, 241, 245, 0.5);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px 50px 15px 15px;
  width: 100%;
}
.sidebar__wrapper .sidebar .select-company .selected-company .company-name {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar__wrapper .sidebar .select-company .selected-company .demo-data {
  display: flex;
  align-items: center;
  height: 15px;
  width: max-content;
  padding: 0 5px;
  background: #ffc542;
  border-radius: 33px;
  font-weight: 700;
  font-size: 10px;
  line-height: 15px;
  text-align: center;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #ffffff;
  margin-top: 4px;
}
.sidebar__wrapper .sidebar .select-company .selected-company svg {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 15px;
  z-index: 5;
}
.sidebar__wrapper .sidebar .select-company .options {
  position: absolute;
  font-weight: normal;
  width: 100%;
  margin-top: -10px;
  background: #ffffff;
  border: 1px solid #F1F1F5;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.04);
  border-radius: 0 0 10px 10px;
  padding: 16px 0 15px;
  z-index: 1;
}
.sidebar__wrapper .sidebar .select-company .options .edit-company-btn {
  width: calc(100% - 30px);
  height: 38px;
  line-height: 20px;
  letter-spacing: 0.1px;
  margin: 0 15px;
}
.sidebar__wrapper .sidebar .select-company .options .search-by-name {
  border-top: 1px solid #F1F1F5;
  border-bottom: 1px solid #F1F1F5;
  display: flex;
  height: 46px;
  padding: 0 15px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.sidebar__wrapper .sidebar .select-company .options .search-by-name .search-input input {
  border: none;
  margin: 0;
  height: 38px;
}
.sidebar__wrapper .sidebar .select-company .options .search-by-name .search-input input:focus {
  border: none;
}
.sidebar__wrapper .sidebar .select-company .options .search-by-name svg {
  margin: 0;
}
.sidebar__wrapper .sidebar .select-company .options .show-active-switcher {
  padding: 10px 20px;
  border-bottom: 1px solid #F1F1F5;
}
.sidebar__wrapper .sidebar .select-company .options .show-active-switcher .MuiFormControlLabel-root {
  gap: 15px;
}
.sidebar__wrapper .sidebar .select-company .options .text {
  width: 100%;
  margin: 5px 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.0857143px;
  color: #888895;
}
.sidebar__wrapper .sidebar .select-company .options .log-out {
  width: calc(100% - 30px);
  height: 38px;
  margin: 0 15px 15px;
}
.sidebar__wrapper .sidebar .select-company .options .list {
  margin-top: 15px;
  padding-top: 7px;
}
.sidebar__wrapper .sidebar .select-company .options .list .item {
  position: relative;
  padding: 8px 50px 7px 15px;
}
.sidebar__wrapper .sidebar .select-company .options .list .item:last-child {
  padding: 8px 50px 0 15px;
}
.sidebar__wrapper .sidebar .select-company .options .list .item .name {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: 0.3s ease;
}
.sidebar__wrapper .sidebar .select-company .options .list .item .status {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.0857143px;
  color: #888895;
  margin-top: 4px;
}
.sidebar__wrapper .sidebar .select-company .options .list .item:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url("/assets/circle-b597e59d.svg");
  position: absolute;
  right: 20px;
  top: 10px;
  transition: 0.3s ease;
}
.sidebar__wrapper .sidebar .select-company .options .list .item .selected-item, .sidebar__wrapper .sidebar .select-company .options .list .item:hover {
  cursor: pointer;
}
.sidebar__wrapper .sidebar .select-company .options .list .item .selected-item .name, .sidebar__wrapper .sidebar .select-company .options .list .item:hover .name {
  color: #0062FF;
}
.sidebar__wrapper .sidebar .select-company .options .list .item .selected-item:before, .sidebar__wrapper .sidebar .select-company .options .list .item:hover:before {
  background: url("/assets/circle-check-1c358728.svg");
}
.sidebar__wrapper .sidebar .select-company .options .list .selected-item {
  cursor: pointer;
}
.sidebar__wrapper .sidebar .select-company .options .list .selected-item .name {
  color: #0062FF;
}
.sidebar__wrapper .sidebar .select-company .options .list .selected-item:before {
  background: url("/assets/circle-check-1c358728.svg");
}
@media (max-width: 1024px) {
  .sidebar__wrapper .sidebar .select-company {
    width: 240px;
  }
}
.sidebar__wrapper .sidebar__inner-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 0;
  margin: -20px 0;
}
.sidebar__wrapper .sidebar__list {
  margin: 20px 0;
}
.sidebar__wrapper .sidebar__nav-title {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #888895;
  padding-left: 20px;
}
.sidebar__wrapper .sidebar .title {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
}
.sidebar__wrapper .sidebar__nav-item {
  padding: 18px 0 0;
  list-style-type: none;
}
.sidebar__wrapper .sidebar .message-bubble {
  justify-content: center;
  align-items: center;
  display: flex;
  margin: 0 12px 0 auto;
  background: #FC5A5A;
  border-radius: 12px;
  color: white;
  width: 37px;
}
.sidebar__wrapper .sidebar svg {
  margin-right: 20px;
}
.sidebar__wrapper .sidebar__link {
  display: flex;
  flex-direction: row;
  position: relative;
  text-decoration: none;
  align-items: center;
}
.sidebar__wrapper .sidebar__link .border-left {
  width: 3px;
  height: 30px;
  background: white;
  border-radius: 0 100px 100px 0;
  margin-right: 19px;
}
.sidebar__wrapper .sidebar__link .border-left-selected {
  background: #0062FF;
}
.sidebar__wrapper .sidebar__link span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 22px;
  background: #FC5A5A;
  border-radius: 12px;
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.1px;
  color: #ffffff;
  position: absolute;
  right: 0;
}
.sidebar__wrapper .sidebar__link--active .border-left {
  background: #0062FF;
}
.sidebar__wrapper .sidebar__link--active .title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #0062FF;
}
.sidebar__wrapper .sidebar__link--active svg path {
  fill: #0062FF;
}
.sidebar__wrapper .sidebar .status {
  text-transform: capitalize;
}
.sidebar__wrapper .sidebar .app-version {
  padding: 5px 18px;
  background: #F8F8FA;
  border-radius: 0 10px 10px 0;
  width: max-content;
  margin-top: 12px;
}
.add-company-dialog {
  padding: 40px;
  min-width: 540px;
}
.add-company-dialog__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.1px;
  color: #171725;
  margin-bottom: 24px;
}
.add-company-dialog .drag-and-drop-container {
  margin-bottom: 16px;
}
.add-company-dialog .inputs-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  height: 108px;
  padding-bottom: 32px;
}
.add-company-dialog .inputs-wrapper .input-container {
  max-width: 220px;
}
.add-company-dialog .input-wrapper {
  height: 108px;
  padding-bottom: 32px;
}
.add-company-dialog .phone-input .error-text {
  top: 51px;
}
@media (max-width: 1024px) {
  .mobile-menu {
    display: flex;
  }
  .sidebar__wrapper {
    position: absolute;
    top: 0;
  }
  .sidebar__wrapper .sidebar {
    width: 280px;
  }
  .sidebar__logo {
    display: none;
  }
  .sidebar__logo-mobile {
    display: flex !important;
    height: 70px;
    padding: 0 30px 0 10px;
    align-items: center;
    margin-bottom: 20px;
    justify-content: space-between;
  }
  .sidebar__logo-mobile .title {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: #171725;
  }
}
@media (max-width: 320px) {
  .add-company-dialog {
    padding: 20px;
  }
  .add-company-dialog .inputs-wrapper {
    grid-template-columns: 1fr;
  }
}
@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("/assets/SFProText-Regular-b5315817.ttf") format("ttf");
}
.dashboard-container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  background: #fafafb;
}
.dashboard-container__first-column {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.dashboard-container__first-column .income-and-expenses {
  width: 100%;
  background: #ffffff;
  border-radius: 20px;
  padding: 20px 17.5px 20px 20px;
  display: flex;
  flex-direction: column;
}
.dashboard-container__first-column .income-and-expenses .toolbar {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.dashboard-container__first-column .income-and-expenses .toolbar .title {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.1px;
  color: #171725;
  white-space: nowrap;
  margin-right: 14px;
  margin-bottom: 24px;
}
.dashboard-container__first-column .income-and-expenses .toolbar .btn-container {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.dashboard-container__first-column .income-and-expenses .toolbar .btn-container .calendar-and-export {
  display: flex;
}
.dashboard-container__first-column .income-and-expenses .toolbar .btn-container .form_radio_group {
  height: 38px;
  background: #ffffff;
  width: max-content;
  border: 1px solid #F1F1F5;
  border-radius: 10px;
  padding: 2px;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
}
.dashboard-container__first-column .income-and-expenses .toolbar .btn-container .form_radio_group .input.radio.radio-group {
  height: 32px;
}
.dashboard-container__first-column .income-and-expenses .toolbar .btn-container .form_radio_group .input.radio.radio-group .label {
  padding: 3px 9px;
  width: 99px;
}
.dashboard-container__first-column .income-and-expenses .toolbar .btn-container .filters-date {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 38px;
  border: 1px solid #F1F1F5;
  border-radius: 10px;
  position: relative;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
  padding-right: 34px;
  width: 224px;
  max-width: 224px;
  margin: 0 17.5px 0 20px;
  white-space: nowrap;
  cursor: pointer;
}
.dashboard-container__first-column .income-and-expenses .toolbar .btn-container .filters-date .filters-date-icon {
  margin: 10px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-size: contain;
  background: url("/assets/calendar-04620a50.svg") no-repeat center;
}
.dashboard-container__first-column .income-and-expenses .toolbar .btn-container .filters-date::before {
  content: "";
  position: absolute;
  background: #F1F1F5;
  top: 0;
  right: 26px;
  width: 1px;
  height: 100%;
}
.dashboard-container__first-column .income-and-expenses .toolbar .btn-container .filters-date svg {
  position: absolute;
  z-index: 2;
  top: 11px;
  right: 5px;
}
.dashboard-container__first-column .income-and-expenses .toolbar .btn-container .filters-date::after {
  content: "";
  position: absolute;
  z-index: 1;
  background: white;
  top: 0;
  right: 0;
  width: 26px;
  height: 100%;
  border-radius: 0 10px 10px 0;
}
.dashboard-container__first-column .income-and-expenses .toolbar .btn-container .export-button {
  width: 105px;
  height: 38px;
}
.dashboard-container__first-column .income-and-expenses .chart-wrapper {
  min-height: 346px;
  position: relative;
}
.dashboard-container__first-column .recent-transactions {
  width: 100%;
  background: #ffffff;
  border-radius: 20px;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.dashboard-container__first-column .recent-transactions__title {
  padding: 20px;
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.1px;
  color: #171725;
}
.dashboard-container__first-column .recent-transactions__table {
  padding: 0 10px;
  overflow: auto;
}
.dashboard-container__first-column .recent-transactions__table table {
  border-collapse: collapse;
}
.dashboard-container__first-column .recent-transactions__table table thead tr {
  height: 38px;
  background: #fafafb;
}
.dashboard-container__first-column .recent-transactions__table table thead th {
  padding: 0 10px;
  font-family: "Poppins", serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #888895;
  border-bottom: 0;
}
.dashboard-container__first-column .recent-transactions__table table thead th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  text-align: left;
  width: 15%;
}
.dashboard-container__first-column .recent-transactions__table table thead th:last-child {
  width: 12%;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  text-align: right;
}
.dashboard-container__first-column .recent-transactions__table table tbody td {
  font-family: "Poppins", serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
  border-bottom: 1px solid #fafafb;
  padding: 16px 10px 15px;
}
@media screen and (max-width: 1024px) {
  .dashboard-container__first-column .recent-transactions__table table tbody td {
    border-bottom: none;
  }
}
.dashboard-container__first-column .recent-transactions__table table tbody td.amount {
  font-weight: 600;
  letter-spacing: 0.1px;
  text-align: right;
}
.dashboard-container__first-column .recent-transactions__table table tbody td.amount.green {
  color: #3dd598;
}
.dashboard-container__first-column .recent-transactions__table table tbody td.amount.red {
  color: #FC5A5A;
}
.dashboard-container__first-column .recent-transactions .btn-all-transactions {
  width: 100%;
  padding: 19px 0 20px;
  left: 0;
  bottom: 0;
}
.dashboard-container__first-column .recent-transactions .btn-all-transactions span {
  display: none;
}
.dashboard-container__first-column .recent-transactions .btn-all-transactions.active {
  display: flex;
  justify-content: center;
  border-top: 1px solid #F1F1F5;
}
.dashboard-container__first-column .recent-transactions .btn-all-transactions.active span {
  display: flex;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-align: center;
  text-transform: uppercase;
  color: #0062FF;
  cursor: pointer;
}
.dashboard-container__first-column .recent-transactions .btn-all-transactions .show-more {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.dashboard-container__first-column .recent-transactions .btn-all-transactions .show-more span:first-child {
  margin: 0 auto;
}
.dashboard-container__first-column .recent-transactions .btn-all-transactions .show-more span:last-child {
  margin-right: 20px;
}
.dashboard-container__first-column .recent-transactions__no-data {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.dashboard-container__second-column {
  display: flex;
  flex-direction: column;
  padding-left: 30px;
  max-width: 416px;
  gap: 20px;
}
.dashboard-container__second-column .balances-block {
  width: 100%;
  background: #ffffff;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
}
.dashboard-container__second-column .balances-block .bank-logo {
  height: 57px;
}
.dashboard-container__second-column .balances-block .empty-bank {
  height: 40px;
}
.dashboard-container__second-column .balances-block__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.1px;
  color: #171725;
  padding: 20px 20px 5px;
}
.dashboard-container__second-column .balances-block__sub-title {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.0857143px;
  color: #B6B6B6;
  padding: 0 20px;
}
.dashboard-container__second-column .balances-block__item-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.dashboard-container__second-column .balances-block__item-block .bank_name {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.2px;
  color: #171725;
}
.dashboard-container__second-column .balances-block__item-block .amount {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  text-align: right;
  letter-spacing: 0.2px;
  color: #171725;
}
.dashboard-container__second-column .balances-block__item-block.no-date {
  padding: 20px;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #171725;
}
.dashboard-container__second-column .balances-block .total-block {
  border-top: 1px solid #f1f1f5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 20px;
}
.dashboard-container__second-column .balances-block .total-block .total {
  font-weight: 600;
  font-size: 20px;
  line-height: 36px;
  letter-spacing: 0.1px;
  color: #0062FF;
}
.dashboard-container__second-column .dashboard-transactions {
  flex-direction: column;
}
.dashboard-container__second-column .dashboard-transactions .dashboard-transactions-items {
  margin-top: 31px;
  overflow: auto;
  padding-right: 20px;
}
.dashboard-container__second-column .dashboard-transactions .dashboard-transactions-items .dashboard-transaction-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
}
.dashboard-container__second-column .dashboard-transactions .dashboard-transactions-items .dashboard-transaction-item .status {
  width: 20px;
  height: 20px;
  background: url("/assets/ic_Information-2021c0b0.svg");
  background-size: cover;
}
.dashboard-container__second-column .bookkeeper {
  width: 100%;
  min-width: 386px;
  background: #ffffff;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.dashboard-container__second-column .bookkeeper .avatar {
  width: 80px;
  min-width: 80px;
  height: 80px;
  background: url("/assets/avatar-bookkeeper-bc566e29.svg") no-repeat center;
  background-size: cover;
}
.dashboard-container__second-column .bookkeeper .avatar img {
  position: absolute;
  bottom: 0;
  right: 0;
}
.dashboard-container__second-column .bookkeeper .consultation-button {
  position: relative;
}
.dashboard-container__second-column .bookkeeper .consultation-button svg {
  position: absolute;
  right: 18px;
  width: 14px;
}
.dashboard-container__second-column .bookkeeper .title {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  align-items: center;
  letter-spacing: 0.2px;
  color: #B6B6B6;
  margin: 15px 0 5px;
}
.dashboard-container__second-column .bookkeeper .subtitle {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1px;
  margin-bottom: 20px;
  color: #171725;
}
.dashboard-container__second-column .bookkeeper .link {
  margin-top: 20px;
}
.dashboard-container__second-column .bookkeeper .link button {
  padding: 14px 22px;
  white-space: nowrap;
}
.dashboard-container__second-column .bookkeeper .link button svg {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.dashboard-container__second-column .banking-account {
  background: white;
  border-radius: 10px;
}
.dashboard-container__second-column .banking-account .content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-bottom: 1px solid #f1f1f5;
}
.dashboard-container__second-column .banking-account .buttons {
  padding: 20px;
  display: flex;
  gap: 20px;
}
@media (max-width: 1360px) {
  .dashboard-container {
    grid-template-columns: 1fr;
  }
  .dashboard-container__second-column {
    padding-left: 0;
    max-width: none;
    margin-top: 20px;
  }
}
@media (max-width: 1024px) {
  .dashboard-container__first-column .income-and-expenses {
    padding: 15px;
    border-radius: 10px;
  }
  .dashboard-container__first-column .income-and-expenses .toolbar {
    width: 100%;
  }
  .dashboard-container__first-column .income-and-expenses .toolbar .title {
    height: 24px;
    width: 100%;
    margin-bottom: 15px;
  }
  .dashboard-container__first-column .income-and-expenses .toolbar .btn-container {
    width: 100%;
    flex-direction: column;
    margin-bottom: 0;
  }
  .dashboard-container__first-column .income-and-expenses .toolbar .btn-container .calendar-and-export {
    width: 100%;
  }
  .dashboard-container__first-column .income-and-expenses .toolbar .btn-container .form_radio_group {
    order: 3;
    margin: 10px 0 20px;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .dashboard-container__first-column .income-and-expenses .toolbar .btn-container .filters-date {
    order: 1;
    margin: 0 10px 0 0;
    width: calc(100% - 96px);
  }
  .dashboard-container__first-column .income-and-expenses .toolbar .btn-container .filters-date__icon {
    display: none;
  }
  .dashboard-container__first-column .income-and-expenses .toolbar .btn-container .filters-date__text {
    line-height: 22px;
    letter-spacing: 0.2px;
  }
  .dashboard-container__first-column .income-and-expenses .toolbar .btn-container .export-button {
    width: 30%;
    order: 2;
  }
  .dashboard-container__first-column .income-and-expenses .chart-container {
    overflow: auto;
    width: calc(100vw - 60px);
  }
  .dashboard-container__first-column .income-and-expenses .chart-container .chart-wrapper {
    width: 100%;
    min-height: auto;
  }
  .dashboard-container__first-column .recent-transactions {
    border-radius: 10px;
    margin-top: 10px;
  }
  .dashboard-container__first-column .recent-transactions__title {
    padding: 15px;
    border-bottom: 1px solid #F1F1F5;
  }
  .dashboard-container__first-column .recent-transactions__table {
    padding: 0 15px;
  }
  .dashboard-container__first-column .recent-transactions__table table thead {
    display: none;
  }
  .dashboard-container__first-column .recent-transactions__table table tbody .table-body {
    display: flex;
    flex-direction: column;
    position: relative;
    border-top: 1px solid #F1F1F5;
    padding: 15px 108px 15px 0;
  }
  .dashboard-container__first-column .recent-transactions__table table tbody .table-body:first-child {
    border-top: none;
  }
  .dashboard-container__first-column .recent-transactions__table table tbody .table-body td {
    padding: 0;
  }
  .dashboard-container__first-column .recent-transactions__table table tbody .table-body td.transactions-title {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.2px;
  }
  .dashboard-container__first-column .recent-transactions__table table tbody .table-body td.purpose {
    text-align: left;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.0857143px;
  }
  .dashboard-container__first-column .recent-transactions__table table tbody .table-body td.date-time {
    text-align: left;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.0857143px;
    margin-top: 6px;
  }
  .dashboard-container__first-column .recent-transactions__table table tbody .table-body td.amount {
    position: absolute;
    right: 0;
    top: 40px;
    text-align: right;
  }
  .dashboard-container__first-column .recent-transactions .btn-all-transactions.active span {
    font-weight: 600;
  }
  .dashboard-container__second-column {
    margin-top: 10px;
  }
  .dashboard-container__second-column .balances-block {
    border-radius: 10px;
    margin-bottom: 10px;
  }
  .dashboard-container__second-column .balances-block__title {
    padding: 15px 15px 5px;
  }
  .dashboard-container__second-column .balances-block__sub-title {
    line-height: 150%;
    padding: 0 15px;
  }
  .dashboard-container__second-column .balances-block__item-block {
    padding: 15px;
  }
  .dashboard-container__second-column .balances-block__item-block.no-date {
    padding: 15px;
  }
  .dashboard-container__second-column .balances-block .total-block {
    padding: 15px;
  }
  .dashboard-container__second-column .bookkeeper {
    border-radius: 10px;
    padding: 15px 20px;
    min-width: 100%;
  }
  .dashboard-container__second-column .bookkeeper .title {
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.0857143px;
    margin: 15px 0 0;
  }
  .dashboard-container__second-column .bookkeeper .subtitle {
    margin-bottom: 15px;
  }
  .dashboard-container__second-column .bookkeeper .link {
    margin-top: 15px;
  }
  .dashboard-container__second-column .bookkeeper .link button {
    padding: 14px 17px;
  }
}
@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("/assets/SFProText-Regular-b5315817.ttf") format("ttf");
}
.payroll-entry {
  background: #fafafb;
}
.payroll-entry .header {
  background: #ffffff;
  border-radius: 10px;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.payroll-entry .header .block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 13px 0;
}
.payroll-entry .header .block .buttons {
  display: flex;
  margin: 0 -10px;
  border-right: 1px solid #f1f1f5;
}
.payroll-entry .header .block .buttons button {
  margin: 0 10px;
  width: auto;
  padding: 9px 17px;
}
@media (max-width: 768px) {
  .payroll-entry .header .block .buttons {
    flex-direction: column;
    gap: 10px;
  }
}
.payroll-entry .header .title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
  margin-right: 15px;
  white-space: nowrap;
}
.payroll-entry .header .review-btn {
  width: 84px;
}
.payroll-entry .header .select-payroll {
  width: 375px;
  margin: 0 0 0 10px;
}
.payroll-entry .header .select-employee-type {
  width: 250px;
}
.payroll-entry__filters {
  background: #ffffff;
  border-radius: 10px 10px 0 0;
  display: flex;
  padding: 20px;
}
.payroll-entry__filters .select-per-page {
  width: 180px;
  min-width: 180px;
}
.payroll-entry__filters .payroll-entry-search {
  margin: 0 20px;
}
.payroll-entry__filters .payroll-entry-search .input-element {
  height: 40px !important;
  margin: 0 !important;
  border: 1px solid #f1f1f5 !important;
  padding: 9px 20px 9px 40px !important;
}
.payroll-entry__filters .payroll-entry-search .icon {
  top: 6px;
  left: 6px;
}
.payroll-entry__filters .timesheet-options-btn {
  width: 172px;
  min-width: 172px;
}
.payroll-entry .payroll-entry-table {
  height: calc(100% - 170px);
}
.payroll-entry .payroll-entry-table__container {
  background: #ffffff;
  border-radius: 0 0 10px 10px;
  padding: 0 10px;
}
.payroll-entry .payroll-entry-table__container table {
  min-width: 1110px;
}
.payroll-entry .payroll-entry-table__container table .Mui-checked {
  color: #0062FF;
}
.payroll-entry .payroll-entry-table__container table thead {
  height: 38px;
  background: white;
}
.payroll-entry .payroll-entry-table__container table thead th {
  font-family: "Poppins", sans-serif;
  padding: 9px 10px;
  background: #fafafb;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #888895;
  border-bottom: none;
}
.payroll-entry .payroll-entry-table__container table thead th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.payroll-entry .payroll-entry-table__container table thead th:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.payroll-entry .payroll-entry-table__container table thead th.pay {
  width: 75px;
}
.payroll-entry .payroll-entry-table__container table thead th.pay span {
  width: 20px;
  height: 20px;
  padding: 0;
  margin-right: 8px;
}
.payroll-entry .payroll-entry-table__container table thead th.pay-types {
  width: 145px;
}
.payroll-entry .payroll-entry-table__container table thead th.hand-chk {
  width: 90px;
}
.payroll-entry .payroll-entry-table__container table tbody tr td {
  font-family: "Poppins", sans-serif;
  height: 48px;
  padding: 8px 10px;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #44444F;
}
.payroll-entry .payroll-entry-table__container table tbody tr td.pay {
  width: 72px;
}
.payroll-entry .payroll-entry-table__container table tbody tr td.pay span {
  width: 20px;
  height: 20px;
  padding: 22px 0 26px;
  margin-right: 8px;
}
.payroll-entry .payroll-entry-table__container table tbody tr td.pay-types {
  width: 145px;
}
.payroll-entry .payroll-entry-table__container table tbody tr td.pay-types .input.input {
  margin-left: -11px;
}
.payroll-entry .payroll-entry-table__container table tbody tr td.pay-types .error-text {
  top: 50px;
}
.payroll-entry .payroll-entry-table__container table tbody tr td.pay-types .plus {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #0062FF;
}
.payroll-entry .payroll-entry-table__container table tbody tr td.hand-chk {
  width: 90px;
}
.payroll-entry .payroll-entry-table__container table tbody tr td.hand-chk span {
  width: 20px;
  height: 20px;
  padding: 0;
  margin-right: 8px;
}
.payroll-entry .payroll-entry-table__container table tfoot tr td {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #44444F;
  border-bottom: none;
}
.payroll-entry .payroll-entry-table__pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.payroll-entry .payroll-entry-table .nothing-here-yet {
  height: calc(100% - 100px);
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ffffff;
  border-radius: 0 0 10px 10px;
}
.payroll-entry .payroll-entry-table .nothing-here-yet img {
  width: 208px;
  height: 180px;
}
.payroll-entry .payroll-entry-table .nothing-here-yet__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1px;
  color: #171725;
  margin: 40px 0 16px;
}
.payroll-entry .payroll-entry-table .nothing-here-yet__text {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.2px;
  color: #b6b6b6;
}
@media (max-width: 768px) {
  .payroll-entry .payroll-entry-table .nothing-here-yet {
    align-items: start;
  }
}
@media (max-width: 768px) {
  .payroll-entry .header {
    padding: 15px;
    margin-bottom: 15px;
  }
  .payroll-entry .header .block {
    width: 100%;
    margin: 0;
    flex-direction: column;
    align-items: normal;
  }
  .payroll-entry .header .block .buttons {
    display: flex;
    margin: 15px -7.5px;
    border-right: none;
  }
  .payroll-entry .header .block .buttons button {
    margin: 0 7.5px;
    width: 100%;
  }
  .payroll-entry .header .title {
    margin-right: 0;
  }
  .payroll-entry .header .review-btn {
    width: 100%;
  }
  .payroll-entry .header .select-payroll {
    width: 100%;
    padding-top: 14px;
    margin: 0 0 15px;
    border-top: 1px solid #f1f1f5;
  }
  .payroll-entry .header .select-employee-type {
    width: 100%;
  }
  .payroll-entry__filters {
    padding: 15px;
    flex-wrap: wrap;
  }
  .payroll-entry__filters .select-per-page {
    width: 109px;
    min-width: 109px;
  }
  .payroll-entry__filters .payroll-entry-search {
    width: calc(100% - 124px);
    margin: 0 0 0 15px;
  }
  .payroll-entry__filters .timesheet-options-btn {
    width: 100%;
    min-width: 100%;
    margin-top: 15px;
  }
  .payroll-entry .payroll-entry-table__pagination {
    display: flex;
    justify-content: center;
    margin-top: 0;
    position: fixed;
    bottom: 0;
    height: 62px;
    width: 100%;
    border-top: 1px solid #f1f1f5;
    background: white;
  }
  .payroll-entry .payroll-entry-table .nothing-here-yet img {
    width: 104px;
    height: 104px;
  }
  .payroll-entry .payroll-entry-table .nothing-here-yet__title {
    font-size: 15px;
    line-height: 20px;
    margin: 20px 0 10px;
  }
  .payroll-entry .payroll-entry-table .nothing-here-yet__text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.0857143px;
  }
}
.payroll-entry-employee__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.payroll-entry-employee__header .nav-back {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  position: relative;
  margin: 20px 0;
}
.payroll-entry-employee__header .nav-back:before {
  content: "";
  width: 24px;
  height: 24px;
  background: url("/assets/arrow-back-e30e5497.svg") no-repeat center;
  transition: 0.3s;
}
.payroll-entry-employee__header .nav-back span {
  margin-left: 20px;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  letter-spacing: 0.1px;
  color: #171725;
}
.payroll-entry-employee__header .export-button {
  width: 105px;
  height: 38px;
  line-height: 20px;
  letter-spacing: 0.1px;
  margin-left: auto;
}
.payroll-entry-employee .payroll-entry-employee-table {
  margin-top: 20px;
  background: #ffffff;
  border-radius: 10px;
}
.payroll-entry-employee .payroll-entry-employee-table__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
  padding: 20px;
  text-transform: capitalize;
}
.payroll-entry-employee .payroll-entry-employee-table .table-module {
  padding: 0 10px;
}
.payroll-entry-employee .payroll-entry-employee-table .table-module table {
  min-width: 1110px;
}
.payroll-entry-employee .payroll-entry-employee-table .table-module table thead {
  background: white;
}
.payroll-entry-employee .payroll-entry-employee-table .table-module table thead th {
  height: 38px;
  padding: 1px 10px;
  background: #fafafb;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #888895;
  border-bottom: none;
}
.payroll-entry-employee .payroll-entry-employee-table .table-module table thead th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.payroll-entry-employee .payroll-entry-employee-table .table-module table thead th:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.payroll-entry-employee .payroll-entry-employee-table .table-module table tbody tr td {
  padding: 20px 10px;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #44444F;
}
@media (max-width: 768px) {
  .payroll-entry-employee__header {
    margin-bottom: 15px;
  }
  .payroll-entry-employee__header .nav-back {
    position: fixed;
    top: 0;
    z-index: 999;
    background: #ffffff;
    width: 70px;
    height: 69px;
    margin: 0;
    display: flex;
    align-items: center;
  }
  .payroll-entry-employee__header .nav-back:before {
    content: "";
    width: 32px;
    height: 32px;
    background: url("/assets/arrow-back-mob-9ddbf4f0.svg") no-repeat center;
    transition: 0.3s;
  }
  .payroll-entry-employee__header .nav-back span {
    background: white;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.1px;
    color: #171725;
    width: calc(100vw - 110px);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    margin: 0 40px;
  }
  .payroll-entry-employee__header .export-button {
    width: 100%;
  }
  .payroll-entry-employee .payroll-entry-employee-table {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .payroll-entry-employee .payroll-entry-employee-table .table-module table tbody tr td {
    padding: 22px 10px;
  }
}
.payroll-review .payroll-review-header {
  background: #ffffff;
  border-radius: 10px;
  padding: 13px 20px;
  display: flex;
  align-items: center;
}
.payroll-review .payroll-review-header__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
  margin-right: 15px;
}
.payroll-review .payroll-review-header__radio-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0 8px;
}
.payroll-review .payroll-review-header__radio-group label {
  margin-right: 20px;
}
.payroll-review .payroll-review-header__radio-group__label {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #171725;
  letter-spacing: 0.2px;
}
.payroll-review .payroll-review-header__radio-group__label.checked {
  font-weight: 600;
  color: #0062FF;
  letter-spacing: 0.1px;
}
.payroll-review .payroll-review-header__radio-group__radio-btn .MuiSvgIcon-root {
  color: #b6b6b6 !important;
}
.payroll-review .payroll-review-header__radio-group__radio-btn.checked .MuiSvgIcon-root {
  color: #0062FF !important;
}
.payroll-review .payroll-review-header .select-payroll {
  margin-left: auto;
  width: 380px;
}
.payroll-review__content {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  background: white;
  margin-top: 14px;
}
.payroll-review__content .payroll-review-tabs {
  padding: 0 20px;
  box-shadow: inset 0px -1px 0px #f1f1f5;
}
.payroll-review__content .payroll-review-tabs .tab-label {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.2px;
  color: #171725;
  padding: 21px 0 25px;
  text-transform: capitalize;
  width: auto;
  min-width: auto;
  margin-right: 29px;
}
.payroll-review__content .payroll-review-tabs .tab-label.Mui-selected {
  font-weight: 600;
  letter-spacing: 0.1px;
}
.payroll-review__content .details-container {
  overflow: hidden;
}
.payroll-review__content .details-container .details-filter {
  padding: 20px;
  display: flex;
}
.payroll-review__content .details-container .details-filter .select-per-page {
  width: 180px;
  margin-right: 20px;
}
.payroll-review__content .details-container .details-filter .details-filter-search {
  width: 100%;
}
.payroll-review__content .details-container .details-filter .details-filter-search .input-element {
  height: 40px !important;
  margin: 0 !important;
  border: 1px solid #f1f1f5 !important;
  padding: 9px 20px 9px 40px !important;
}
.payroll-review__content .details-container .details-filter .details-filter-search .icon {
  top: 6px;
  left: 6px;
}
.payroll-review__content .details-container .table-module {
  height: calc(100% - 170px);
}
.payroll-review__content .details-container .table-module__container {
  background: #ffffff;
  border-radius: 0 0 10px 10px;
  padding: 0 10px;
}
.payroll-review__content .details-container .table-module__container table {
  min-width: 1110px;
}
.payroll-review__content .details-container .table-module__container table thead {
  height: 38px;
  background: white;
}
.payroll-review__content .details-container .table-module__container table thead th {
  font-family: "Poppins", sans-serif;
  padding: 9px 10px;
  background: #fafafb;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #888895;
  border-bottom: none;
}
.payroll-review__content .details-container .table-module__container table thead th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.payroll-review__content .details-container .table-module__container table thead th:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.payroll-review__content .details-container .table-module__container table tbody tr td {
  font-family: "Poppins", sans-serif;
  height: 48px;
  padding: 8px 10px;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #44444F;
}
.payroll-review__content .details-container .table-module__container table tbody tr td.name {
  color: #0062FF;
  text-transform: capitalize;
}
.payroll-review__content .details-container .table-module__pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.payroll-review__content .details-container .table-module .nothing-here-yet {
  height: calc(100% - 100px);
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ffffff;
  border-radius: 0 0 10px 10px;
}
.payroll-review__content .details-container .table-module .nothing-here-yet img {
  width: 208px;
  height: 180px;
}
.payroll-review__content .details-container .table-module .nothing-here-yet__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1px;
  color: #171725;
  margin: 40px 0 16px;
}
.payroll-review__content .details-container .table-module .nothing-here-yet__text {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.2px;
  color: #B6B6B6;
}
@media (max-width: 768px) {
  .payroll-review__content .details-container .table-module .nothing-here-yet {
    align-items: flex-start;
  }
  .payroll-review__content .details-container .table-module .nothing-here-yet img {
    width: 104px;
    height: 104px;
  }
  .payroll-review__content .details-container .table-module .nothing-here-yet__title {
    font-size: 15px;
    line-height: 20px;
    margin: 20px 0 10px;
  }
  .payroll-review__content .details-container .table-module .nothing-here-yet__text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.0857143px;
  }
}
.payroll-review__content .details-container .nothing-here-yet {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.payroll-review__content .summary .payroll-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #000000;
  width: 100%;
  margin: 0 15px;
}
.payroll-review__content .summary .payroll-info span {
  font-weight: 500;
}
.payroll-review__content .summary .summary-header {
  margin: 0 -15px;
}
.payroll-review__content .summary .summary-header .payroll-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #000000;
  width: 100%;
  margin: 0 15px;
}
.payroll-review__content .summary .summary-header .payroll-filter .button-padding {
  padding: 3px;
}
.payroll-review__content .summary .summary-header .payroll-filter .button-padding button {
  padding: 15px;
}
.payroll-review__content .summary .summary-header .payroll-filter .reviewed-at {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  display: flex;
  align-items: center;
  letter-spacing: 0.2px;
  color: #888895;
  white-space: nowrap;
  margin-right: 16px;
}
.payroll-review__content .summary .summary-header .payroll-filter .approve-btn {
  width: 120px;
}
@media (max-width: 768px) {
  .payroll-review__content .summary .summary-header {
    gap: 10px;
    flex-direction: column;
  }
}
.payroll-review__content .summary .summary-container {
  display: grid;
  gap: 0 10px;
  grid-template-columns: 1fr 1fr;
}
.payroll-review__content .summary .summary-container__column {
  display: flex;
  flex-direction: column;
}
.payroll-review__content .summary .summary-container__column .warning-container {
  background: #fafafb;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  margin: 20px 10px 0;
}
.payroll-review__content .summary .summary-container__column .warning-container__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #888895;
}
.payroll-review__content .summary .summary-container__column .warning-container__text {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.2px;
  color: #888895;
  margin-top: 10px;
}
.payroll-review__content .summary .summary-container__column .table-module {
  padding: 10px;
  border-radius: 10px;
  box-sizing: border-box;
  background: #ffffff;
  overflow: auto;
  border-collapse: collapse;
}
.payroll-review__content .summary .summary-container__column .table-module table {
  min-width: 280px;
}
.payroll-review__content .summary .summary-container__column .table-module table thead {
  height: 38px;
  background: white;
}
.payroll-review__content .summary .summary-container__column .table-module table thead th {
  font-family: "Poppins", sans-serif;
  padding: 9px 10px;
  background: #fafafb;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #888895;
  border-bottom: none;
}
.payroll-review__content .summary .summary-container__column .table-module table thead th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.payroll-review__content .summary .summary-container__column .table-module table thead th:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.payroll-review__content .summary .summary-container__column .table-module table thead th.pay {
  width: 72px;
}
.payroll-review__content .summary .summary-container__column .table-module table thead th.pay span {
  width: 20px;
  height: 20px;
  padding: 0;
  margin-right: 8px;
}
.payroll-review__content .summary .summary-container__column .table-module table thead th.pay-types {
  width: 145px;
}
.payroll-review__content .summary .summary-container__column .table-module table thead th.hand-chk {
  width: 90px;
}
.payroll-review__content .summary .summary-container__column .table-module table tbody tr td {
  font-family: "Poppins", sans-serif;
  padding: 20px 10px;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #44444F;
  text-transform: capitalize;
  border: none;
}
.payroll-review__content .summary .summary-container__column .table-module table tbody tr.total td {
  color: #171725;
  font-weight: 500;
  letter-spacing: 0.1px;
  border-top: 1px solid #f1f1f5;
}
@media (max-width: 790px) {
  .payroll-review .payroll-review-header {
    padding: 15px;
    flex-direction: column;
    align-items: normal;
  }
  .payroll-review .payroll-review-header__radio-group {
    margin: 4px 0;
  }
  .payroll-review .payroll-review-header .select-payroll {
    margin-left: 0;
    width: 100%;
    max-width: 380px;
  }
}
@media (max-width: 768px) {
  .payroll-review__content {
    margin-top: 15px;
  }
  .payroll-review__content .payroll-review-tabs {
    padding: 0 15px;
  }
  .payroll-review__content .payroll-review-tabs .tab-label {
    padding: 25px 0;
  }
  .payroll-review__content .summary .summary-container {
    grid-template-columns: 1fr;
  }
  .payroll-review__content .summary .summary-container .payroll-info {
    height: auto;
    margin: 0 15px 0 0;
    padding: 15px;
  }
  .payroll-review__content .summary .summary-container .payroll-filter {
    height: auto;
    padding: 0 15px 15px;
  }
  .payroll-review__content .summary .summary-container .payroll-filter .reviewed-at {
    width: 100%;
    margin-bottom: 15px;
    margin-right: 0;
  }
  .payroll-review__content .summary .summary-container .payroll-filter .filters-date {
    width: 145px;
    margin: 0 15px 0 0;
  }
  .payroll-review__content .summary .summary-container .payroll-filter .approve-btn {
    width: 100px;
  }
  .payroll-review__content .summary .summary-container__column .warning-container {
    width: calc(100% - 20px);
    padding: 20px;
    margin: 0 10px 15px;
  }
  .payroll-review__content .summary .summary-container__column .table-module {
    padding: 0 5px;
  }
}
.review-paystubs .review-paystubs-filters {
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 10px;
  padding: 13px 20px;
}
.review-paystubs .review-paystubs-filters__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
}
.review-paystubs .review-paystubs-filters__filters-date {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 38px;
  border: 1px solid #f1f1f5;
  border-radius: 10px;
  position: relative;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
  padding-right: 34px;
  width: 260px;
  max-width: 260px;
  margin: 0 auto 0 20px;
  white-space: nowrap;
  cursor: pointer;
}
.review-paystubs .review-paystubs-filters__filters-date .filters-date-icon {
  margin: 10px;
  width: 16px;
  height: 16px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background: url("/assets/calendar-04620a50.svg");
}
.review-paystubs .review-paystubs-filters__filters-date:before {
  content: "";
  position: absolute;
  background: #f1f1f5;
  top: 0;
  right: 26px;
  width: 1px;
  height: 100%;
}
.review-paystubs .review-paystubs-filters__filters-date svg {
  position: absolute;
  top: 11px;
  right: 5px;
}
.review-paystubs .review-paystubs-filters__radio-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.review-paystubs .review-paystubs-filters__radio-group label {
  margin-right: 20px;
}
.review-paystubs .review-paystubs-filters__radio-group__label {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #171725;
  letter-spacing: 0.2px;
}
.review-paystubs .review-paystubs-filters__radio-group__label.checked {
  font-weight: 600;
  color: #0062FF;
  letter-spacing: 0.1px;
}
.review-paystubs .review-paystubs-filters__radio-group__radio-btn .MuiSvgIcon-root {
  color: #B6B6B6 !important;
}
.review-paystubs .review-paystubs-filters__radio-group__radio-btn.checked .MuiSvgIcon-root {
  color: #0062FF !important;
}
.review-paystubs .review-paystubs-filters .select-user {
  width: 250px;
}
.review-paystubs .review-paystubs-tables-wrapper {
  margin-top: 20px;
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
}
.review-paystubs .review-paystubs-tables-wrapper .table-container {
  overflow: hidden;
}
.review-paystubs .review-paystubs-tables-wrapper .table-container .nothing-here-yet {
  height: calc(100% - 100px);
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ffffff;
  border-radius: 0 0 10px 10px;
}
.review-paystubs .review-paystubs-tables-wrapper .table-container .nothing-here-yet img {
  width: 208px;
  height: 180px;
}
.review-paystubs .review-paystubs-tables-wrapper .table-container .nothing-here-yet__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1px;
  color: #171725;
  margin: 40px 0 16px;
}
.review-paystubs .review-paystubs-tables-wrapper .table-container .nothing-here-yet__text {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.2px;
  color: #B6B6B6;
}
@media (max-width: 768px) {
  .review-paystubs .review-paystubs-tables-wrapper .table-container .nothing-here-yet {
    align-items: flex-start;
  }
  .review-paystubs .review-paystubs-tables-wrapper .table-container .nothing-here-yet img {
    width: 104px;
    height: 104px;
  }
  .review-paystubs .review-paystubs-tables-wrapper .table-container .nothing-here-yet__title {
    font-size: 15px;
    line-height: 20px;
    margin: 20px 0 10px;
  }
  .review-paystubs .review-paystubs-tables-wrapper .table-container .nothing-here-yet__text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.0857143px;
  }
}
.review-paystubs .review-paystubs-tables-wrapper .table-module {
  padding: 10px;
  border-radius: 10px;
  box-sizing: border-box;
  background: #ffffff;
  overflow: auto;
  border-collapse: collapse;
}
.review-paystubs .review-paystubs-tables-wrapper .table-module table {
  min-width: 602px;
}
.review-paystubs .review-paystubs-tables-wrapper .table-module table thead {
  height: 38px;
}
.review-paystubs .review-paystubs-tables-wrapper .table-module table thead th {
  font-family: "Poppins", sans-serif;
  padding: 0 10px;
  background-color: #fafafb;
  border: none;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #888895;
}
.review-paystubs .review-paystubs-tables-wrapper .table-module table thead th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.review-paystubs .review-paystubs-tables-wrapper .table-module table thead th:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.review-paystubs .review-paystubs-tables-wrapper .table-module table tbody tr.item:hover, .review-paystubs .review-paystubs-tables-wrapper .table-module table tbody tr.selected {
  background-color: #fafafb;
}
.review-paystubs .review-paystubs-tables-wrapper .table-module table tbody tr.item:hover td, .review-paystubs .review-paystubs-tables-wrapper .table-module table tbody tr.selected td {
  border-top: 1px solid #171725;
  border-bottom: 1px solid #171725;
  padding: 19px 10px;
}
.review-paystubs .review-paystubs-tables-wrapper .table-module table tbody tr.item:hover td:first-child, .review-paystubs .review-paystubs-tables-wrapper .table-module table tbody tr.selected td:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  border-left: 1px solid #171725;
  padding: 19px 10px 19px 9px;
}
.review-paystubs .review-paystubs-tables-wrapper .table-module table tbody tr.item:hover td:last-child, .review-paystubs .review-paystubs-tables-wrapper .table-module table tbody tr.selected td:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  border-right: 1px solid #171725;
  padding: 19px 9px 19px 10px;
}
.review-paystubs .review-paystubs-tables-wrapper .table-module table tbody tr.doc td {
  padding: 0;
}
.review-paystubs .review-paystubs-tables-wrapper .table-module table tbody tr.doc td .review-paystubs-doc {
  width: calc(100vw - 40px);
  max-width: calc(100vw - 40px);
}
.review-paystubs .review-paystubs-tables-wrapper .table-module table tbody td {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
  padding: 20px 10px;
  cursor: pointer;
}
.review-paystubs .review-paystubs-tables-wrapper .nothing-here-yet {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.review-paystubs .review-paystubs-tables-wrapper .review-paystubs-doc {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 1px solid #F1F1F5;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.04em;
  color: #B6B6B6;
}
.review-paystubs .review-paystubs-tables-wrapper .review-paystubs-doc__text {
  text-align: center;
  padding: 20px;
}
.review-paystubs .review-paystubs-tables-wrapper .review-paystubs-doc .can-not-show-doc {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.review-paystubs .review-paystubs-tables-wrapper .review-paystubs-doc .can-not-show-doc img {
  width: 111px;
  height: 150px;
}
.review-paystubs .review-paystubs-tables-wrapper .review-paystubs-doc .can-not-show-doc__text {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.04em;
  color: #B6B6B6;
  margin-top: 20px;
}
.review-paystubs .review-paystubs-tables-wrapper .review-paystubs-doc .can-not-show-doc__text span {
  text-decoration-line: underline;
  color: #0062FF;
  cursor: pointer;
}
.review-paystubs .review-paystubs-tables-wrapper .review-paystubs-doc .can-not-show-doc__name {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.2px;
  color: #171725;
  margin-top: 10px;
}
@media (max-width: 1250px) {
  .review-paystubs .review-paystubs-filters {
    flex-wrap: wrap;
  }
  .review-paystubs .review-paystubs-filters__filters-date {
    margin: 0 calc(100% - 362px) 0 20px;
  }
  .review-paystubs .review-paystubs-filters__radio-group {
    margin-top: 15px;
  }
  .review-paystubs .review-paystubs-filters .select-user {
    margin-top: 15px;
  }
}
@media (max-width: 768px) {
  .review-paystubs .review-paystubs-tables-wrapper {
    margin-top: 15px;
    grid-template-columns: 1fr;
  }
  .review-paystubs .review-paystubs-tables-wrapper .table-module table {
    min-width: 1250px;
  }
  .review-paystubs .review-paystubs-tables-wrapper .review-paystubs-doc {
    border-radius: 0;
  }
  .review-paystubs .review-paystubs-tables-wrapper .review-paystubs-doc .can-not-show-doc img {
    width: 74px;
    height: 100px;
  }
  .review-paystubs .review-paystubs-tables-wrapper .review-paystubs-doc .can-not-show-doc__text {
    margin-top: 15px;
  }
  .review-paystubs .review-paystubs-tables-wrapper .review-paystubs-doc__text {
    display: none;
  }
}
@media (max-width: 562px) {
  .review-paystubs .review-paystubs-filters {
    padding: 15px;
    flex-wrap: wrap;
  }
  .review-paystubs .review-paystubs-filters__filters-date {
    width: 100%;
    max-width: none;
    margin: 15px 0 0;
  }
  .review-paystubs .review-paystubs-filters__radio-group {
    margin-top: 15px;
  }
  .review-paystubs .review-paystubs-filters .select-user {
    width: 100%;
    margin-top: 15px;
  }
}
.employees .title-label {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
}
.employees .title-label-bold {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
}
.employees .text-600-12 {
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.0857143px;
}
.employees .gray-text {
  color: #888895;
}
.employees .input-data {
  height: 48px;
  mix-blend-mode: normal;
  border: 2px solid #f1f1f5;
  box-sizing: border-box;
  border-radius: 10px;
  margin: 10px 0 30px;
  outline: none;
  background-color: #ffffff !important;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  display: flex;
  align-items: center;
  letter-spacing: 0.04em;
  padding: 6px 10px;
  width: 100%;
  transition: 0.2s;
}
.employees .employees-header {
  border-radius: 10px !important;
  position: relative;
  align-items: center;
  justify-content: space-between;
  min-height: 82px;
}
.employees .employees-header .employees-radio-group {
  border: 1px solid #F1F1F5;
  border-radius: 10px;
  width: fit-content;
  padding: 5px;
  margin-left: 15px;
}
.employees .employees-header .employees-radio-group .MuiFormControlLabel-root {
  margin-left: 0;
  margin-right: 0;
  padding: 3px 15px;
}
.employees .employees-header .employees-radio-group .MuiRadio-root {
  display: none;
}
.employees .employees-header .employees-radio-group .active {
  background: #0062FF;
  border-radius: 8px;
  padding: 0 15px;
}
.employees .employees-header .employees-radio-group .active .title-label {
  font-weight: 600;
  color: #ffffff;
}
.employees .employees-header .radio-group .input.radio {
  margin-right: 32px;
}
.employees .employees-header .employee-select {
  display: flex;
  flex-wrap: wrap;
  margin-right: 30px;
}
.employees .employees-header .employee-select .Mui-checked {
  color: #0062FF;
}
.employees .employees-header .employee-select .active .title-label {
  font-weight: 600;
  color: #0062FF;
}
.employees .employees-header .employee-select .select-el .select {
  background: #ffffff;
}
@media (max-width: 768px) {
  .employees .employees-header .employee-select {
    margin-right: 0;
  }
  .employees .employees-header .employee-select .select-el {
    width: 100%;
  }
}
.employees .employees-header .checkbox-show-inactive .Mui-checked {
  color: #3dd598;
}
.employees .employees-header .checkbox-show-inactive .input.checkbox {
  display: flex;
  flex-direction: row-reverse;
}
.employees .employees-header .checkbox-show-inactive .input.checkbox .label {
  margin: 0 10px;
  font-weight: 400;
  text-transform: none;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.1px;
  color: #171725;
}
@media (max-width: 1345px) {
  .employees .employees-header {
    flex-direction: column !important;
    align-items: flex-start;
  }
}
@media (max-width: 768px) {
  .employees .employees-header .employees-tabs {
    justify-content: space-between;
  }
  .employees .employees-header .filters-select {
    flex-direction: column;
  }
}
.employees .employees-body {
  border-radius: 10px !important;
}
.employees .employees-body__tabs {
  min-height: 55px;
  height: 55px;
  margin-top: -10px;
  margin-bottom: 30px;
}
.employees .employees-body__tabs .tab-label {
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #92929d;
}
.employees .employees-body__tabs .Mui-selected {
  color: #171725;
  font-weight: 600;
}
.employees .employees-body__tabs .MuiTabs-scroller {
  border-bottom: 1px solid #f1f1f5;
}
.employees .employees-body__tabs .MuiTabs-indicator {
  height: 3px;
  background-color: #1976d2;
  border-radius: 12px 12px 0 0;
}
.employees .employees-body .active .title-label {
  font-weight: 600;
  color: #0062FF;
}
.employees .employees-body .active .Mui-checked {
  color: #0062FF;
}
.employees .employees-body .nav-panel {
  margin: 0 17px;
}
.employees .employees-body .container-page {
  width: 100%;
}
.employees .employees-body .container-page .contract-page .contract-form {
  display: flex;
  flex-direction: column;
}
.employees .employees-body .container-page .contract-page .contract-form .user-type-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.employees .employees-body .container-page .contract-page .contract-form .user-type-wrapper .Mui-checked {
  color: #0062FF;
}
.employees .employees-body .container-page .contract-page .contract-form .user-type-wrapper .active .title-label {
  font-weight: 600;
  color: #0062FF;
}
.employees .employees-body .container-page .contract-page .contract-form .user-type-wrapper .MuiFormControlLabel-label {
  margin-right: 10px;
}
.employees .employees-body .container-page .contract-page .contract-form .contract-form-wrapper {
  width: 100%;
  max-width: 784px;
}
.employees .employees-body .container-page .contract-page .contract-form .contract-form-wrapper .rounding-box .Mui-checked {
  color: #3dd598;
}
.employees .employees-body .container-page .contract-page .contract-form .blue {
  width: 292px;
}
.employees .employees-body .container-page .contract-page .contract-form .red {
  width: 140px;
}
.employees .employees-body .container-page .contract-page .contract-form .buttons {
  gap: 20px;
}
@media (max-width: 768px) {
  .employees .employees-body .container-page .contract-page .contract-form .buttons {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .employees .employees-body .container-page .contract-page .contract-form .buttons span {
    width: 100%;
  }
  .employees .employees-body .container-page .contract-page .contract-form .buttons .red, .employees .employees-body .container-page .contract-page .contract-form .buttons .blue {
    width: 100%;
  }
}
.employees .employees-body .container-page .contract-page .contract-form hr {
  width: 100%;
  margin-bottom: 40px;
  margin-top: 20px;
}
.employees .employees-body .container-page .contract-page .contract-form .employee-number-wrapper {
  display: grid;
  gap: 20px;
  width: 100%;
  margin-bottom: 15px;
  grid-template-columns: 293px 4fr;
}
.employees .employees-body .container-page .contract-page .contract-form .employee-half-wrapper {
  display: grid;
  gap: 20px;
  width: 100%;
  grid-template-columns: 1fr 1fr;
}
.employees .employees-body .container-page .contract-page .contract-form .employee-names-wrapper {
  display: grid;
  gap: 20px;
  width: 100%;
  grid-template-columns: 293px 2fr 1fr;
  align-items: baseline;
  margin-bottom: 8px;
}
.employees .employees-body .container-page .contract-page .contract-form .employee-names-wrapper .select__options {
  overflow-y: auto;
  height: 300px;
}
.employees .employees-body .container-page .contract-page .contract-form .employee-address-wrapper {
  display: grid;
  gap: 20px;
  width: 100%;
  grid-template-columns: 4fr 2fr;
  align-items: center;
}
.employees .employees-body .container-page .contract-page .contract-form .employee-address-wrapper label {
  margin-right: 0;
}
.employees .employees-body .container-page .contract-page .contract-form .employee-address-wrapper .Mui-checked {
  color: #3dd598;
}
.employees .employees-body .container-page .contract-page .contract-form .input {
  min-width: 140px;
}
@media (max-width: 768px) {
  .employees .employees-body .container-page .contract-page .contract-form .user-type-wrapper {
    align-items: flex-start;
    flex-direction: column;
  }
  .employees .employees-body .container-page .contract-page .contract-form .user-type-wrapper .title {
    margin-bottom: 15px;
  }
  .employees .employees-body .container-page .contract-page .contract-form .user-type-wrapper .MuiFormControlLabel-labelPlacementStart {
    margin-left: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
  }
  .employees .employees-body .container-page .contract-page .contract-form .employee-half-wrapper,
  .employees .employees-body .container-page .contract-page .contract-form .employee-address-wrapper,
  .employees .employees-body .container-page .contract-page .contract-form .employee-names-wrapper,
  .employees .employees-body .container-page .contract-page .contract-form .employee-number-wrapper {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.employees .employees-body .container-page .employment-page .employment-form .form-header .error-text {
  position: relative;
  top: 0;
}
.employees .employees-body .container-page .employment-page .employment-form .employment-radio-group {
  padding: 59px 16px 0;
}
.employees .employees-body .container-page .employment-page .employment-form .employment-radio-group .input.radio {
  width: 121px;
  margin-right: 10px;
  align-items: center;
}
.employees .employees-body .container-page .employment-page .employment-form .employment-job-status {
  margin-bottom: 32px;
}
.employees .employees-body .container-page .employment-page .employment-form .employment-job-status .MuiSwitch-root {
  margin-left: 11px;
}
.employees .employees-body .container-page .employment-page .employment-form .employment-notes-wrapper {
  display: grid;
  grid-template-columns: 2fr 1fr;
}
.employees .employees-body .container-page .employment-page .employment-form .employment-checkbox-group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-gap: 10px;
}
.employees .employees-body .container-page .employment-page .employment-form .employment-checkbox-group .input.checkbox {
  width: 33%;
  padding-left: 13px;
}
.employees .employees-body .container-page .employment-page .employment-form .employment-checkbox-group .input.checkbox label {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.1px;
  color: #171725;
  text-transform: none;
  margin-left: 23px;
}
.employees .employees-body .container-page .employment-page .employment-form .employment-checkbox-group .input.checkbox input {
  height: 14px;
  width: 14px;
  margin: -18px 0 46px;
}
.employees .employees-body .container-page .employment-page .employment-form .employment-checkbox-group .Mui-checked {
  color: #3dd598;
}
.employees .employees-body .container-page .employment-page .employment-form .employment-dates-inputs-wrapper {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 2fr 1fr;
}
.employees .employees-body .container-page .employment-page .employment-form .employment-dates-inputs {
  display: grid;
  gap: 0 20px;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}
@media (max-width: 768px) {
  .employees .employees-body .container-page .employment-page .employment-form .form-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .employees .employees-body .container-page .employment-page .employment-form .form-header .MuiFormGroup-root {
    margin-left: 0;
  }
  .employees .employees-body .container-page .employment-page .employment-form .employment-notes-wrapper,
  .employees .employees-body .container-page .employment-page .employment-form .employment-dates-inputs-wrapper,
  .employees .employees-body .container-page .employment-page .employment-form .employment-dates-inputs,
  .employees .employees-body .container-page .employment-page .employment-form .i-9-input,
  .employees .employees-body .container-page .employment-page .employment-form .employment-checkbox-group {
    grid-template-columns: 1fr;
  }
}
.employees .employees-body .container-page .compensation-page .compensation-grid-wrapper {
  margin-top: 20px;
  width: 100%;
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto;
}
.employees .employees-body .container-page .compensation-page .compensation-grid-wrapper .title {
  font-weight: 300;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.2px;
  color: #92929d;
}
.employees .employees-body .container-page .compensation-page .compensation-grid-wrapper .top-38 {
  top: 38px;
}
.employees .employees-body .container-page .compensation-page .compensation-form .input {
  margin-bottom: 9px;
}
.employees .employees-body .container-page .compensation-page .compensation-form .salaries-wrapper {
  gap: 0 20px;
}
.employees .employees-body .container-page .compensation-page .compensation-form .border {
  width: 100%;
  height: 1px;
  background: rgba(143, 146, 161, 0.2);
  mix-blend-mode: normal;
  margin: 43px 0 81px;
}
.employees .employees-body .container-page .compensation-page .compensation-form h6.t1 {
  font-weight: 500;
  letter-spacing: 0.1px;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .employees .employees-body .container-page .compensation-page .compensation-grid-wrapper {
    grid-template-columns: 1fr;
  }
  .employees .employees-body .container-page .compensation-page .compensation-form .grid-cols-1-1 {
    grid-template-columns: 1fr;
  }
}
.employees .employees-body .container-page .taxes-page .taxes-form .rounding-box .gray-text {
  color: #888895;
}
.employees .employees-body .container-page .taxes-page .taxes-form .taxes-grid-wrapper {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto;
  width: 100%;
}
.employees .employees-body .container-page .taxes-page .taxes-form .Mui-checked {
  color: #3dd598;
}
.employees .employees-body .container-page .taxes-page .taxes-form .w4-wrapper {
  display: grid;
  grid-template-columns: 3fr 2fr;
  align-items: center;
}
.employees .employees-body .container-page .taxes-page .taxes-form .taxes-form-title {
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.1px;
  color: #92929d;
  margin: 10px 0 20px;
}
.employees .employees-body .container-page .taxes-page .taxes-form .taxes-label {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
.employees .employees-body .container-page .taxes-page .taxes-form .input {
  margin-bottom: 9px;
}
.employees .employees-body .container-page .taxes-page .taxes-form .job-status {
  width: 370px;
  margin-right: 40px;
}
.employees .employees-body .container-page .taxes-page .taxes-form .exemptions {
  width: 170px;
  margin-right: 85px;
}
.employees .employees-body .container-page .taxes-page .taxes-form .w4-submitted-on {
  width: 540px;
}
.employees .employees-body .container-page .taxes-page .taxes-form .checkbox-step-multiple-jobs {
  margin: 47px 5px 0;
}
.employees .employees-body .container-page .taxes-page .taxes-form .step3-dependents-credit-adjustment {
  width: 540px;
}
.employees .employees-body .container-page .taxes-page .taxes-form .step3-dependents-credit-adjustment input,
.employees .employees-body .container-page .taxes-page .taxes-form .other-income-not-form-jobs input,
.employees .employees-body .container-page .taxes-page .taxes-form .deductions-deductions-wksht input {
  background-color: #f1f1f5 !important;
}
.employees .employees-body .container-page .taxes-page .taxes-form .other-income-not-form-jobs,
.employees .employees-body .container-page .taxes-page .taxes-form .deductions-deductions-wksht,
.employees .employees-body .container-page .taxes-page .taxes-form .extra-withholding-per-check {
  width: 370px;
  margin-right: 40px;
}
.employees .employees-body .container-page .taxes-page .taxes-form .unemployment-state,
.employees .employees-body .container-page .taxes-page .taxes-form .working-state {
  width: 581px;
  margin-right: 40px;
}
.employees .employees-body .container-page .taxes-page .taxes-form .state_filing-status {
  width: 783px;
  margin-right: 40px;
}
.employees .employees-body .container-page .taxes-page .taxes-form .allowances,
.employees .employees-body .container-page .taxes-page .taxes-form .nyc-allowances {
  width: 370px;
  margin-right: 40px;
  margin-top: 15px;
}
.employees .employees-body .container-page .taxes-page .taxes-form .checkbox-nyc {
  margin-top: -38px;
  width: 174px;
}
.employees .employees-body .container-page .taxes-page .taxes-form .checkbox-yonkers {
  margin-top: -38px;
  width: 125px;
}
.employees .employees-body .container-page .taxes-page .taxes-form .checkbox-yonkers-nr {
  margin-top: -38px;
  width: 145px;
}
.employees .employees-body .container-page .taxes-page .taxes-form .checkbox-ny-sdi {
  margin-top: -38px;
  width: 112px;
  margin-right: 240px;
}
.employees .employees-body .container-page .taxes-page .taxes-form .additional-withholding,
.employees .employees-body .container-page .taxes-page .taxes-form .nyc-addl-withholding {
  margin-top: 38px;
}
.employees .employees-body .container-page .taxes-page .taxes-form .additional-withholding,
.employees .employees-body .container-page .taxes-page .taxes-form .nyc-addl-withholding,
.employees .employees-body .container-page .taxes-page .taxes-form .yonkers-addl-withholding,
.employees .employees-body .container-page .taxes-page .taxes-form .yonkers-nr-addl-withholding {
  width: 370px;
  margin-right: 40px;
}
.employees .employees-body .container-page .taxes-page .taxes-form .border {
  width: 100%;
  height: 1px;
  background: rgba(143, 146, 161, 0.2);
  mix-blend-mode: normal;
  margin: 41px 0 75px;
}
@media (max-width: 768px) {
  .employees .employees-body .container-page .taxes-page .taxes-form .grid-cols-3-1,
  .employees .employees-body .container-page .taxes-page .taxes-form .grid-cols-1-1,
  .employees .employees-body .container-page .taxes-page .taxes-form .taxes-grid-wrapper {
    grid-template-columns: 1fr;
  }
  .employees .employees-body .container-page .taxes-page .taxes-form .w4-wrapper {
    grid-template-columns: 1fr;
  }
  .employees .employees-body .container-page .taxes-page .taxes-form .w4-wrapper button {
    margin: 0;
  }
  .employees .employees-body .container-page .taxes-page .taxes-form .w4-wrapper .multiple_jobs {
    margin-bottom: 20px;
  }
}
.employees .employees-body .container-page .direct-deposits-page table {
  position: relative;
  border-collapse: collapse;
  margin: 45px 0 0;
}
.employees .employees-body .container-page .direct-deposits-page table .MuiTableCell-head {
  border-bottom: none;
}
.employees .employees-body .container-page .direct-deposits-page table .MuiTableCell-root {
  font-family: "Poppins", sans-serif;
}
.employees .employees-body .container-page .direct-deposits-page table .MuiTableHead-root {
  border-radius: 10px;
}
.employees .employees-body .container-page .direct-deposits-page table .MuiTableCell-body {
  border-bottom: 1px solid #f1f1f5;
}
.employees .employees-body .container-page .direct-deposits-page table .btn {
  display: flex;
}
.employees .employees-body .container-page .direct-deposits-page table tr.title-table {
  height: 38px;
  background: #fafafb;
}
.employees .employees-body .container-page .direct-deposits-page table tr.table-body .account-name {
  color: #0062FF !important;
}
.employees .employees-body .container-page .direct-deposits-page table .account-name {
  width: 170px;
  max-width: 170px;
}
.employees .employees-body .container-page .direct-deposits-page table .account-type {
  width: 162px;
  max-width: 162px;
}
.employees .employees-body .container-page .direct-deposits-page table .routing-number {
  width: 176px;
  max-width: 176px;
}
.employees .employees-body .container-page .direct-deposits-page table .account-number {
  width: 185px;
  max-width: 185px;
}
.employees .employees-body .container-page .direct-deposits-page table .confirm-account-number {
  width: 240px;
  max-width: 240px;
}
.employees .employees-body .container-page .direct-deposits-page table .percentage {
  width: 147px;
  max-width: 147px;
}
.employees .employees-body .container-page .direct-deposits-page table .pay-order {
  width: 105px;
  max-width: 105px;
}
.employees .employees-body .container-page .direct-deposits-page table .del {
  width: 50px;
  max-width: 50px;
}
.employees .employees-body .container-page .pto-page .checkbox .Mui-checked {
  color: #3dd598;
}
.employees .employees-body .container-page .pto-page .active .title-label {
  font-weight: 600;
  color: #0062FF;
}
.employees .employees-body .container-page .pto-page .active .Mui-checked {
  color: #0062FF;
}
.employees .employees-body .container-page .pto-page .input.radio {
  width: auto;
  margin-right: 10px;
  align-items: center;
}
.employees .employees-body .container-page .pto-page .calendar-year {
  width: 127px !important;
}
.employees .employees-body .container-page .pto-page .hire-date {
  width: 398px !important;
}
.employees .employees-body .container-page .pto-page .fiscal-year {
  width: 416px !important;
}
.employees .employees-body .container-page .pto-page table {
  position: relative;
  border-collapse: collapse;
  margin-top: 21px;
}
.employees .employees-body .container-page .pto-page table .MuiTableCell-head {
  border-bottom: none;
}
.employees .employees-body .container-page .pto-page table .MuiTableCell-root {
  font-family: "Poppins", sans-serif;
}
.employees .employees-body .container-page .pto-page table .MuiTableHead-root {
  border-radius: 10px;
}
.employees .employees-body .container-page .pto-page table .MuiTableCell-body {
  border-bottom: 1px solid #f1f1f5;
}
.employees .employees-body .container-page .pto-page table tr.title-table {
  height: 38px;
  background: #fafafb;
  border-radius: 10px;
}
.employees .employees-body .container-page .pto-page table .accrual-amt {
  width: 200px;
  max-width: 200px;
}
.employees .employees-body .container-page .pto-page table .accrual-period {
  width: 125px;
  max-width: 125px;
  min-width: 125px;
}
.employees .employees-body .container-page .pto-page table .start-date {
  width: 125px;
  max-width: 125px;
}
.employees .employees-body .container-page .pto-page table .max-accrual {
  width: 140px;
  max-width: 140px;
}
.employees .employees-body .container-page .pto-page table .max-available {
  width: 160px;
  max-width: 160px;
}
.employees .employees-body .container-page .pto-page table .max-carryover {
  width: 160px;
  max-width: 160px;
}
.employees .employees-body .container-page .pto-page table .carryover-hrs {
  width: 150px;
  max-width: 150px;
}
.employees .employees-body .container-page .pto-page table .accrued-hrs {
  width: 135px;
  max-width: 135px;
}
.employees .employees-body .container-page .pto-page table .used-hrs {
  width: 105px;
  max-width: 105px;
}
.employees .employees-body .container-page .pto-page table .available-hrs {
  width: 140px;
  max-width: 140px;
}
@media (max-width: 768px) {
  .employees .employees-body .container-page .pto-page .MuiFormControlLabel-root {
    margin-bottom: 15px;
  }
}
.employees .employees-body .btn-container {
  width: 100%;
  display: flex;
  margin: 0 0 -16px -16px;
}
.employees .employees-body .btn-container button {
  width: 292px;
  margin: 16px;
}
@media (max-width: 768px) {
  .employees .employees-body .btn-container {
    display: block;
  }
  .employees .employees-body .btn-container button {
    width: 100%;
  }
}
.employees .mobile-line {
  display: none;
}
@media (max-width: 768px) {
  .employees .mobile-line {
    display: block;
  }
}
.bank-account {
  padding: 20px 40px;
}
.bank-account .bank-account-wrapper {
  width: 100%;
  background: #ffffff;
  border-radius: 10px;
}
.bank-account .bank-account-wrapper .container {
  max-width: 580px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: justify;
}
.bank-account .bank-account-wrapper .container .text-indent {
  text-indent: 1.5rem;
}
.bank-account .bank-account-wrapper .container form {
  width: 100%;
}
.bank-account .bank-account-wrapper .container form .input-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 -15px;
}
.bank-account .bank-account-wrapper .container form .input-box .input {
  margin: 0 15px;
}
@media screen and (max-width: 768px) {
  .bank-account .bank-account-wrapper .container form .input-box {
    flex-direction: column;
    margin: 0;
  }
}
.bank-account .bank-account-wrapper .container form .Mui-checked {
  color: #0062FF;
}
@media screen and (max-width: 768px) {
  .bank-account {
    padding: 15px;
  }
}
@media (max-width: 1024px) {
  .layout .wrapper .container .employees-header {
    flex-direction: column !important;
    align-items: unset;
  }
}
.payroll-options-dialog {
  min-width: 620px;
  width: 620px;
  min-height: 100%;
}
.payroll-options-dialog .date-box-size {
  width: 275px;
  margin-top: 10px;
  margin-bottom: 30px;
}
.payroll-options-dialog .date-box-size .error-text {
  top: 70px;
}
.payroll-options-dialog .Mui-checked {
  color: #0062FF;
}
.payroll-options-dialog .box {
  padding: 30px 20px 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 200px);
  max-height: 305px;
}
.payroll-options-dialog .box .date-box {
  width: 50%;
}
.payroll-options-dialog .box .mb-15 {
  margin-bottom: 15px;
}
.payroll-options-dialog .box .mb {
  margin-bottom: 30px;
}
.payroll-options-dialog .box .radio {
  display: flex;
  flex-direction: row;
}
.payroll-options-dialog .buttons {
  padding: 20px;
  margin: 0 -10px;
  display: flex;
  justify-content: space-between;
}
.payroll-options-dialog .buttons .white {
  width: 150px;
}
.payroll-options-dialog .buttons .red {
  width: 120px;
}
.payroll-options-dialog .buttons .blue {
  width: 250px;
}
.payroll-options-dialog .buttons button {
  margin: 0 10px;
}
@media (max-width: 768px) {
  .payroll-options-dialog {
    width: 100%;
    max-width: 100%;
    min-width: 330px;
    min-height: 505px;
  }
  .payroll-options-dialog .box {
    padding: 20px 15px 0;
    max-height: 330px;
  }
  .payroll-options-dialog .box .date-box-size {
    width: 100%;
    margin-bottom: 20px;
  }
  .payroll-options-dialog .box .mb {
    margin-bottom: 20px;
  }
  .payroll-options-dialog .box .radio {
    flex-direction: column;
  }
  .payroll-options-dialog .buttons {
    padding: 15px;
    margin: -5px 0;
    flex-direction: column-reverse;
  }
  .payroll-options-dialog .buttons .white, .payroll-options-dialog .buttons .red, .payroll-options-dialog .buttons .blue {
    width: 100%;
  }
  .payroll-options-dialog .buttons button {
    margin: 5px 0;
  }
}
@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("/assets/SFProText-Regular-b5315817.ttf") format("ttf");
}
.profit-loss-container {
  display: grid;
  grid-template-columns: 2.21fr 1fr;
  gap: 30px;
  background: #fafafb;
}
.profit-loss-container__first-column {
  display: flex;
  flex-direction: column;
}
.profit-loss-container .bookkeeping-status {
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 20px;
}
.profit-loss-container .bookkeeping-status__filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 20px;
}
.profit-loss-container .bookkeeping-status__filters .title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
}
.profit-loss-container .bookkeeping-status__select-year {
  height: 38px;
  width: 119px;
  position: relative;
}
.profit-loss-container .bookkeeping-status__select-year .select-element {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 9px 26px 9px 15px;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
  border: 1px solid #f1f1f5;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
}
.profit-loss-container .bookkeeping-status__select-year .select-element:before {
  content: "";
  position: absolute;
  background: #f1f1f5;
  top: 0;
  right: 26px;
  width: 1px;
  height: 100%;
}
.profit-loss-container .bookkeeping-status__select-year .select-element:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  top: 7px;
  right: 1px;
  background-repeat: no-repeat;
  background-image: url("/assets/ic_Dropdown-ef28dfab.svg");
  background-position: center;
}
.profit-loss-container .bookkeeping-status__select-year .select-options {
  opacity: 0;
  height: 0;
  position: absolute;
  top: 38px;
  right: 0;
  left: auto;
  transition: 0.2s ease;
  z-index: -999;
}
.profit-loss-container .bookkeeping-status__select-year .select-options .options-container {
  display: none;
}
.profit-loss-container .bookkeeping-status__select-year.active .select-element:after {
  background-image: url("/assets/ic_Dropdown_active-8a340e68.svg");
}
.profit-loss-container .bookkeeping-status__select-year.active .select-options {
  opacity: 1;
  visibility: visible;
  z-index: 888;
  width: 240px;
  height: auto;
}
.profit-loss-container .bookkeeping-status__select-year.active .select-options .options-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  height: 185px;
  background: #ffffff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 0 8px 16px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  padding: 15px;
  margin-top: 4px;
}
.profit-loss-container .bookkeeping-status__select-year.active .select-options .select-period {
  margin-top: 2px;
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.1px;
  color: #B6B6B6;
}
.profit-loss-container .bookkeeping-status__select-year.active .select-options .control-buttons {
  display: flex;
}
.profit-loss-container .bookkeeping-status__select-year.active .select-options .control-buttons div {
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}
.profit-loss-container .bookkeeping-status__select-year.active .select-options .control-buttons__back {
  width: 24px;
  height: 24px;
  background: url("/assets/selectorIcon-570e179c.svg") no-repeat;
  transform: scale(-1, 1);
}
.profit-loss-container .bookkeeping-status__select-year.active .select-options .control-buttons__back:hover {
  background: url("/assets/selectorHoverIcon-003949de.svg") no-repeat;
}
.profit-loss-container .bookkeeping-status__select-year.active .select-options .control-buttons__next {
  width: 24px;
  height: 24px;
  background: url("/assets/selectorIcon-570e179c.svg") no-repeat;
}
.profit-loss-container .bookkeeping-status__select-year.active .select-options .control-buttons__next:hover {
  background: url("/assets/selectorHoverIcon-003949de.svg") no-repeat;
}
.profit-loss-container .bookkeeping-status__select-year.active .select-options .select-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-gap: 10px;
}
.profit-loss-container .bookkeeping-status__select-year.active .select-options .select-list__option {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  color: #444444;
  transition: all 0.2s ease-in-out;
  border-radius: 50px;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
}
.profit-loss-container .bookkeeping-status__select-year.active .select-options .select-list__option:hover, .profit-loss-container .bookkeeping-status__select-year.active .select-options .select-list__option.active {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  background: #0062FF;
  color: #ffffff;
  cursor: pointer;
}
.profit-loss-container .bookkeeping-status__months {
  padding: 15px 20px;
  border-top: 1px solid #f1f1f5;
  border-bottom: 1px solid #F1F1F5;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.profit-loss-container .bookkeeping-status__months .month {
  display: flex;
  align-items: center;
  border: 1px solid #F1F1F5;
  border-radius: 10px;
  min-width: 119px;
  width: calc(16.6666666667% - 20px);
  padding: 10px 10px 10px 0;
  cursor: pointer;
  position: relative;
  color: #171725;
}
.profit-loss-container .bookkeeping-status__months .month:hover {
  border: 1px solid #171725;
}
.profit-loss-container .bookkeeping-status__months .month:active {
  border: 1px solid #171725;
}
.profit-loss-container .bookkeeping-status__months .month .status {
  width: 4px;
  min-width: 4px;
  position: relative;
}
.profit-loss-container .bookkeeping-status__months .month .status:before {
  content: "";
  width: 4px;
  height: 20px;
  border-radius: 0 10px 10px 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.profit-loss-container .bookkeeping-status__months .month .status.done:before {
  background: #3dd598;
}
.profit-loss-container .bookkeeping-status__months .month .status.quality_check:before {
  background: #50b5ff;
}
.profit-loss-container .bookkeeping-status__months .month .status.in_progress:before {
  background: #ffc542;
}
.profit-loss-container .bookkeeping-status__months .month .status.action_required:before {
  background: #FC5A5A;
}
.profit-loss-container .bookkeeping-status__months .month.without-status {
  color: #888895;
}
.profit-loss-container .bookkeeping-status__months .month__name {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  margin: 0 auto 0 10px;
}
.profit-loss-container .bookkeeping-status__months .month:after {
  content: "";
  width: 16px;
  height: 16px;
  margin-left: 5px;
}
.profit-loss-container .bookkeeping-status__months .month.done:after {
  background: url("/assets/ic_done-0ae0bfe7.svg") center no-repeat;
}
.profit-loss-container .bookkeeping-status__months .month.quality_check:after {
  background: url("/assets/ic_quality-check-e2f0e931.svg") center no-repeat;
}
.profit-loss-container .bookkeeping-status__months .month.in_progress:after {
  background: url("/assets/ic_in-progress-69297fce.svg") center no-repeat;
}
.profit-loss-container .bookkeeping-status__months .month.action_required {
  border-color: #FC5A5A;
}
.profit-loss-container .bookkeeping-status__months .month.action_required:after {
  background: url("/assets/ic_client-action-required-86662b95.svg") center no-repeat;
}
.profit-loss-container .bookkeeping-status__months .month.admin-settings {
  border-color: #F1F1F5;
}
.profit-loss-container .bookkeeping-status__months .month.admin-settings:after {
  background: url("/assets/ic_Settings-6c8078f1.svg") center no-repeat;
}
.profit-loss-container .bookkeeping-status__months .month.admin-settings:hover {
  border: 1px solid #171725;
}
.profit-loss-container .bookkeeping-status__months .month.admin-settings:active {
  border: 1px solid #171725;
}
.profit-loss-container .bookkeeping-status__statuses {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 15px 20px;
  gap: 40px;
}
.profit-loss-container .bookkeeping-status__statuses .status {
  margin: 5px 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-items: center;
  letter-spacing: 0.0857143px;
  color: #171725;
  position: relative;
  white-space: nowrap;
}
.profit-loss-container .bookkeeping-status__statuses .status:before {
  content: "";
  width: 6px;
  min-width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 5px;
}
.profit-loss-container .bookkeeping-status__statuses .status.done:before {
  background: #3dd598;
}
.profit-loss-container .bookkeeping-status__statuses .status.quality_check:before {
  background: #50b5ff;
}
.profit-loss-container .bookkeeping-status__statuses .status.in_progress:before {
  background: #ffc542;
}
.profit-loss-container .bookkeeping-status__statuses .status.action_required:before {
  background: #FC5A5A;
}
.profit-loss-container .profit-loss-filters {
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 10px 10px 0 0;
  padding: 13px 20px;
  background-color: white;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.profit-loss-container .profit-loss-filters .profit-loss-filters-title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
  margin-right: 20px;
  white-space: nowrap;
}
.profit-loss-container .profit-loss-filters .mobile-filter {
  display: flex;
  justify-content: space-between;
}
.profit-loss-container .profit-loss-filters__filters-date {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 38px;
  border: 1px solid #F1F1F5;
  border-radius: 10px;
  position: relative;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
  padding-right: 34px;
  width: 260px;
  max-width: 260px;
  cursor: pointer;
}
.profit-loss-container .profit-loss-filters__filters-date .filters-date-icon {
  margin: 10px;
  width: 16px;
  height: 16px;
  background-size: contain;
  background: url("/assets/calendar-04620a50.svg") no-repeat center;
}
.profit-loss-container .profit-loss-filters__filters-date:before {
  content: "";
  position: absolute;
  background: #F1F1F5;
  top: 0;
  right: 26px;
  width: 1px;
  height: 100%;
}
.profit-loss-container .profit-loss-filters__filters-date svg {
  position: absolute;
  right: 3px;
  fill: #b6b6b6;
}
.profit-loss-container .profit-loss-filters__time-range-select {
  width: 150px;
  height: 38px;
}
.profit-loss-container .profit-loss-overall-info {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 20px;
  justify-content: space-between;
  background-color: #fff;
  border-bottom: 1px solid #F1F1F5;
  border-top: 1px solid #F1F1F5;
}
.profit-loss-container .profit-loss-overall-info__item {
  display: flex;
  gap: 10px;
  align-items: center;
}
.profit-loss-container .profit-loss-overall-info__item .price-value {
  font-weight: 600;
  color: #171725;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
}
.profit-loss-container .profit-loss-overall-info__item .title {
  padding: 4px 10px;
  border-radius: 40px;
  white-space: nowrap;
}
.profit-loss-container .profit-loss-overall-info__item .income {
  background: #E6EFFF;
  color: #0062FF;
}
.profit-loss-container .profit-loss-overall-info__item .expense {
  background: #ECFBF5;
  color: #3DD598;
}
.profit-loss-container .profit-loss-overall-info__item .new-profit {
  background: #FFEEEE;
  color: #FC5A5A;
}
.profit-loss-container .no-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.profit-loss-container .no-data .margin {
  margin: 30px 0 10px;
}
.profit-loss-container .white-box {
  background-color: #ffffff;
  border-radius: 0 0 10px 10px;
}
.profit-loss-container .white-box .no-data {
  padding: 20px;
}
.profit-loss-container .white-box .legend {
  display: none;
}
.profit-loss-container .profit-loss-chart {
  overflow: auto;
  min-height: 494px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  position: relative;
  background: white;
}
.profit-loss-container .profit-loss-chart__container {
  position: relative;
  overflow: auto;
  padding: 20px;
}
.profit-loss-container .profit-loss-chart__button-container {
  background: white;
  display: flex;
  justify-content: space-between;
  border-radius: 0 0 10px 10px;
  padding: 15px 20px 14px 20px;
  border-top: 1px solid #F1F1F5;
}
.profit-loss-container .profit-loss-chart__button-container .print-report-btn {
  max-width: 134px;
  margin-right: 20px;
}
.profit-loss-container .profit-loss-chart__button-container .download-spreadsheet-btn {
  width: auto;
  padding: 0 15px;
}
.profit-loss-container__second-column {
  display: flex;
  flex-direction: column;
  max-width: 386px;
}
.profit-loss-container__second-column .top-ten-expenses {
  width: 100%;
  background: #ffffff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.profit-loss-container__second-column .top-ten-expenses__item {
  display: grid;
  grid-template-columns: 90px 1fr;
  align-items: center;
}
.profit-loss-container__second-column .top-ten-expenses__item .percent {
  width: 90px;
  height: 90px;
}
.profit-loss-container__second-column .top-ten-expenses__item .percent .chart-number {
  font-weight: 600;
  font-size: 7px;
  line-height: 27px;
  color: #171725;
}
.profit-loss-container__second-column .top-ten-expenses__item .description {
  display: flex;
  flex-direction: column;
}
.profit-loss-container__second-column .top-ten-expenses__item .description__price {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
  margin-bottom: 8px;
}
.profit-loss-container__second-column .top-ten-expenses__item .description__name {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.0857143px;
  color: #B6B6B6;
}
@media (max-width: 1360px) {
  .profit-loss-container {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .profit-loss-container__second-column {
    max-width: none;
  }
}
@media (max-width: 768px) {
  .profit-loss-container {
    background: #fafafb;
    padding: 15px 15px 80px !important;
  }
  .profit-loss-container .bookkeeping-status__filters {
    padding: 15px;
  }
  .profit-loss-container .bookkeeping-status__filters .select-year {
    width: 92px;
  }
  .profit-loss-container .bookkeeping-status__months {
    padding: 15px;
    justify-content: space-between;
    gap: 10px;
  }
  .profit-loss-container .bookkeeping-status__months .month {
    min-width: 30%;
    width: calc(16.6666666667% - 15px);
  }
  .profit-loss-container .bookkeeping-status__statuses {
    padding: 10px 15px;
    gap: 10px 15px;
  }
  .profit-loss-container .profit-loss-filters {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px;
  }
  .profit-loss-container .profit-loss-filters .mobile-filter {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .profit-loss-container .profit-loss-filters__filters-date, .profit-loss-container .profit-loss-filters__time-range-select {
    position: relative;
    margin-left: 0;
    margin-top: 15px;
    width: calc(50% - 10px);
    white-space: nowrap;
    max-width: none;
    box-sizing: border-box;
  }
  .profit-loss-container .profit-loss-overall-info {
    padding: 10px 15px;
    gap: 10px;
  }
  .profit-loss-container .profit-loss-overall-info__item {
    padding: 0;
    gap: 10px;
  }
  .profit-loss-container .profit-loss-overall-info__item .title {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1px;
  }
  .profit-loss-container .profit-loss-chart {
    min-height: auto;
    max-width: calc(100vw - 30px);
  }
  .profit-loss-container .profit-loss-chart__container {
    width: 100%;
    overflow: auto;
    padding: 25px 0;
    border-bottom: 1px solid #F1F1F5;
  }
  .profit-loss-container .profit-loss-chart__container .chart {
    width: 100%;
    min-height: 270px;
  }
  .profit-loss-container .profit-loss-chart__button-container {
    border-radius: 0 0 10px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .profit-loss-container .profit-loss-chart__button-container .export-buttons {
    width: 100%;
  }
  .profit-loss-container .profit-loss-chart__button-container .download-spreadsheet-btn {
    width: 100%;
  }
  .profit-loss-container .no-data .margin {
    margin: 20px 0 10px;
  }
  .profit-loss-container .white-box .no-data {
    padding: 15px;
  }
  .profit-loss-container .white-box .legend {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 15px;
    border-top: 1px solid #f1f1f5;
  }
  .profit-loss-container .white-box .legend .item {
    display: flex;
    align-items: center;
  }
  .profit-loss-container .white-box .legend .item .dot {
    width: 12px;
    height: 12px;
    margin-right: 8px;
    border-radius: 50%;
  }
  .profit-loss-container .white-box .legend .item .dot.red {
    background: #FC5A5A;
  }
  .profit-loss-container .white-box .legend .item .dot.green {
    background: #3dd598;
  }
  .profit-loss-container .white-box .legend .item .dot.blue {
    background: #50b5ff;
  }
  .profit-loss-container__second-column {
    min-width: auto;
  }
  .profit-loss-container__second-column .top-ten-expenses {
    padding: 15px 5px;
  }
  .profit-loss-container__second-column .top-ten-expenses__item {
    margin-bottom: 5px;
  }
  .profit-loss-container__second-column .top-ten-expenses__item:last-child {
    margin-bottom: 0;
  }
  .profit-loss-container__second-column .top-ten-expenses__item .description {
    display: flex;
    flex-direction: column;
  }
  .profit-loss-container__second-column .top-ten-expenses__item .description__price {
    margin-bottom: 8px;
  }
  .profit-loss-container__second-column .top-ten-expenses__item .description__name {
    line-height: 18px;
    letter-spacing: 0.2px;
  }
}
@media (max-width: 510px) {
  .profit-loss-container .profit-loss-filters__filters-date, .profit-loss-container .profit-loss-filters__time-range-select {
    width: 100%;
  }
  .profit-loss-container .profit-loss-chart__button-container {
    flex-wrap: wrap;
    padding: 0 15px 15px;
  }
  .profit-loss-container .profit-loss-chart__button-container .print-report-btn,
  .profit-loss-container .profit-loss-chart__button-container .download-spreadsheet-btn {
    width: 100%;
    max-width: none;
    margin-right: 0;
    margin-top: 15px;
  }
}
#bookkeeping-status-popper {
  padding-top: 29px;
  padding-left: 12px;
  z-index: 2;
}
#bookkeeping-status-popper .note:before {
  content: "";
  position: absolute;
  display: inline-block;
  background-color: #fff;
  height: 24px;
  width: 24px;
  z-index: 0;
  border-radius: 4px;
  transform: rotate(-45deg);
  top: 16px;
  left: 0;
  right: 0;
  margin: auto;
  border: 1px solid #fafafb;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 8px 8px 16px rgba(0, 0, 0, 0.08);
}
#bookkeeping-status-popper .note:after {
  content: "";
  position: absolute;
  display: inline-block;
  background-color: #fff;
  height: 24px;
  width: 24px;
  z-index: 3;
  border-radius: 4px;
  transform: rotate(-45deg);
  top: 16px;
  left: 0;
  right: 0;
  margin: auto;
}
#bookkeeping-status-popper .note__container {
  position: relative;
  z-index: 2;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #fafafb;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 8px 8px 16px rgba(0, 0, 0, 0.08);
  padding: 20px;
}
#bookkeeping-status-popper .note__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.1px;
  color: #FC5A5A;
}
#bookkeeping-status-popper .note__text {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
  margin: 20px 0;
  width: 260px;
  max-width: 260px;
  text-align: center;
}
#bookkeeping-status-popper .note .button {
  width: 100%;
}
.income-container {
  padding: 20px 40px 72px;
  overflow: auto;
  background: #fafafb;
  flex-direction: column;
  position: relative;
}
.income-container .income-filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 20px;
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 20px;
}
.income-container .income-filters__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
  white-space: nowrap;
}
.income-container .income-filters__filters-date {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 38px;
  border: 1px solid #F1F1F5;
  border-radius: 10px;
  position: relative;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
  padding-right: 34px;
  width: 260px;
  max-width: 260px;
  margin: 0 20px;
  cursor: pointer;
}
.income-container .income-filters__filters-date .filters-date-icon {
  margin: 10px;
  width: 16px;
  height: 16px;
  background-size: contain;
  background: url("/assets/calendar-04620a50.svg") no-repeat center;
}
.income-container .income-filters__filters-date:before {
  content: "";
  position: absolute;
  background: #F1F1F5;
  top: 0;
  right: 26px;
  width: 1px;
  height: 100%;
}
.income-container .income-filters__filters-date svg {
  position: absolute;
  top: 11px;
  right: 5px;
}
.income-container .income-filters__export-button {
  width: auto;
  padding: 0 20px;
  height: 38px;
}
.income-container .income-table {
  padding: 20px 20px 10px;
  background: #ffffff;
  border-radius: 10px;
}
.income-container .income-table .income-table-container {
  overflow-x: auto;
  margin-bottom: 30px;
}
.income-container .income-table .income-table-container:last-child {
  margin-bottom: 20px;
}
.income-container .income-table .title,
.income-container .income-table .total {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #0062FF;
  overflow: hidden;
}
.income-container .income-table table {
  border-collapse: collapse;
}
.income-container .income-table table thead tr.indent-block th {
  padding: 0 0 8px;
}
.income-container .income-table table thead tr th {
  padding: 10px 0 0;
}
.income-container .income-table table thead tr th.title {
  text-align: left;
  width: 100%;
}
.income-container .income-table table tbody tr {
  border-left: 2px solid #0062FF;
}
.income-container .income-table table tbody tr td {
  padding: 10px 0 10px 20px;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
}
.income-container .income-table table tbody tr td.body-title {
  text-align: left;
  width: 100%;
}
.income-container .income-table table tbody tr td.body-amount {
  text-align: right;
}
.income-container .income-table table tfoot tr td {
  padding: 10px 0 0;
}
.income-container .income-table table tfoot tr td.title {
  text-align: left;
  width: 100%;
}
.income-container .income-table table tfoot tr td.total {
  text-align: right;
}
@media (max-width: 1024px) {
  .income-container {
    overflow: initial;
  }
}
@media (max-width: 768px) {
  .income-container {
    padding: 15px 15px 72px;
  }
  .income-container .income-filters {
    padding: 0;
    margin-bottom: 0;
    flex-wrap: wrap;
    flex-direction: column;
    border-radius: 10px 10px 0 0;
    justify-content: space-between;
    border-bottom: 1px solid #F1F1F5;
  }
  .income-container .income-filters__title {
    padding: 24px 15px;
    width: 100%;
    border-bottom: 1px solid #F1F1F5;
  }
  .income-container .income-filters .left-filter {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .income-container .income-filters .buttons {
    padding: 15px;
    width: 100%;
  }
  .income-container .income-filters .buttons button {
    width: 100%;
  }
  .income-container .income-filters__title {
    width: 100%;
  }
  .income-container .income-filters .filter-date-box {
    padding: 15px;
    width: 100%;
  }
  .income-container .income-filters__filters-date {
    width: calc(50% - 10px);
    max-width: none;
    margin: 17px 0 15px;
  }
  .income-container .income-table {
    padding: 15px 15px 10px;
    border-radius: 0 0 10px 10px;
  }
  .income-container .income-table .income-table-container {
    margin-bottom: 25px;
  }
}
@media (max-width: 576px) {
  .income-container .income-filters__filters-date {
    width: 100%;
  }
  .income-container .income-filters__export-button {
    width: 100%;
    margin: 0;
  }
}
.nothing-here-yet {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border-radius: 10px;
  padding: 20px;
  height: 100%;
}
.nothing-here-yet img {
  width: 168px;
  height: 180px;
}
.nothing-here-yet__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1px;
  color: #171725;
  text-align: center;
  margin: 20px 0 16px;
}
.nothing-here-yet__text {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.2px;
  color: #B6B6B6;
}
@media (max-width: 768px) {
  .nothing-here-yet {
    padding: 15px;
    height: revert;
    border-radius: 0 0 10px 10px;
  }
  .nothing-here-yet img {
    width: 97px;
    height: 104px;
  }
  .nothing-here-yet__title {
    font-size: 15px;
    line-height: 20px;
    margin: 5px 0 10px;
  }
  .nothing-here-yet__text {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.0857143px;
  }
}
.balance-sheet-container {
  padding: 20px 40px 72px;
  overflow: auto;
  background: #fafafb;
  flex-direction: column;
  position: relative;
}
.balance-sheet-container .balance-sheet-filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 13px 20px;
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .balance-sheet-container .balance-sheet-filters .date-piker-field {
    width: 100%;
  }
}
.balance-sheet-container .balance-sheet-filters__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
  white-space: nowrap;
}
.balance-sheet-container .balance-sheet-filters__filters-date {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 38px;
  border: 1px solid #F1F1F5;
  border-radius: 10px;
  position: relative;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
  padding-right: 34px;
  width: 260px;
  max-width: 260px;
  margin: 0 20px;
  cursor: pointer;
}
.balance-sheet-container .balance-sheet-filters__filters-date .filters-date-icon {
  margin: 10px;
  width: 16px;
  height: 16px;
  background: url("/assets/calendar-04620a50.svg") no-repeat center;
  background-size: contain;
}
.balance-sheet-container .balance-sheet-filters__filters-date:before {
  content: "";
  position: absolute;
  background: #F1F1F5;
  top: 0;
  right: 26px;
  width: 1px;
  height: 100%;
}
.balance-sheet-container .balance-sheet-filters__filters-date svg {
  position: absolute;
  top: 11px;
  right: 5px;
}
.balance-sheet-container .balance-sheet-filters .buttons {
  display: flex;
  align-items: center;
  gap: 15px;
}
.balance-sheet-container .balance-sheet-filters__export-button {
  width: auto;
  padding: 0 20px;
  height: 38px;
  line-height: 20px;
  letter-spacing: 0.1px;
}
.balance-sheet-container .balance-sheet-table {
  padding: 7px 20px 28px;
  background: #ffffff;
  border-radius: 10px;
  overflow-x: auto;
}
.balance-sheet-container .balance-sheet-table .balance-sheet-item.main-item {
  min-width: 350px;
}
.balance-sheet-container .balance-sheet-table .balance-sheet-item .text {
  height: 20px;
  min-height: 20px;
  margin: 10px 0;
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 20px;
}
.balance-sheet-container .balance-sheet-table .balance-sheet-item__title-block, .balance-sheet-container .balance-sheet-table .balance-sheet-item__total-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.balance-sheet-container .balance-sheet-table .balance-sheet-item__title-block .text, .balance-sheet-container .balance-sheet-table .balance-sheet-item__total-block .text {
  font-weight: 600;
  letter-spacing: 0.1px;
  color: #0062FF;
}
.balance-sheet-container .balance-sheet-table .balance-sheet-item__title-block .dropdown-select, .balance-sheet-container .balance-sheet-table .balance-sheet-item__total-block .dropdown-select {
  height: 24px;
  width: 24px;
  cursor: pointer;
  margin-left: 5px;
}
.balance-sheet-container .balance-sheet-table .balance-sheet-item__title-block .dropdown-select svg, .balance-sheet-container .balance-sheet-table .balance-sheet-item__total-block .dropdown-select svg {
  height: 24px;
  width: 24px;
  transition: 0.3s;
}
.balance-sheet-container .balance-sheet-table .balance-sheet-item__title-block .dropdown-select.open svg, .balance-sheet-container .balance-sheet-table .balance-sheet-item__total-block .dropdown-select.open svg {
  transform: rotate(180deg);
}
.balance-sheet-container .balance-sheet-table .balance-sheet-item__total-block {
  margin-bottom: 34px;
}
.balance-sheet-container .balance-sheet-table .balance-sheet-item__children-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-left: 2px solid #0062FF;
}
.balance-sheet-container .balance-sheet-table .balance-sheet-item__children-block .text {
  font-weight: 400;
  letter-spacing: 0.2px;
  color: #171725;
}
.balance-sheet-container .balance-sheet-table .balance-sheet-item__children-block .separation {
  position: relative;
}
.balance-sheet-container .balance-sheet-table .balance-sheet-item__children-block .separation:before {
  content: "";
  position: absolute;
  width: 22px;
  height: 10px;
  background: white;
  bottom: -10px;
  left: -22px;
}
.balance-sheet-container .balance-sheet-table .balance-sheet-item__children-block .balance-sheet-item__total-block {
  margin-bottom: 0;
}
.balance-sheet-container .balance-sheet-table .balance-sheet-item .MuiCollapse-root {
  width: 100%;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .balance-sheet-container {
    overflow: initial;
  }
}
@media (max-width: 768px) {
  .balance-sheet-container {
    padding: 15px 15px 72px;
  }
  .balance-sheet-container .balance-sheet-filters {
    padding: 0;
    margin-bottom: 0;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #F1F1F5;
  }
  .balance-sheet-container .balance-sheet-filters__title {
    padding: 24px 15px;
    border-bottom: 1px solid #F1F1F5;
  }
  .balance-sheet-container .balance-sheet-filters .date-piker-field {
    padding: 0 15px;
  }
  .balance-sheet-container .balance-sheet-filters .left-side {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .balance-sheet-container .balance-sheet-filters .buttons {
    width: 100%;
    padding: 0 15px 15px;
  }
  .balance-sheet-container .balance-sheet-filters .buttons button {
    width: 100%;
  }
  .balance-sheet-container .balance-sheet-filters__title {
    width: 100%;
  }
  .balance-sheet-container .balance-sheet-filters__filters-date {
    width: calc(50% - 10px);
    max-width: none;
    margin: 17px 0 15px;
  }
  .balance-sheet-container .balance-sheet-table {
    padding: 7px 15px 0;
  }
}
@media (max-width: 576px) {
  .balance-sheet-container .balance-sheet-filters__filters-date {
    width: 100%;
  }
  .balance-sheet-container .balance-sheet-filters__export-button {
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 768px) {
  .rdrDateRangePickerWrapper {
    display: flex;
    flex-direction: column-reverse;
  }
  .rdrDefinedRangesWrapper {
    border-right: none;
    width: 100%;
  }
}
@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("/assets/SFProText-Regular-b5315817.ttf") format("ttf");
}
.onBoarding {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background: #fafafb;
  position: relative;
}
.onBoarding .app-version {
  position: fixed;
  left: 0;
  bottom: 12px;
  z-index: 2;
  padding: 6px 20px;
  background: #F8F8FA;
  border-radius: 0 10px 10px 0;
}
@media (max-width: 768px) {
  .onBoarding .app-version {
    display: none;
  }
}
.onBoarding__header {
  position: relative;
  width: 100%;
  height: 88px;
  display: flex;
  padding: 20px 30px;
  z-index: 2;
  background: #ffffff;
  box-shadow: inset 0px -1px 0px #E2E2EA;
}
.onBoarding__header__first-block {
  width: 25%;
}
.onBoarding__header__first-block .logo-icon {
  width: 232px;
  height: 46px;
  background: url("/assets/logo_business_dashboard-d924387f.svg") no-repeat;
  background-size: contain;
}
.onBoarding__header__second-block {
  display: flex;
  justify-content: space-between;
  padding-left: 8px;
  width: 75%;
  position: relative;
}
.onBoarding__header__second-block::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 56px;
  left: -24px;
  top: -4px;
  background: #f1f1f5;
  border-radius: 4px;
}
.onBoarding__header__second-block .btn-return-back {
  width: max-content;
  line-height: 24px;
  letter-spacing: -0.01em;
  padding: 12px 15px 12px 12px;
}
.onBoarding__header__second-block .btn-return-back svg {
  width: 24px;
  height: 24px;
  padding: 6px;
  color: #92929d;
  margin-right: 10px;
}
.onBoarding__header__second-block .status-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 60px;
}
.onBoarding__header__second-block .status-container .title {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.1px;
  color: #171725;
}
.onBoarding__header__second-block .status-container .subtitle {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0.0857143px;
  color: #27AE60;
  margin-top: 5px;
}
.onBoarding .contact-our-consultants-header {
  position: relative;
  width: 100%;
  height: 88px;
  display: flex;
  padding: 20px 30px;
  background: #ffffff;
  box-shadow: inset 0px -1px 0px #E2E2EA;
}
.onBoarding .contact-our-consultants-header .btn-return-back {
  width: max-content;
  line-height: 24px;
  letter-spacing: -0.01em;
  padding: 12px 15px 12px 12px;
}
.onBoarding .contact-our-consultants-header .btn-return-back svg {
  width: 24px;
  height: 24px;
  padding: 6px;
  color: #92929d;
  margin-right: 10px;
}
.onBoarding .contact-our-consultants-header .logo_business_dashboard {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 232px;
  height: 46px;
  background: url("/assets/logo_business_dashboard-d924387f.svg") no-repeat;
  background-size: contain;
}
.onBoarding__container {
  display: flex;
  height: 100%;
  overflow-y: auto;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 88px;
  left: 0;
  bottom: 0;
  min-height: 100vh;
}
.onBoarding__contact_our_consultants {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1318px;
  padding: 0 20px;
  min-height: calc(100vh - 88px);
  margin: 0 auto;
  text-align: center;
}
.onBoarding__contact_our_consultants__title {
  font-weight: 600;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: 0.116667px;
  color: #171725;
  margin: 64px auto 20px;
}
.onBoarding__contact_our_consultants__subtitle, .onBoarding__contact_our_consultants__text {
  max-width: 754px;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.2px;
  color: #B6B6B6;
}
.onBoarding__contact_our_consultants .business_dashboard {
  width: 494px;
  height: 175px;
  margin: 100px auto 95px;
  background: url("/assets/business_dashboard-501c1b46.svg") no-repeat;
  background-size: contain;
}
.onBoarding__contact_our_consultants .btn_contact_us {
  width: 232px;
  margin: 20px auto 0;
}
.onBoarding__tabs {
  display: flex;
  flex-direction: column;
  padding: 50px 30px;
  width: 25%;
}
.onBoarding__tabs .tab-item {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.2px;
  color: #171725;
  height: 24px;
  margin-bottom: 15px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.onBoarding__tabs .tab-item span {
  width: 17px;
  height: 17px;
  border-radius: 100%;
  background: #ffffff;
  border: 1.5px solid #f1f1f5;
  box-sizing: border-box;
  font-weight: 600;
  font-size: 8px;
  line-height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #92929d;
  margin: 0 15px 0 2px;
  position: relative;
}
.onBoarding__tabs .tab-item span:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 14px;
  left: 6px;
  bottom: -19px;
  background: #f1f1f5;
  border-radius: 4px;
}
.onBoarding__tabs .tab-item:last-child {
  margin-bottom: 0;
}
.onBoarding__tabs .tab-item:last-child span:before {
  display: none;
}
.onBoarding__tabs .tab-item.active, .onBoarding__tabs .tab-item.active:hover {
  padding: 0;
  font-weight: 600;
  letter-spacing: 0.1px;
}
.onBoarding__tabs .tab-item.active span, .onBoarding__tabs .tab-item.active:hover span {
  width: 20px;
  height: 20px;
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  color: #171725;
  margin: 0 14px 0 0;
}
.onBoarding__tabs .tab-item.active span:before, .onBoarding__tabs .tab-item.active:hover span:before {
  left: 8px;
  bottom: -18px;
}
.onBoarding__tabs .tab-item.active span:after, .onBoarding__tabs .tab-item.active:hover span:after {
  width: 23px !important;
  height: 23px !important;
  top: -3px !important;
  left: -2px !important;
}
.onBoarding__tabs .tab-item.valid span {
  color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
}
.onBoarding__tabs .tab-item.valid span:after {
  content: "";
  width: 19px;
  height: 19px;
  position: absolute;
  top: -3px;
  left: -2px;
  background: url("/assets/Done-f2d69931.svg") no-repeat;
  background-size: contain;
}
.onBoarding__tabs .tab-item.valid:hover span {
  color: rgba(255, 255, 255, 0);
}
.onBoarding__tabs .tab-item.disabled {
  cursor: default;
}
.onBoarding__plans-wrapper {
  display: grid;
  margin-top: 40px;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
}
.onBoarding__start, .onBoarding__operation-time, .onBoarding__where_operate, .onBoarding__taxes_year, .onBoarding__type_of_entity, .onBoarding__who_is_bookkeeper,
.onBoarding .on-boarding-link-account, .onBoarding__find-plan {
  width: 75%;
  padding: 50px 30px 48px 24px;
  display: flex;
  flex-direction: column;
}
.onBoarding__start__form, .onBoarding__operation-time__form, .onBoarding__where_operate__form, .onBoarding__taxes_year__form, .onBoarding__type_of_entity__form, .onBoarding__who_is_bookkeeper__form,
.onBoarding .on-boarding-link-account__form, .onBoarding__find-plan__form {
  width: 100%;
  max-width: 493px;
  min-width: 493px;
}
.onBoarding__start .btn-arrow:before, .onBoarding__operation-time .btn-arrow:before, .onBoarding__where_operate .btn-arrow:before, .onBoarding__taxes_year .btn-arrow:before, .onBoarding__type_of_entity .btn-arrow:before, .onBoarding__who_is_bookkeeper .btn-arrow:before,
.onBoarding .on-boarding-link-account .btn-arrow:before, .onBoarding__find-plan .btn-arrow:before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url("/assets/ic_Chevron Right-95e1e460.svg") no-repeat;
  background-size: contain;
}
.onBoarding__start__title, .onBoarding__start__subtitle {
  max-width: 1016px;
}
.onBoarding__start__title {
  font-weight: 600;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: 0.116667px;
  color: #171725;
}
.onBoarding__start__subtitle {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.2px;
  color: #92929d;
  margin: 10px 0 50px;
}
.onBoarding__start__form {
  width: 100%;
  max-width: 493px;
}
.onBoarding__start__form .phone-input {
  margin-top: 0;
}
.onBoarding__start__form .phone-input .react-tel-input {
  margin: 28px 0 30px;
}
.onBoarding__start__form .btn-continue {
  margin-top: 50px;
}
.onBoarding__start__form__text {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.2px;
  color: #92929d;
  margin: 20px auto 65px;
}
.onBoarding__operation-time__title {
  font-weight: 600;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: 0.116667px;
  color: #171725;
  max-width: 1009px;
}
.onBoarding__operation-time__form {
  margin-top: 20px;
}
.onBoarding__operation-time__form .btn-continue {
  margin-top: 30px;
}
.onBoarding__where_operate__title {
  font-weight: 600;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: 0.116667px;
  color: #171725;
  max-width: 1016px;
}
.onBoarding__where_operate__form {
  margin-top: 20px;
}
.onBoarding__where_operate__form .btn-continue {
  margin-top: 30px;
}
.onBoarding__taxes_year__title {
  font-weight: 600;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: 0.116667px;
  color: #171725;
}
.onBoarding__taxes_year__form {
  margin-top: 55px;
}
.onBoarding__taxes_year__form .btn-skip {
  text-transform: inherit;
}
.onBoarding__taxes_year__form .select-year {
  width: 100%;
  position: relative;
}
.onBoarding__taxes_year__form .select-year .select-label {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #B6B6B6;
  margin-bottom: 10px;
}
.onBoarding__taxes_year__form .select-year .select-element {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  padding: 11px 24px 11px 13px;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.04em;
  color: #171725;
  background: #ffffff;
  border: 2px solid #f1f1f5;
  border-radius: 10px;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.onBoarding__taxes_year__form .select-year .select-element::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  top: 10px;
  right: 14px;
  background-repeat: no-repeat;
  background-image: url("/assets/ic_Chevron Down-54999042.svg");
  background-position: center;
}
.onBoarding__taxes_year__form .select-year .select-element .placeholder {
  color: #888895;
}
.onBoarding__taxes_year__form .select-year .select-options {
  opacity: 0;
  height: 0;
  position: absolute;
  top: 28px;
  right: 0;
  left: auto;
  transition: 0.2s ease;
  z-index: -1;
}
.onBoarding__taxes_year__form .select-year .select-options .options-container {
  display: none;
}
.onBoarding__taxes_year__form .select-year.active .select-element::after {
  background-image: url("/assets/ic_Chevron Up-370adbb7.svg");
}
.onBoarding__taxes_year__form .select-year.active .select-options {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  width: 100%;
  height: auto;
}
.onBoarding__taxes_year__form .select-year.active .select-options .options-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  background: #ffffff;
  mix-blend-mode: normal;
  border: 2px solid #f1f1f5;
  border-radius: 10px;
  padding: 62px 22px 26px;
}
.onBoarding__taxes_year__form .select-year.active .select-options .select-period {
  margin-bottom: 24px;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #888895;
  display: flex;
  align-items: center;
}
.onBoarding__taxes_year__form .select-year.active .select-options .select-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-gap: 10px;
}
.onBoarding__taxes_year__form .select-year.active .select-options .select-list__option {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  transition: all 0.2s ease-in-out;
  border-radius: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #171725;
}
.onBoarding__taxes_year__form .select-year.active .select-options .select-list__option:hover, .onBoarding__taxes_year__form .select-year.active .select-options .select-list__option.active {
  font-weight: 600;
  background: #0062FF;
  color: #fafafb;
  cursor: pointer;
}
.onBoarding__taxes_year__form .MuiFormControl-root {
  width: 100%;
  height: 48px;
}
.onBoarding__taxes_year__form .MuiFormControl-root .MuiOutlinedInput-root {
  background: #ffffff;
  mix-blend-mode: normal;
  border-radius: 10px;
  height: 48px;
}
.onBoarding__taxes_year__form .MuiFormControl-root .MuiOutlinedInput-notchedOutline {
  border: 2px solid;
  border-color: #F1F1F5 !important;
}
.onBoarding__taxes_year__form .btn-continue, .onBoarding__taxes_year__form .btn-skip {
  margin-top: 40px;
}
.onBoarding__type_of_entity__title, .onBoarding__who_is_bookkeeper__title {
  font-weight: 600;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: 0.116667px;
  color: #171725;
}
.onBoarding__type_of_entity__form, .onBoarding__who_is_bookkeeper__form {
  margin-top: 20px;
}
.onBoarding__type_of_entity__form .btn-continue, .onBoarding__who_is_bookkeeper__form .btn-continue {
  margin-top: 30px;
}
.onBoarding__type_of_entity__form .btn-skip, .onBoarding__who_is_bookkeeper__form .btn-skip {
  margin-top: 18px;
}
.onBoarding .on-boarding-link-account__title {
  font-weight: 600;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: 0.116667px;
}
.onBoarding .on-boarding-link-account__subtitle, .onBoarding .on-boarding-link-account__text {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.2px;
}
.onBoarding .on-boarding-link-account__title, .onBoarding .on-boarding-link-account__subtitle, .onBoarding .on-boarding-link-account__text {
  max-width: 754px;
  color: #171725;
}
.onBoarding .on-boarding-link-account__subtitle {
  margin: 20px 0 8px;
}
.onBoarding .on-boarding-link-account__step {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.onBoarding .on-boarding-link-account__step img {
  width: 33px;
  height: 32px;
  margin-right: 30px;
}
.onBoarding .on-boarding-link-account__step-title {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.2px;
  color: #171725;
}
.onBoarding .on-boarding-link-account__additional_info {
  max-width: 493px;
  padding: 15px;
  background: rgba(21, 109, 251, 0.1);
  opacity: 0.5;
  border-radius: 15px;
  margin-top: 30px;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.2px;
  color: #92929d;
}
.onBoarding .on-boarding-link-account__form .btn-continue {
  margin-top: 50px;
}
.onBoarding .on-boarding-link-account__form .btn-skip {
  margin-top: 18px;
}
@media (max-width: 1470px) {
  .onBoarding__header__first-block {
    width: 290px;
    min-width: 290px;
  }
  .onBoarding__tabs {
    width: 290px;
    min-width: 290px;
  }
  .onBoarding__start, .onBoarding__operation-time, .onBoarding__where_operate, .onBoarding__taxes_year, .onBoarding__type_of_entity, .onBoarding__who_is_bookkeeper,
  .onBoarding .on-boarding-link-account, .onBoarding__find-plan {
    width: calc(100% - 290px);
  }
}
@media (max-width: 1024px) {
  .onBoarding {
    padding-top: 0;
    padding-bottom: 92px;
  }
  .onBoarding__header {
    height: 70px;
    padding: 16px 15px;
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
  }
  .onBoarding__header__first-block {
    width: auto;
    min-width: auto;
  }
  .onBoarding__header__first-block .logo-icon {
    width: 32px;
    height: 20px;
    right: 25px;
    top: 15px;
    background: url("/assets/mobile-logo-6b17398e.svg") no-repeat;
  }
  .onBoarding__header__second-block {
    align-items: center;
    padding-left: 0;
    width: 100%;
    position: relative;
  }
  .onBoarding__header__second-block:before {
    display: none;
  }
  .onBoarding__header__second-block .btn-return-back {
    width: 32px;
    height: 24px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: none;
  }
  .onBoarding__header__second-block .btn-return-back svg {
    margin-right: 0;
  }
  .onBoarding__header__second-block .btn-return-back .button-text {
    display: none;
  }
  .onBoarding__header__second-block .status-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-right: 0;
  }
  .onBoarding__header__second-block .status-container .title {
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.116667px;
  }
  .onBoarding__header__second-block .status-container .subtitle {
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    margin-bottom: 3px;
  }
  .onBoarding .contact-our-consultants-header {
    height: 70px;
    padding: 16px 15px;
    align-items: center;
  }
  .onBoarding .contact-our-consultants-header .btn-return-back {
    width: 24px;
    height: 24px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
  }
  .onBoarding .contact-our-consultants-header .btn-return-back svg {
    margin-right: 0;
  }
  .onBoarding .contact-our-consultants-header .btn-return-back .button-text {
    display: none;
  }
  .onBoarding .contact-our-consultants-header .logo_business_dashboard {
    width: 149px;
    height: 30px;
  }
  .onBoarding__container {
    flex-direction: column;
    padding-bottom: 80px;
  }
  .onBoarding__contact_our_consultants {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: calc(100vh - 70px);
    padding: 20px 15px;
  }
  .onBoarding__contact_our_consultants__title {
    margin: 0 0 10px;
    font-weight: 600;
    font-size: 15px;
    line-height: 23px;
    text-align: center;
    letter-spacing: 0.1px;
  }
  .onBoarding__contact_our_consultants__subtitle, .onBoarding__contact_our_consultants__text {
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.2px;
  }
  .onBoarding__contact_our_consultants .business_dashboard {
    width: 100%;
    max-width: 494px;
    height: 170px;
    margin: 120px auto auto;
    background-size: contain;
  }
  .onBoarding__tabs {
    width: 100%;
    min-width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 39px 30px 15px;
    position: relative;
  }
  .onBoarding__tabs .tab-item {
    margin: 0;
  }
  .onBoarding__tabs .tab-item__name {
    display: none;
  }
  .onBoarding__tabs .tab-item span:before {
    width: 14px;
    height: 2px;
    left: 19px;
    bottom: 6px;
  }
  .onBoarding__tabs .tab-item.active .tab-item__name, .onBoarding__tabs .tab-item.active:hover .tab-item__name {
    display: flex;
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.116667px;
    color: #171725;
  }
  .onBoarding__tabs .tab-item.active span:before, .onBoarding__tabs .tab-item.active:hover span:before {
    left: 20px;
    bottom: 7px;
  }
  .onBoarding__start, .onBoarding__operation-time, .onBoarding__where_operate, .onBoarding__taxes_year, .onBoarding__type_of_entity, .onBoarding__who_is_bookkeeper, .onBoarding__find-plan {
    align-items: center;
    width: 100%;
    padding: 0 15px 15px;
  }
  .onBoarding__start__title, .onBoarding__operation-time__title, .onBoarding__where_operate__title, .onBoarding__taxes_year__title, .onBoarding__type_of_entity__title, .onBoarding__who_is_bookkeeper__title, .onBoarding__find-plan__title {
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.1px;
  }
  .onBoarding__start__subtitle, .onBoarding__operation-time__subtitle, .onBoarding__where_operate__subtitle, .onBoarding__taxes_year__subtitle, .onBoarding__type_of_entity__subtitle, .onBoarding__who_is_bookkeeper__subtitle, .onBoarding__find-plan__subtitle {
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.2px;
    margin: 5px 0 30px;
  }
  .onBoarding__start__form, .onBoarding__operation-time__form, .onBoarding__where_operate__form, .onBoarding__taxes_year__form, .onBoarding__type_of_entity__form, .onBoarding__who_is_bookkeeper__form, .onBoarding__find-plan__form {
    min-width: auto;
  }
  .onBoarding .on-boarding-link-account {
    align-items: center;
    width: 100%;
    padding: 0 15px 15px;
  }
  .onBoarding .on-boarding-link-account__title {
    width: 100%;
    font-size: 15px;
    line-height: 22px;
    text-align: left;
    letter-spacing: 0.1px;
    color: #171725;
  }
  .onBoarding .on-boarding-link-account__subtitle {
    line-height: 23px;
    text-align: left;
    margin: 20px 0 5px;
  }
  .onBoarding .on-boarding-link-account__text {
    line-height: 23px;
    text-align: left;
    margin: 0;
  }
  .onBoarding .on-boarding-link-account__step {
    margin-top: 30px;
  }
  .onBoarding .on-boarding-link-account__step__title {
    line-height: 23px;
  }
  .onBoarding .on-boarding-link-account__form {
    min-width: auto;
  }
}
@media (max-width: 768px) {
  .onBoarding__start__form .phone-input {
    margin-top: 36px;
  }
  .onBoarding__start__form__text {
    font-size: 12px;
    line-height: 18px;
  }
  .onBoarding__operation-time__form, .onBoarding__where_operate__form, .onBoarding__type_of_entity__form, .onBoarding__who_is_bookkeeper__form {
    margin-top: 0;
  }
  .onBoarding__operation-time__form .btn-continue, .onBoarding__where_operate__form .btn-continue, .onBoarding__type_of_entity__form .btn-continue, .onBoarding__who_is_bookkeeper__form .btn-continue {
    white-space: normal;
    padding: 12px 32px;
    height: auto;
    min-height: 48px;
  }
  .onBoarding__contact_our_consultants .business_dashboard {
    height: 85px;
    margin: 36px auto 84px;
    background-position: center;
  }
  .onBoarding__taxes_year__form {
    margin-top: 30px;
  }
  .onBoarding__taxes_year__form .btn-continue {
    margin-top: 50px;
  }
  .onBoarding__taxes_year__form .btn-skip {
    margin-top: 18px;
  }
  .onBoarding .on-boarding-link-account__text {
    margin-bottom: 14px;
  }
  .onBoarding .on-boarding-link-account__step {
    margin-top: 16px;
  }
  .onBoarding .on-boarding-link-account__form .btn-continue {
    margin-top: 52px;
  }
  .onBoarding .on-boarding-link-account__form .btn-skip {
    margin-top: 8px;
  }
}
@media (max-width: 460px) {
  .onBoarding__container {
    min-height: calc(100vh - 110px);
  }
}
@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("/assets/SFProText-Regular-b5315817.ttf") format("ttf");
}
.transactions-page {
  height: max-content;
  display: flex;
  flex-direction: column;
}
.transactions-page .transactions-header {
  width: 100%;
  padding: 13px 20px;
  margin-bottom: 20px;
  background: #ffffff;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}
.transactions-page .transactions-header .filters {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.transactions-page .transactions-header .filters .input-range-picker {
  min-width: 260px;
}
@media (max-width: 768px) {
  .transactions-page .transactions-header .filters {
    flex-direction: column;
    gap: 15px;
    padding: 0 15px;
    width: 100%;
  }
  .transactions-page .transactions-header .filters .filter-range-picker {
    width: 100%;
  }
  .transactions-page .transactions-header .filters .filters-select {
    gap: 15px;
    flex-direction: column;
    width: 100%;
  }
  .transactions-page .transactions-header .filters .filters-select .select {
    width: 100%;
  }
}
.transactions-page .transactions-header .select {
  width: 285px;
}
.transactions-page .transactions-header__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
  margin-right: 20px;
}
.transactions-page .transactions-header .filters-date {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 38px;
  border: 1px solid #F1F1F5;
  border-radius: 10px;
  position: relative;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
  padding-right: 34px;
  width: 260px;
  max-width: 260px;
  min-width: 260px;
  margin-right: auto;
  cursor: pointer;
}
.transactions-page .transactions-header .filters-date .filters-date-icon {
  margin: 10px;
  width: 16px;
  height: 16px;
  background-size: contain;
  background: url("/assets/calendar-04620a50.svg") no-repeat center;
}
.transactions-page .transactions-header .filters-date::before {
  content: "";
  position: absolute;
  background: #F1F1F5;
  top: 0;
  right: 40px;
  width: 1px;
  height: 100%;
}
.transactions-page .transactions-header .filters-date svg {
  color: #b6b6b6;
  position: absolute;
  top: 7px;
  right: 10px;
}
.transactions-page .transactions-filters {
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 10px 10px 0 0;
  padding: 20px;
  gap: 20px;
}
.transactions-page .transactions-filters__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
}
.transactions-page .transactions-filters .manage-accounts-btn {
  width: auto;
  padding: 0 12px;
}
@media (max-width: 768px) {
  .transactions-page .transactions-filters .manage-accounts-btn {
    width: 100%;
  }
}
.transactions-page .transactions-filters__export-button {
  width: 105px;
  height: 38px;
  line-height: 20px;
  letter-spacing: 0.1px;
  margin-left: auto;
}
@media (max-width: 768px) {
  .transactions-page .transactions-filters__export-button {
    width: 100%;
  }
}
.transactions-page .transactions-per-page {
  min-width: 174px;
}
.transactions-page .transactions-search-input .input input {
  height: 38px;
  border: 1px solid #F1F1F5;
}
.transactions-page .transactions-search-input .input .icon {
  width: 38px;
  height: 38px;
}
.transactions-page .transactions-table {
  overflow: initial;
  border-collapse: collapse;
}
.transactions-page .transactions-table .nothing-here-yet {
  height: calc(100vh - 275px);
}
.transactions-page .transactions-table__container {
  padding: 0 10px;
  border-radius: 0 0 10px 10px;
  background: #ffffff;
  box-sizing: border-box;
  height: calc(100vh - 289px);
}
@media (max-width: 768px) {
  .transactions-page .transactions-table__container {
    height: initial;
  }
}
.transactions-page .transactions-table table {
  min-width: 1250px;
}
.transactions-page .transactions-table table thead tr {
  height: 38px;
}
.transactions-page .transactions-table table thead tr .Mui-active {
  border: none;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #888895;
}
.transactions-page .transactions-table table thead tr th {
  padding: 0 10px;
  background: #fafafb;
  border: none;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #888895;
}
.transactions-page .transactions-table table thead tr th span {
  font-family: "Poppins", sans-serif;
}
.transactions-page .transactions-table table thead tr th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.transactions-page .transactions-table table thead tr th:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.transactions-page .transactions-table table tbody tr td {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #454553;
  padding: 20px 12px 19px;
  cursor: pointer;
  border-bottom: 1px solid #F1F1F5;
}
.transactions-page .transactions-table table tbody tr td.name {
  display: flex;
}
.transactions-page .transactions-table table tbody tr td.name img {
  height: 20px !important;
  margin-right: 5px;
  object-fit: contain !important;
}
.transactions-page .transactions-table table tbody tr td.det .btn-more {
  width: 24px;
  height: 16px;
  border-radius: 4px;
  background: #F1F1F5 url("/assets/more-horizontal-723d7d80.svg") no-repeat center;
  cursor: pointer;
  margin-left: auto;
}
.transactions-page .transactions-table table tbody tr td.det .btn-more:active, .transactions-page .transactions-table table tbody tr td.det .btn-more:hover {
  border: 1px solid #000000;
}
.transactions-page .transactions-table__pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.transactions-page .transactions-table-mobile {
  background: #ffffff;
  margin-bottom: 100px;
}
.transactions-page .transactions-table-mobile .MuiDivider-root {
  border-color: #f1f1f5;
}
.transactions-page .transactions-table-mobile .table-box {
  padding: 15px;
}
.transactions-page .actions-button {
  display: flex;
  align-items: center;
  gap: 20px;
}
.transactions-page .actions-button .chat-icon {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background: url("/assets/Chat-3aa654cc.svg");
}
.transactions-page .actions-button .comment-qty {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  letter-spacing: 0.0857143px;
  color: #888895;
}
.transactions-page .actions-button .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #FC5A5A;
  border: 2px solid #ffffff;
  position: absolute;
  right: -2px;
  top: -1px;
}
.transactions-page .no-transactions_wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.transactions-page .no-transactions_wrapper .no-transactions_img-wrapper {
  margin: 70px 0 40px;
}
.transactions-page .no-transactions_wrapper .no-transactions_img-wrapper img {
  width: 100%;
}
.transactions-page .no-transactions_wrapper__title {
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.1px;
}
.transactions-page .no-transactions_wrapper .no-transactions_button-wrapper {
  margin-top: 20px;
}
.transactions-page .no-transactions_wrapper .no-transactions_button-wrapper .button {
  padding: 0 10px;
}
@media (max-width: 1024px) {
  .transactions-page {
    padding: 15px 15px 62px !important;
  }
  .transactions-page .transactions-table {
    border-radius: 0;
    margin-top: 0;
    border: none;
    max-width: 100vw;
    padding: 0;
  }
  .transactions-page .transactions-table__container {
    border-radius: 0;
  }
  .transactions-page .transactions-table__container table thead {
    border-radius: 10px;
  }
  .transactions-page .transactions-table__container table thead th {
    background: #fafafb;
  }
  .transactions-page .transactions-table__pagination {
    display: flex;
    justify-content: center;
    margin-top: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 62px;
    width: 100%;
    border-top: 1px solid #F1F1F5;
    background: white;
  }
}
@media (max-width: 768px) {
  .transactions-page .transactions-header {
    flex-wrap: wrap;
    padding: 15px 0;
  }
  .transactions-page .transactions-header .filters-date {
    width: 100%;
    max-width: none;
    margin: 0 15px;
  }
  .transactions-page .transactions-header .apply-btn {
    display: flex;
    width: 100%;
    margin: 15px 15px 0;
  }
  .transactions-page .btn-filter {
    padding-right: 15px;
  }
  .transactions-page .transactions-search-input {
    width: calc(100% - 108px);
    margin: 0 20px 0 15px;
  }
  .transactions-page .transactions-per-page {
    width: 100%;
    padding: 15px 15px 0;
    border-top: 1px solid #F1F1F5;
  }
  .transactions-page .transactions-filters {
    padding: 15px;
    flex-direction: row;
    justify-content: space-between;
  }
  .transactions-page .transactions-filters__export-button {
    margin: 5px auto 0;
    width: 150px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.2px;
    order: 5;
  }
  .transactions-page .transactions-table {
    background: #fafafb;
    padding: 0 0 80px;
    max-width: calc(100vw - 30px);
  }
  .transactions-page .transactions-table__container {
    padding: 0 5px;
  }
}
@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("/assets/SFProText-Regular-b5315817.ttf") format("ttf");
}
.desktop-btn {
  display: flex;
}
.mobile-btn {
  display: none;
}
.profile {
  display: flex;
  flex-direction: column;
}
.profile .first-block {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid rgba(143, 146, 161, 0.2);
  padding: 36px 20px;
}
.profile .first-block__name {
  position: absolute;
  left: 20px;
  top: 20px;
  display: flex;
  align-items: center;
}
.profile .first-block__name .close-dialog {
  position: absolute !important;
  z-index: 1;
  top: -9px;
  right: -10px;
}
.profile .first-block__name .add-avatar-btn {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #f1f1f5;
  margin-right: 20px;
}
.profile .first-block__name .add-avatar-btn label, .profile .first-block__name .add-avatar-btn div.input-file {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile .first-block__name .add-avatar-btn__img {
  border-radius: 100%;
  width: 80px;
  height: 80px;
}
.profile .first-block__name .add-avatar-btn__img.user-avatar {
  object-fit: cover;
}
.profile .first-block__name .add-avatar-btn__img.add-avatar {
  width: 24px;
  height: 24px;
  content: url("/assets/plus-3c9e28e7.svg");
}
.profile .first-block__name__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 36px;
  letter-spacing: 0.1px;
  color: #171725;
}
.profile .first-block__container-btn {
  width: 100%;
  max-width: 1030px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.profile .first-block__container-btn .log-out-btn {
  width: 142px;
  padding: 10px 8px 10px 17px;
}
.profile .first-block__container-btn .log-out-btn svg {
  margin-left: 30px;
}
.profile .second-block {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 0 0 10px 10px;
  padding: 0 20px;
}
.profile .profile-form,
.profile .business-details-form,
.profile .contact-settings,
.profile .account-changes {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1030px;
  margin: 0 auto;
}
.profile .profile-form form,
.profile .business-details-form form,
.profile .contact-settings form,
.profile .account-changes form {
  width: 100%;
}
.profile .profile-form .image-box,
.profile .business-details-form .image-box,
.profile .contact-settings .image-box,
.profile .account-changes .image-box {
  width: 208px;
  height: 125px;
}
@media (max-width: 768px) {
  .profile .profile-form .image-box,
  .profile .business-details-form .image-box,
  .profile .contact-settings .image-box,
  .profile .account-changes .image-box {
    width: 210px;
    height: 120px;
  }
}
.profile .profile-form .btn-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0;
}
.profile .profile-form .btn-container__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.1px;
  color: #171725;
}
.profile .profile-form .btn-request {
  width: 250px;
  padding: 10px 8px 10px 17px;
}
.profile .profile-form .btn-request svg {
  margin-left: 30px;
}
.profile .profile-form .drag-avatar {
  margin-bottom: 40px;
}
.profile .profile-form .drag-avatar__container {
  border-radius: 10px;
  width: 196px;
  height: 110px;
  z-index: 99;
}
.profile .profile-form .drag-avatar__container.avatar-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px dashed #B6B6B6;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.2px;
  color: #171725;
  padding: 10px;
}
.profile .profile-form .drag-avatar__container.avatar-btn label {
  margin-left: 5px;
}
.profile .profile-form .drag-avatar__container.avatar-img {
  object-fit: cover;
}
.profile .profile-form .your-name {
  max-width: calc(50% - 15px);
}
.profile .profile-form .input-row {
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr 1fr;
  align-items: flex-end;
}
.profile .profile-form .contact-title {
  margin: 42px 0 20px;
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.1px;
  color: #171725;
}
.profile .profile-form .contact-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px 0 14px;
  border-bottom: 2px solid #F1F1F5;
}
.profile .profile-form .contact-item__title {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0.0857143px;
  color: #92929d;
}
.profile .profile-form .contact-item__subtitle {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.2px;
  color: #000000;
}
.profile .profile-form .contact-item .toggle-switch {
  height: 100%;
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: 15px;
}
.profile .profile-form .contact-item .toggle-switch input[type=checkbox] {
  z-index: 2;
}
.profile .business-details-form .btn-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 40px 0 28px;
}
.profile .business-details-form .btn-container__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.1px;
  color: #171725;
}
.profile .business-details-form .btn-request {
  width: 250px;
  padding: 10px 8px 10px 17px;
}
.profile .business-details-form .btn-request svg {
  margin-left: 30px;
}
.profile .business-details-form .input-row {
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr 1fr;
  align-items: flex-end;
}
.profile .account-changes__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.1px;
  color: #171725;
  margin: 10px 0 30px;
}
.profile .account-changes .gray-block {
  background: #fafafb;
  border-radius: 10px;
  padding: 20px 30px;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.2px;
  color: #171725;
}
.profile .account-changes .btn-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 30px 0 40px 30px;
}
.profile .account-changes .btn-container__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.2px;
  color: #B6B6B6;
  margin-right: 15px;
}
.profile .account-changes .btn-container .btn-request {
  width: 181px;
  min-width: 181px;
}
.team-management__filters {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 10px 10px 0 0;
  padding: 20px 20px 0;
}
.team-management__filters .btn-panel {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.team-management__filters .btn-panel .team-management-title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
}
.team-management__filters .btn-panel .add-member {
  min-width: 143px;
  padding: 9px 13px;
  margin-right: 24.5px;
  letter-spacing: 0.7px;
}
.team-management__filters .btn-panel .add-member svg {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.team-management__filters .btn-panel .add-member svg path {
  fill: #171725;
}
.team-management__filters .btn-panel .export-button {
  width: 100px;
  min-width: 100px;
}
.team-management__filters .btn-panel .export-button svg {
  margin-right: 10px;
}
.team-management__filters .btn-panel .checks-select {
  z-index: 8;
}
.team-management__filters__wrappers {
  display: flex;
  margin-top: 20px;
}
.team-management__filters__wrappers .search-input .input input {
  border: 1px solid #e2e2ea;
  padding: 6px 10px 6px 38px;
  margin: 0;
  height: 38px;
}
.team-management__filters__wrappers .search-input .input .icon {
  bottom: 0;
  width: 38px;
  height: 38px;
}
.team-management__filters__wrappers .select-employee-type {
  width: 206px;
  margin-left: 20px;
}
.team-management__table {
  overflow: auto;
  height: calc(100% - 116px);
  min-height: 305px;
  background: #ffffff;
  border-radius: 0 0 10px 10px;
  padding: 30px 10px 20px;
}
.team-management__table table {
  position: relative;
  border-collapse: collapse;
}
.team-management__table table .text-table {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #B6B6B6;
}
.team-management__table table tr.title-table {
  height: 38px;
}
.team-management__table table tr.title-table th {
  padding: 0 10px;
  background: #fafafb;
  border-bottom: none;
}
.team-management__table table tr.title-table th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.team-management__table table tr.title-table th:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  text-align: right;
}
.team-management__table table tr.table-body {
  padding: 23px 0 25px;
}
.team-management__table table tr.table-body td {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.2px;
  color: #454553;
  padding: 26px 12px 16px;
}
.team-management__table table tr.table-body td.name {
  color: #0062FF;
}
.team-management__table table tr.table-body td.det .btn-more {
  width: 24px;
  height: 16px;
  background: #F1F1F5;
  border-radius: 4px;
  background-image: url("/assets/more-horizontal-723d7d80.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  margin-left: auto;
}
.team-management__table table tr.table-body td.det .btn-more:active, .team-management__table table tr.table-body td.det .btn-more:hover {
  border: 1px solid #000000;
}
.team-management__table .no-users-added-yet-wrapper {
  height: calc(100% - 58px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
}
.team-management__table .no-users-added-yet-wrapper__img {
  margin: 28px auto 40px;
}
.team-management__table .no-users-added-yet-wrapper__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.team-management__table .no-users-added-yet-wrapper__content__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  letter-spacing: 0.1px;
  color: #171725;
  margin-bottom: 15px;
}
.team-management__table .no-users-added-yet-wrapper__content__text {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.2px;
  color: #B6B6B6;
}
.icon {
  width: 26px;
  height: 26px;
  z-index: 1;
}
.icon.icon-check {
  background: url("/assets/Check-Invalid-Circle-5e43c1a6.svg") no-repeat center center;
}
.icon.icon-crown {
  background: url("/assets/crown-f0eb0078.svg") no-repeat center center;
}
.icon.icon-diamond {
  background: url("/assets/diamond-bec5d080.svg") no-repeat center center;
}
.icon.icon-keys {
  background: url("/assets/keys-0da39b53.svg") no-repeat center center;
}
.icon.icon-contractor {
  background: url("/assets/contractor-f4560e78.svg") no-repeat center center;
}
.icon.icon-payment {
  background: url("/assets/location-469a8405.svg") no-repeat center center;
}
.connections {
  border-radius: 10px;
  width: 100%;
  background: #ffffff;
}
.connections .header {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.connections .header button {
  width: 90px;
}
.connections .body {
  padding: 20px;
}
.connections .body .box {
  background: #fafafb;
  border: 1px solid #f1f1f5;
  border-radius: 10px;
  margin-bottom: 20px;
}
.connections .body .box .box-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}
.connections .body .box .box-header .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #888895;
  margin-right: 10px;
}
.connections .body .box .box-header .dot.active {
  background: #3dd598;
}
.connections .body .box .box-header .dot.errored {
  background: #FC5A5A;
}
.connections .body .box .box-header .text, .connections .body .box .box-header .btn {
  display: flex;
  align-items: center;
}
.connections .body .box .box-header .btn {
  margin: 0 -20px;
}
.connections .body .box .box-header .btn button {
  margin: 0 20px;
}
.connections .body .box .box-header .btn svg {
  margin-right: 6px;
}
.connections .body .box .box-header .btn .link-blue svg {
  margin-top: 5px;
}
.connections .body .box .box-header .btn .link-red svg {
  width: 16px;
  height: 16px;
}
.connections .body .box .account-box {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.connections .body .box .account-container {
  width: 100%;
  background: #ffffff;
  mix-blend-mode: normal;
  border: 2px solid #f1f1f5;
  border-radius: 10px;
  padding: 13px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.connections .body .box .account-container .Mui-checked .MuiSwitch-thumb {
  background: #3dd598;
}
.connections .body .box .account-container .Mui-checked + .MuiSwitch-track {
  background-color: #ECFBF5;
  border: none;
}
.connections .body .box .account-container .MuiSwitch-thumb {
  background: #e0e0e0;
  box-shadow: none;
}
.connections .body .box .account-container .MuiSwitch-track {
  background-color: #fafafb;
  border: 1px solid #F1F1F5;
}
.connections .body .mb-42 {
  margin-bottom: 42px;
}
.connections .body .mb-16 {
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .connections .header {
    flex-direction: column;
    align-items: flex-start;
  }
  .connections .header button {
    margin-top: 15px;
  }
  .connections .body {
    padding: 15px;
  }
  .connections .body .box {
    margin-bottom: 15px;
  }
  .connections .body .box .box-header {
    flex-direction: column;
    align-items: flex-start;
    padding: 15px;
  }
  .connections .body .box .account-box {
    grid-template-columns: 1fr;
    gap: 5px;
  }
}
@media (max-width: 768px) {
  .desktop-btn {
    display: none;
  }
  .mobile-btn {
    display: flex;
  }
  .mobile-btn button {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.2px;
  }
  .profile {
    background: #fafafb;
  }
  .profile .first-block {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 15px 15px 20px;
  }
  .profile .first-block__name {
    left: 0;
    top: 0;
    margin-bottom: 20px;
    position: relative;
  }
  .profile .first-block__name .add-avatar-btn {
    width: 55px;
    height: 55px;
    margin-right: 20px;
  }
  .profile .first-block__name .add-avatar-btn__img {
    width: 55px;
    height: 55px;
  }
  .profile .first-block__name .add-avatar-btn .close-dialog {
    top: -9px;
    right: -9px;
  }
  .profile .first-block__container-btn .log-out-btn {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .profile .second-block {
    padding: 0 15px;
  }
  .profile .profile-form .drag-avatar {
    margin-bottom: 20px;
  }
  .profile .profile-form .drag-avatar__container.avatar-btn {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.1px;
  }
  .profile .profile-form .your-name {
    max-width: none;
  }
  .profile .profile-form .input-row {
    gap: 0;
    grid-template-columns: 1fr;
    margin-bottom: 15px;
  }
  .profile .profile-form .btn-request {
    justify-content: space-between;
    width: 100%;
  }
  .profile .profile-form .contact-title {
    margin: 42px 0 8px;
  }
  .profile .profile-form .contact-item {
    padding: 12px 0 15px;
  }
  .profile .business-details-form .btn-container {
    margin: 40px 0 20px;
  }
  .profile .business-details-form .input-row {
    gap: 0;
    grid-template-columns: 1fr;
  }
  .profile .business-details-form .input-row .input.phone-input .react-tel-input {
    margin: 26px 0 15px;
  }
  .profile .business-details-form .input-row .select-country .special-label + div {
    margin: 10px 0 15px;
  }
  .profile .business-details-form .btn-request {
    justify-content: space-between;
    width: 100%;
    margin-top: 15px;
  }
  .profile .account-changes__title {
    margin: 40px 0 20px;
  }
  .profile .account-changes .gray-block {
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.0857143px;
    padding: 15px;
  }
  .profile .account-changes .btn-container {
    flex-direction: column;
    padding: 0;
  }
  .profile .account-changes .btn-container__text {
    padding: 15px 20px;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.0857143px;
    margin-right: 0;
  }
  .profile .account-changes .btn-container .btn-request {
    margin: 15px 0;
    min-width: auto;
    width: 100%;
  }
  .team-management {
    background: #fafafb;
  }
  .team-management .container-block {
    background: #fafafb !important;
    padding: 15px !important;
  }
  .team-management__filters {
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 10px;
  }
  .team-management__filters .team-management-title {
    display: none;
  }
  .team-management__filters__wrappers {
    flex-wrap: wrap;
    margin-top: 0;
  }
  .team-management__filters__wrappers .btn-filter {
    margin-left: 20px;
  }
  .team-management__filters__wrappers__container {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    margin-top: 15px;
  }
  .team-management__filters__wrappers__container .select-employee-type {
    width: 100%;
    margin-left: 0;
  }
  .team-management__filters__wrappers__container .mobile-btn {
    width: 100%;
    margin-bottom: 15px;
  }
  .team-management__filters__wrappers__container .mobile-btn .add-member {
    width: 100%;
    min-width: 143px;
    margin-right: 20px;
  }
  .team-management__filters__wrappers__container .mobile-btn .add-member svg {
    width: 16px;
    height: 16px;
    margin-right: 10px;
  }
  .team-management__filters__wrappers__container .mobile-btn .add-member svg path {
    fill: #171725;
  }
  .team-management__filters__wrappers__container .mobile-btn .export-button {
    width: 100px;
    min-width: 100px;
  }
  .team-management__filters__wrappers__container .mobile-btn .export-button svg {
    width: 16px;
    height: 16px;
    margin-right: 10px;
  }
  .team-management__table {
    background: #ffffff;
    border-radius: 10px;
    padding: 10px;
  }
  .team-management__table table {
    margin-top: 0;
    min-width: 780px;
  }
  .team-management__table table tr.title-table {
    background: #fafafb;
  }
  .team-management__table table tr.table-body td {
    padding: 35px 10px 7px;
  }
  .team-management__table .no-users-added-yet-wrapper {
    padding: 15px;
  }
  .team-management__table .no-users-added-yet-wrapper__img {
    margin: 96px auto 12px;
  }
  .team-management__table .no-users-added-yet-wrapper__img img {
    width: 104px;
    height: 104px;
    object-fit: contain;
  }
  .team-management__table .no-users-added-yet-wrapper__content__title {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 22px;
  }
  .team-management__table .no-users-added-yet-wrapper__content__text {
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.0857143px;
  }
}
@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("/assets/SFProText-Regular-b5315817.ttf") format("ttf");
}
.billing {
  margin-top: 20px;
}
.billing .billing-payment-container__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1px;
  color: #171725;
  display: none;
}
@media (max-width: 768px) {
  .billing .billing-payment-container__title {
    display: block;
    margin-bottom: 15px;
  }
}
.billing .billing-payment-container .billing-payment-dashboard {
  display: flex;
  justify-content: space-between;
  margin: 0 -10px 40px;
}
.billing .billing-payment-container .billing-payment-dashboard .no-payment {
  margin-top: 30px;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-dashboard-item {
  background: #ffffff;
  border-radius: 10px;
  padding: 20px 20px 5px;
  height: 175px;
  margin: 0 10px;
  white-space: nowrap;
  display: grid;
  grid-template-rows: 0.25fr auto 1fr;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-dashboard-item:nth-child(1), .billing .billing-payment-container .billing-payment-dashboard .billing-dashboard-item:nth-child(2) {
  flex-grow: 1;
}
@media (max-width: 768px) {
  .billing .billing-payment-container .billing-payment-dashboard {
    margin: 0 0 15px;
  }
  .billing .billing-payment-container .billing-payment-dashboard .billing-dashboard-item {
    margin: 15px 0 0;
  }
  .billing .billing-payment-container .billing-payment-dashboard .item-height {
    height: 110px;
  }
  .billing .billing-payment-container .billing-payment-dashboard .no-payment {
    margin-top: 0;
  }
}
.billing .billing-payment-container .billing-payment-dashboard .billing-payment-method {
  position: relative;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-payment-method__title-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f1f1f5;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-payment-method__title-container .billing-payment-method-title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-payment-method__title-container .button-edit-method {
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  text-align: right;
  letter-spacing: 0.0857143px;
  color: #0062FF;
  cursor: pointer;
  margin-left: 20px;
  display: flex;
  align-items: center;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-payment-method__container {
  display: flex;
  align-items: center;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-payment-method__container .payment-methods-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  width: 100%;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-payment-method__container .payment-methods-item__content {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-payment-method__container .payment-methods-item__content .card-box {
  border: 1px solid #F1F1F5;
  border-radius: 6px;
  height: 48px;
  width: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-payment-method__container .payment-methods-item__content .card-box .card-icon {
  width: 55px;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-payment-method__container .payment-methods-item__content .payment-methods-name {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #000000;
  margin-bottom: 12px;
  margin-right: auto;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-payment-method__container .payment-methods-item__content .payment-methods-exp-date {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.0857143px;
  color: #92929d;
  margin-right: auto;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-payment-method__container .payment-methods-item__content .button-delete-payment-method {
  margin-left: 15px;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-payment-method .payment-methods-options {
  position: absolute;
  font-weight: normal;
  width: 100%;
  margin-top: 150px;
  background: #ffffff;
  border: 1px solid #f1f1f5;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.04);
  border-radius: 0 0 10px 10px;
  padding: 20px;
  z-index: 5;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-payment-method .payment-methods-options .image-box {
  border: 1px solid #f1f1f5;
  border-radius: 6px;
  width: 70px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-payment-method .payment-methods-options .image-box .card-icon {
  height: 15px;
  width: 49px;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-payment-method .payment-methods-options .Mui-checked {
  color: #0062FF;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-next-payment__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  display: flex;
  align-items: center;
  letter-spacing: 0.1px;
  color: #171725;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f1f1f5;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-next-payment__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-next-payment__container .text-no-payments-yet {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.0857143px;
  color: #92929D;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-next-payment__price {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #000000;
  margin-bottom: 7px;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-next-payment__text {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #B6B6B6;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-next-payment__icon {
  margin-left: 10px;
  fill: #0062FF;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-next-payment__icon :hover {
  fill: #50b5ff;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-plan__title-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f1f1f5;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-plan__title-container .billing-plan-title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-plan__title-container .button-edit-plan {
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  text-align: right;
  letter-spacing: 0.0857143px;
  color: #0062FF;
  cursor: pointer;
  margin-left: 20px;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-plan .billing-plan-list {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 17px;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-plan .billing-plan-list__item {
  display: flex;
  align-items: center;
  margin-left: 10px;
  padding-right: 10px;
  border-right: 1px solid #f1f1f5;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-plan .billing-plan-list__item:first-child {
  margin-left: 0;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-plan .billing-plan-list__item:last-child {
  padding-right: 0;
  border-right: none;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-plan .billing-plan-list__item .content-box {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  width: max-content;
  gap: 5px;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-plan .billing-plan-list__item .content-box .trial {
  font-weight: 700;
  font-size: 10px;
  line-height: 15px;
  letter-spacing: 0.04em;
  background-color: #ffc542;
  color: #ffffff;
  border-radius: 33px;
  text-align: center;
  text-transform: capitalize;
  margin-left: 5px;
  padding: 1px 9px;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-plan .billing-plan-list__item .content-box__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #000000;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-plan .billing-plan-list__item .content-box__subtitle {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.0857143px;
  color: #b6b6b6;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-plan .billing-plan-list__item .content-box__price {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  display: flex;
  align-items: center;
  letter-spacing: 0.1px;
  color: #3dd598;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-plan .billing-plan-list__item .content-box__price span {
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.0857143px;
  color: #B6B6B6;
  margin-left: 5px;
  text-transform: capitalize;
}
.billing .billing-payment-container .billing-payment-dashboard .billing-plan .billing-plan-list__item .button-more {
  margin-left: 10px;
}
.billing .billing-payment-container .table-container {
  background: #ffffff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 400px);
}
.billing .billing-payment-container .table-container__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
  padding: 20px;
}
.billing .billing-payment-container .table-container .table-module {
  padding: 0 10px;
  overflow: auto;
}
.billing .billing-payment-container .table-container .table-module table {
  border-collapse: collapse;
  min-width: 976px;
}
.billing .billing-payment-container .table-container .table-module table thead tr {
  height: 38px;
}
.billing .billing-payment-container .table-container .table-module table thead tr th {
  padding: 0 10px;
  background: #fafafb;
  border-bottom: none;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #b6b6b6;
}
.billing .billing-payment-container .table-container .table-module table thead tr th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.billing .billing-payment-container .table-container .table-module table thead tr th:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.billing .billing-payment-container .table-container .table-module table tbody tr:hover {
  background: rgba(250, 250, 250, 0.7);
}
.billing .billing-payment-container .table-container .table-module table tbody tr td {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
  padding: 20px 10px;
  cursor: pointer;
}
.billing .billing-payment-container .table-container .table-module table tbody tr td.invoice_url {
  color: #0062FF;
}
.billing .billing-payment-container .table-container .table-module table tbody tr td.det {
  width: 140px;
  max-width: 140px;
}
.billing .billing-payment-container .table-container .table-module table tbody tr td.det .btn-more {
  width: 24px;
  height: 16px;
  border-radius: 4px;
  background: url("/assets/more-horizontal-723d7d80.svg") no-repeat center;
  cursor: pointer;
  margin-left: auto;
}
.billing .billing-payment-container .table-container .table-module table tbody tr td.det .btn-more:active, .billing .billing-payment-container .table-container .table-module table tbody tr td.det .btn-more:hover {
  border: 1px solid #000000;
}
.billing .billing-payment-container .table-container .table-module__pagination {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
.billing .billing-payment-container .table-container table {
  width: 100%;
  position: relative;
  border-collapse: collapse;
}
.billing .billing-payment-container .table-container table tr.title-table {
  height: 48px;
  background: #f1f1f5;
}
.billing .billing-payment-container .table-container table tr.title-table th {
  padding: 0 14px;
  text-align: left;
}
.billing .billing-payment-container .table-container table tr.table-body {
  cursor: pointer;
  border-top: 18px solid white;
  border-bottom: 16px solid white;
}
.billing .billing-payment-container .table-container table tr.table-body:hover {
  background: rgba(250, 250, 250, 0.7);
}
.billing .billing-payment-container .table-container table tr.table-body td {
  padding: 10px 14px;
}
.billing .billing-payment-container .table-container table tr.table-body .det {
  width: 60px;
  max-width: 60px;
}
.billing .billing-payment-container .table-container table tr.table-body .det .btn-more {
  width: 24px;
  height: 16px;
  border-radius: 4px;
  background: url("/assets/more-horizontal-723d7d80.svg") no-repeat center;
  cursor: pointer;
  margin-left: auto;
}
.billing .billing-payment-container .table-container table tr.table-body .det .btn-more:active, .billing .billing-payment-container .table-container table tr.table-body .det .btn-more:hover {
  border: 1px solid #000000;
}
.billing .there_is_nothing_here_yet {
  text-align: center;
  margin: 20px 0;
}
.arrow-back {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  cursor: pointer;
}
.arrow-back__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1px;
  color: #171725;
  margin-left: 22px;
}
.more-benefits {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 40px;
  cursor: pointer;
}
.more-benefits__box {
  background: #ffffff;
  border: 1px solid #f1f1f5;
  border-radius: 10px;
  display: flex;
  height: 48px;
  padding: 12px 20px;
  align-items: center;
  justify-content: space-between;
}
.more-benefits__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  color: #171725;
  margin-right: 27px;
}
.edit-plans .edit-plans-container {
  background: white;
  border-radius: 10px;
}
.edit-plans .edit-plans-container .Mui-selected {
  color: #0062FF;
}
.edit-plans .edit-plans-container .navbar {
  position: inherit;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: inset 0px -1px 0px #f1f1f5;
  padding: 0;
}
.edit-plans .edit-plans-container__description {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #b6b6b6;
  padding: 20px;
}
.edit-plans .benefits-container {
  margin: 20px 0 0 0;
}
.plan-details-container__box {
  display: flex;
  gap: 20px;
  width: 100%;
}
.plan-details-container__box .box-item .select-plan-buttons {
  margin: 0 -18px;
}
.plan-details-container__box .box-item .select-plan-buttons .btn {
  margin: 0 18px;
}
.plan-details-container__box .box-item .select-plan-buttons .btn button {
  min-width: 130px;
}
.plan-details-container .billing-edit-plans .plan-item {
  min-width: 396px;
}
.plan-details-container .arrow-back {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  cursor: pointer;
}
.plan-details-container .arrow-back__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1px;
  color: #171725;
  margin-left: 22px;
}
.plan-details-container .billing-edit-plans {
  padding: 0;
  margin-top: 0;
}
.plan-details-container .billing-edit-plans .plan-item {
  background: white;
  border: none;
}
.plan-details-container .actual-plan-actions {
  background: white;
  border-radius: 10px;
  padding: 20px;
  margin-top: 20px;
}
.plan-details-container .actual-plan-actions__title {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
}
.plan-details-container .actual-plan-actions .date {
  margin-left: 5px;
  color: #888895;
}
.plan-details-container .actual-plan-actions__price {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  text-align: right;
  letter-spacing: 0.1px;
}
.plan-details-container .actual-plan-actions__line {
  margin: 20px 0 !important;
}
@media (max-width: 768px) {
  .plan-details-container__box {
    flex-direction: column;
    gap: 15px;
  }
  .plan-details-container .billing-edit-plans .plan-item {
    min-width: 100%;
    margin: 0;
  }
  .plan-details-container .actual-plan-actions {
    margin-top: 15px;
  }
  .plan-details-container .benefits-container .actions {
    flex-direction: column;
  }
  .plan-details-container .benefits-container .actions__description {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .plan-details-container .benefits-container .actions .btns {
    width: 100%;
  }
}
.benefits-container {
  background: white;
  border-radius: 10px;
  padding: 30px 20px;
  width: 100%;
  display: grid;
}
.benefits-container .benefits-table {
  overflow-x: auto;
  overflow-y: hidden;
}
.benefits-container .benefits-table table .table-title {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #888895;
  min-width: 305px;
}
.benefits-container .benefits-table table .table-title-plan {
  white-space: nowrap;
  min-width: 155px;
}
.benefits-container .benefits-table table th, .benefits-container .benefits-table table td {
  border-bottom: none;
}
.benefits-container .benefits-table table tbody .text {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
}
.benefits-container .benefits-table table tbody tr:nth-child(2n+1) td {
  background: #FAFAFB;
  padding: 15px;
}
.benefits-container .benefits-table table tbody tr:nth-child(2n+1) td:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.benefits-container .benefits-table table tbody tr:nth-child(2n+1) td:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.benefits-container .benefits-table table caption {
  padding: 0;
}
.benefits-container .benefits-table .benefits-footer {
  margin-top: 22px;
}
.benefits-container .actions {
  margin-bottom: 10px;
}
.benefits-container .actions__description {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #888895;
  padding-top: 12px;
  white-space: nowrap;
  margin-right: 30px;
}
.benefits-container .actions .blue {
  margin-left: 10px;
  width: 200px;
}
.benefits-container .actions .white {
  width: 100px;
}
@media (max-width: 1024px) {
  .benefits-container {
    padding: 15px;
  }
}
.billing-edit-plans {
  display: flex;
  flex-wrap: wrap;
  padding: 0 10px 5px;
  width: 100%;
}
.billing-edit-plans .plan-item {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #F1F1F5;
  border-radius: 10px;
  width: 100%;
  max-width: 390px;
  min-width: 300px;
  margin: 0 10px 15px;
  padding: 20px;
}
.billing-edit-plans .plan-item .title-box {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.billing-edit-plans .plan-item__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
}
.billing-edit-plans .plan-item__subtitle {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #888895;
  margin-bottom: 20px;
}
.billing-edit-plans .plan-item__description-text {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #888895;
  margin-bottom: 5px;
}
.billing-edit-plans .plan-item .price {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 40px;
  line-height: 40px;
  letter-spacing: 0.116667px;
  color: #171725;
}
.billing-edit-plans .plan-item .price .frequency {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  margin-left: 5px;
}
.billing-edit-plans .plan-item ul {
  margin: 18px 0 25px;
}
.billing-edit-plans .plan-item ul li {
  display: flex;
  align-items: center;
  margin-bottom: 22px;
  height: 20px;
}
.billing-edit-plans .plan-item ul li span {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
  margin-left: 8px;
}
.billing-edit-plans .plan-item .button {
  margin-top: auto;
}
.billing-edit-plans .plan-item .button .icon {
  position: absolute;
  right: 10px;
}
@media (max-width: 992px) {
  .billing .billing-payment-dashboard {
    grid-template-columns: 1fr 1fr;
  }
  .billing x .billing-plan {
    grid-column: 1/-1;
  }
}
@media (max-width: 480px) {
  .billing .billing-payment-dashboard {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .billing {
    margin-top: 0;
  }
  .billing .billing-payment-dashboard {
    flex-direction: column;
  }
  .billing .billing-payment-dashboard .billing-dashboard-item .card-icon {
    max-width: 20vw;
  }
}
.tooltip-block {
  padding: 20px 30px 0 20px;
  min-width: 300px;
}
.tooltip-block .text-box {
  display: flex;
  justify-content: space-between;
  margin: 0 -10px 20px;
}
.tooltip-block .text-box p {
  margin: 0 10px;
}
.tooltip-block .name-text {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
}
.tooltip-block .date-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.0857143px;
  color: #92929D;
}
.tooltip-block .price-text {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
}
.current {
  background: #3dd598;
  border-radius: 33px;
  margin-left: 5px;
}
.current p {
  font-weight: 700;
  font-size: 10px;
  line-height: 15px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #ffffff;
  padding: 1px 7px;
}
.selected {
  background: #0062FF;
  border-radius: 33px;
  margin-left: 5px;
}
.selected p {
  font-weight: 700;
  font-size: 10px;
  line-height: 15px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #ffffff;
  padding: 1px 7px;
}
@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("/assets/SFProText-Regular-b5315817.ttf") format("ttf");
}
.font-SFProText-500 {
  font-family: "SF Pro Display", sans-serif;
  font-weight: 500;
}
.blue-border-hover {
  border: 1px solid transparent;
  transition: 0.3s;
  border-radius: 10px;
}
.blue-border-hover:hover {
  border-color: #0062FF;
}
.red-border-hover {
  border: 1px solid transparent;
  transition: 0.3s;
  border-radius: 10px;
}
.red-border-hover:hover {
  border-color: #FC5A5A;
}
.blue-text-color {
  color: #0062FF;
}
.light-blue-text-color {
  color: #50b5ff;
}
.white-text-color {
  color: #ffffff;
}
.green-text-color {
  color: #3dd598;
}
.red-text-color {
  color: #FC5A5A;
}
.black-text-color {
  color: #171725;
}
.gray-dark-text-color {
  color: #b6b6b6;
}
.gray1-text-color {
  color: #92929d;
}
.gray2-text-color {
  color: #f1f1f5;
}
.gray3-text-color {
  color: #fafafb;
}
.dark-gray-text-color {
  color: #888895;
}
.gray-dark-text-color {
  color: #b6b6b6;
}
.black-text-color {
  color: #171725;
}
.bcg-color-white {
  background-color: #ffffff;
}
.bcg-color-gray2 {
  background-color: #f1f1f5;
}
.bcg-color-gray3 {
  background-color: #fafafb;
}
.bcg-color-green {
  background-color: #3dd598;
}
.gray-text-color {
  color: #92929d !important;
}
.capitalize {
  text-transform: capitalize !important;
}
.underline {
  text-decoration: underline;
}
.fs-12 {
  font-size: 12px;
}
.fs-24 {
  font-size: 24px;
}
.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}
.fw-bold {
  font-weight: bold;
}
.full-height {
  height: 100%;
}
.height-100vh {
  height: 100vh;
}
.auto-height {
  height: auto;
}
.fit-height {
  height: fit-content;
}
.available-height {
  height: -webkit-fill-available;
}
.full-width {
  width: 100%;
}
.auto-width {
  width: auto;
}
.fit-width {
  width: fit-content;
}
.available-width {
  width: -webkit-fill-available;
}
.max-content-width {
  width: max-content;
}
.max-h-50-vh {
  max-height: 50vh;
}
.max-h-80-vh {
  max-height: 80vh;
}
.max-h-90-vh {
  max-height: 90vh;
}
.overflow-auto {
  overflow: auto;
}
.overflow-visible {
  overflow: visible;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.dnone {
  display: none;
}
.dinline-block {
  display: inline-block;
}
.dinline {
  display: inline;
}
.dgrid {
  display: grid;
}
.grid-cols-1-1 {
  grid-template-columns: 1fr 1fr;
}
.grid-cols-1-2 {
  grid-template-columns: 1fr 2fr;
}
.grid-cols-1-1-1 {
  grid-template-columns: 1fr 1fr 1fr;
}
.grid-cols-1-1-1-1 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid-cols-2-1 {
  grid-template-columns: 2fr 1fr;
}
.grid-cols-3-1 {
  grid-template-columns: 3fr 1fr;
}
.grid-cols-4-1 {
  grid-template-columns: 4fr 1fr;
}
.grid-cols-5-1 {
  grid-template-columns: 5fr 1fr;
}
.grid-rows-auto {
  grid-template-rows: auto;
}
.gap-5 {
  gap: 5px;
}
.gap-10 {
  gap: 10px;
}
.gap-15 {
  gap: 15px;
}
.gap-20 {
  gap: 20px;
}
.gap-0-20 {
  gap: 0 20px;
}
.gap-24 {
  gap: 24px;
}
.gap-30 {
  gap: 30px;
}
.gap-40 {
  gap: 40px;
}
.dflex {
  display: flex;
}
.dinline-flex {
  display: inline-flex;
}
.fd-column {
  flex-direction: column;
}
.fd-row {
  flex-direction: row !important;
}
.justify-center {
  justify-content: center;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-between {
  justify-content: space-between;
}
.justify-end {
  justify-content: flex-end;
}
.justify-start {
  justify-content: flex-start;
}
.align-center {
  align-items: center;
}
.align-end {
  align-items: end;
}
.align-baseline {
  align-items: baseline;
}
.flex-wrap {
  flex-wrap: wrap;
}
.text-align-center {
  text-align: center;
}
.wb-break-word {
  word-break: break-word;
}
.text-align-center_important {
  text-align: center !important;
}
.text-align-right {
  text-align: right;
}
.text-align-left {
  text-align: left;
}
.text-align-end {
  text-align: end;
}
.text-align-end_important {
  text-align: end !important;
}
.text-align-start {
  text-align: start;
}
.uppercase-text {
  text-transform: uppercase;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.br-8 {
  border-radius: 8px;
}
.br-10 {
  border-radius: 10px;
}
.br-15 {
  border-radius: 15px;
}
.br-16 {
  border-radius: 16px;
}
.br-20 {
  border-radius: 20px;
}
.br-round {
  border-radius: 50%;
}
.borderTopLeftRadius-20 {
  border-top-left-radius: 20px;
}
.borderBottomLeftRadius-20 {
  border-bottom-left-radius: 20px;
}
.borderTopRightRadius-20 {
  border-top-right-radius: 20px;
}
.borderBottomRightRadius-20 {
  border-bottom-right-radius: 20px;
}
.borderTopLeftRadius-10 {
  border-top-left-radius: 10px;
}
.borderBottomLeftRadius-10 {
  border-bottom-left-radius: 10px;
}
.borderTopRightRadius-10 {
  border-top-right-radius: 10px;
}
.borderBottomRightRadius-10 {
  border-bottom-right-radius: 10px;
}
.m-5 {
  margin: 5px;
}
.mt-5 {
  margin-top: 5px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-60 {
  margin-top: 60px;
}
.mt-70 {
  margin-top: 70px;
}
.mt-80 {
  margin-top: 80px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-15 {
  margin-bottom: 15px;
}
.mb-5 {
  margin-bottom: 5px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-50 {
  margin-bottom: 50px;
}
.ml-auto {
  margin-left: auto;
}
.ml-10 {
  margin-left: 10px;
}
.ml-20 {
  margin-left: 20px;
}
.ml-40 {
  margin-left: 40px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-15 {
  margin-right: 15px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-40 {
  margin-right: 40px;
}
.m-10-0 {
  margin: 10px 0;
}
.m-20-0 {
  margin: 20px 0;
}
.m-0-5 {
  margin: 0 5px;
}
.m-0-10 {
  margin: 0 10px;
}
.m-0-auto {
  margin: 0 auto;
}
.p-5 {
  padding: 5px;
}
.p-10 {
  padding: 10px;
}
.p-15 {
  padding: 15px;
}
.p-20 {
  padding: 20px;
}
.p-30 {
  padding: 30px;
}
.p-40 {
  padding: 40px;
}
.pt-10 {
  padding-top: 10px;
}
.pt-15 {
  padding-top: 15px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-30 {
  padding-top: 30px;
}
.pl-5 {
  padding-left: 5px;
}
.pl-10 {
  padding-left: 10px;
}
.pr-10 {
  padding-right: 10px;
}
.pr-20 {
  padding-right: 20px;
}
.p-10-0 {
  padding: 10px 0;
}
.p-20-0 {
  padding: 20px 0;
}
.p-15-20 {
  padding: 15px 20px;
}
.p-25-15 {
  padding: 25px 15px;
}
.p-0-10 {
  padding: 0 10px;
}
.p-0-20 {
  padding: 0 20px;
}
.p-40-20 {
  padding: 40px 20px;
}
.border-1-gray2 {
  border: 1px solid #f1f1f5;
}
.border-2-gray2 {
  border: 2px solid #f1f1f5;
}
.h-full {
  height: 100%;
}
.w-full {
  width: 100%;
}
.w-130 {
  width: 130px;
}
.min-w-130 {
  min-width: 130px;
}
.max-w-50 {
  max-width: 50px;
}
.max-w-130 {
  max-width: 130px;
}
.cursor-pointer {
  cursor: pointer;
}
.list-style-disc {
  list-style-type: disc;
}
.object-fit-contain {
  object-fit: contain;
}
.object-fit-cover {
  object-fit: cover;
}
.z-10 {
  z-index: 10;
}
.white-space {
  white-space: nowrap;
}
.mob-display-none {
  display: block;
}
@media (max-width: 768px) {
  .mob-display-none {
    display: none;
  }
}
@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("/assets/SFProText-Regular-b5315817.ttf") format("ttf");
}
.admin-panel .toggle-switch.input.input .icon {
  display: none !important;
}
.admin-panel .payroll-table .table-module__container {
  overflow: auto;
  height: calc(100vh - 320px);
}
.admin-panel__filters {
  width: 100%;
  padding: 24px;
  border-radius: 20px;
  box-sizing: border-box;
  background: #ffffff;
  color: #171725;
}
.admin-panel .admin-payroll-filters {
  display: grid;
  gap: 20px;
  align-items: center;
  grid-template-columns: 5fr 3fr 4fr 2fr;
}
.admin-panel .title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
}
.admin-panel .data-picker {
  height: 48px;
  border: 1px solid #e2e2ea;
  box-sizing: border-box;
  border-radius: 10px;
  color: hsl(0, 0%, 50%);
  align-items: center;
  cursor: pointer;
  padding: 2px 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.admin-panel .table-module {
  padding: 10px 10px 20px;
  border-radius: 10px;
  margin-top: 15px;
  box-sizing: border-box;
  background: #ffffff;
}
.admin-panel .table-module table {
  border-collapse: collapse;
}
.admin-panel .table-module table thead tr {
  height: 38px;
}
.admin-panel .table-module table thead tr th {
  font-family: "Poppins", sans-serif;
  padding: 0 10px;
  background: #fafafb;
  border-bottom: none;
  font-weight: 600;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #888895;
}
.admin-panel .table-module table thead tr th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.admin-panel .table-module table thead tr th:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.admin-panel .table-module table thead tr th.number {
  width: 100px;
  max-width: max-content;
}
.admin-panel .table-module table thead tr th.total {
  width: 100px;
  max-width: max-content;
}
.admin-panel .table-module table thead tr th.actions {
  padding: 0 20px;
}
.admin-panel .table-module table tbody tr td {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #454553;
  padding: 10px;
  cursor: pointer;
  border-bottom: 1px solid #F1F1F5;
}
.admin-panel .table-module table tbody tr td.det .btn-more {
  width: 24px;
  height: 16px;
  border-radius: 4px;
  background: url("/assets/more-horizontal-723d7d80.svg") no-repeat center;
  cursor: pointer;
  margin-left: auto;
}
.admin-panel .table-module table tbody tr td.det .btn-more:active, .admin-panel .table-module table tbody tr td.det .btn-more:hover {
  border: 1px solid #000000;
}
.admin-panel .table-module table tbody tr.details td {
  padding: 0;
}
.admin-panel .table-module__pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
@media (max-width: 1024px) {
  .admin-panel__filters {
    padding: 24px 15px;
    border-radius: 0;
    border: none;
    background: #ffffff;
    box-shadow: inset 0px -1px 0px #E2E2EA;
  }
  .admin-panel .admin-payroll-filters {
    display: flex;
    justify-content: space-between;
  }
  .admin-panel .admin-payroll-filters .select-statuses {
    width: 100%;
  }
  .admin-panel .admin-payroll-filters .select-per-page {
    width: 110px;
  }
  .admin-panel .table-module {
    border-radius: 0;
    margin-top: 0;
    border: none;
    max-width: 100vw;
    padding: 0;
    margin-bottom: 80px;
  }
  .admin-panel .table-module__container {
    padding: 15px;
  }
  .admin-panel .table-module__container table {
    min-width: 970px;
  }
  .admin-panel .table-module__container table thead {
    border-radius: 10px;
  }
  .admin-panel .table-module__container table thead th {
    background: #fafafb;
  }
  .admin-panel .table-module__pagination {
    display: flex;
    justify-content: center;
    margin-top: 0;
    position: fixed;
    bottom: 0;
    height: 62px;
    width: 100%;
    border-top: 1px solid #f1f1f5;
    background: white;
  }
}
@media (max-width: 768px) {
  .admin-panel {
    background: #fafafb;
  }
  .admin-panel__filters {
    margin: 15px;
    width: calc(100% - 15px);
    background: #ffffff;
    border-radius: 10px;
    padding: 24px 15px;
    box-shadow: none;
  }
  .admin-panel__filters .filter-enter {
    opacity: 0;
    transform: scale(0.9);
  }
  .admin-panel__filters .filter-enter-active {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 300ms, transform 300ms;
  }
  .admin-panel__filters .filter-exit {
    opacity: 1;
  }
  .admin-panel__filters .filter-exit-active {
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 300ms, transform 300ms;
  }
  .admin-panel .admin-payroll-filters {
    display: flex;
    flex-wrap: wrap;
  }
  .admin-panel .admin-payroll-filters .select-statuses {
    max-width: 100%;
  }
  .admin-panel .admin-payroll-filters .select-per-page {
    width: 100%;
  }
  .admin-panel .table-module {
    background: #fafafb;
    padding: 0;
    max-width: calc(100vw - 30px);
  }
  .admin-panel .table-module__container {
    border-radius: 10px;
    padding: 5px;
    background: #ffffff;
    margin: 0 15px;
  }
}
.admin-panel-company-accounts .company-accounts-filters {
  width: 100%;
  padding: 20px;
  background: #ffffff;
  border-radius: 10px;
  display: flex;
}
.admin-panel-company-accounts .company-accounts-filters__search {
  position: relative;
  height: 38px;
}
.admin-panel-company-accounts .company-accounts-filters__search input {
  height: 38px;
  margin: 0;
  padding: 9px 9px 9px 44px;
  border: 1px solid #f1f1f5;
}
.admin-panel-company-accounts .company-accounts-filters__search .icon {
  top: 0;
  left: 0;
  width: 38px !important;
  height: 38px !important;
}
.admin-panel-company-accounts .company-accounts-filters .toggle-switch-qb-linked, .admin-panel-company-accounts .company-accounts-filters .toggle-switch-approved {
  display: flex;
  align-items: center;
  margin-left: 40px;
}
.admin-panel-company-accounts .company-accounts-filters .toggle-switch-qb-linked .label, .admin-panel-company-accounts .company-accounts-filters .toggle-switch-approved .label {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
  padding-right: 10px;
}
.admin-panel-company-accounts .table-module {
  padding: 10px;
  border-radius: 10px;
  margin-top: 20px;
  box-sizing: border-box;
  background: #ffffff;
  overflow: auto;
  border-collapse: collapse;
}
.admin-panel-company-accounts .table-module table {
  min-width: 1250px;
}
.admin-panel-company-accounts .table-module table thead {
  height: 38px;
}
.admin-panel-company-accounts .table-module table thead th {
  font-family: "Poppins", sans-serif;
  padding: 0 10px;
  background-color: #fafafb;
  border: none;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #888895;
}
.admin-panel-company-accounts .table-module table thead th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.admin-panel-company-accounts .table-module table thead th:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.admin-panel-company-accounts .table-module table tbody td {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
  padding: 20px 10px;
  cursor: pointer;
  border-bottom: none;
}
.admin-panel-company-accounts .table-module table tbody td.id {
  color: #454553;
}
.admin-panel-company-accounts .table-module table tbody td.buttons {
  display: flex;
  gap: 15px;
}
.admin-panel-company-accounts .table-module table tbody td.qb {
  min-width: 160px;
  width: 160px;
}
.admin-panel-company-accounts .table-module table tbody td .btn-export-transactions {
  cursor: pointer;
  width: 24px;
  height: 24px;
  background: url("/assets/export-transactions-456b0ef2.svg") no-repeat;
}
.admin-panel-company-accounts .table-module table tbody td .qb-connect {
  color: #0062FF;
  position: relative;
  cursor: pointer;
}
.admin-panel-company-accounts .table-module table tbody td .qb-connect::after {
  content: "";
  position: absolute;
  background: #f1f1f5;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  background: url("/assets/qb-connect-icon-bcc9e3b5.svg");
  background-size: contain;
}
.admin-panel-company-accounts .table-module table tbody td .codat-sync {
  color: #0062FF;
  position: relative;
  cursor: pointer;
}
.admin-panel-company-accounts .table-module table tbody td .codat-sync::after {
  content: "";
  position: absolute;
  background: #f1f1f5;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  background: url("/assets/codat-sync-eb2c0716.svg");
  background-size: contain;
}
.admin-panel-company-accounts .table-module table tbody td .re-connect {
  color: #888895;
  position: relative;
  cursor: pointer;
}
.admin-panel-company-accounts .table-module table tbody td .re-connect::after {
  content: "";
  position: absolute;
  background: #f1f1f5;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  background: url("/assets/re-connect-icon-08bf7640.svg");
  background-size: contain;
}
.admin-panel-company-accounts .qb-connection-wrapper {
  background-color: #fafafb;
  border-radius: 10px;
}
.admin-panel-company-accounts .qb-connection-wrapper .qb-connection-table .MuiTableRow-root .actions {
  width: 315px;
}
.admin-panel-company-accounts .connection-sync-wrapper {
  background-color: #F0F0F0;
  border-radius: 10px;
}
.admin-panel-company-accounts .connection-sync-wrapper .connection-sync-table .error-cell {
  width: 800px;
}
.admin-panel-company-accounts .connection-sync-wrapper .connection-sync-table .MuiTableRow-root .sync-status.initialized {
  color: #A6B46D;
}
.admin-panel-company-accounts .connection-sync-wrapper .connection-sync-table .MuiTableRow-root .sync-status.in_progress {
  color: #50b5ff;
}
.admin-panel-company-accounts .connection-sync-wrapper .connection-sync-table .MuiTableRow-root .sync-status.completed {
  color: #3dd598;
}
.admin-panel-company-accounts .connection-sync-wrapper .connection-sync-table .MuiTableRow-root .sync-status.errored {
  color: #FC5A5A;
}
.admin-panel-company-accounts .connection-sync-wrapper .connection-sync-table .MuiTableCell-head {
  background-color: #F0F0F0;
}
.admin-panel-company-accounts .sync-details-wrapper {
  background-color: #E7E5E5;
  border-radius: 10px;
}
.admin-panel-company-accounts .sync-details-wrapper .sync-details-table .session-status {
  width: 200px;
  font-weight: 600;
  letter-spacing: 0.8px;
  text-align: center;
  text-transform: uppercase;
}
.admin-panel-company-accounts .sync-details-wrapper .sync-details-table .session-status.queued {
  background-color: #ECE49F;
}
.admin-panel-company-accounts .sync-details-wrapper .sync-details-table .session-status.in_progress {
  background-color: #BFD4F2;
}
.admin-panel-company-accounts .sync-details-wrapper .sync-details-table .session-status.completed {
  background-color: #BFF2CE;
}
.admin-panel-company-accounts .sync-details-wrapper .sync-details-table .MuiTableCell-head {
  background-color: #E7E5E5;
}
.admin-panel-company-accounts .sync-details-wrapper .sync-details-table .MuiTableCell-body {
  padding: 5px 10px;
}
@media (max-width: 768px) {
  .admin-panel-company-accounts .company-accounts-filters {
    flex-wrap: wrap;
    padding: 15px;
  }
  .admin-panel-company-accounts .company-accounts-filters__search {
    width: calc(100% - 108px);
    margin-right: auto;
  }
  .admin-panel-company-accounts .company-accounts-filters .btn-filter {
    margin-left: 20px;
  }
  .admin-panel-company-accounts .company-accounts-filters .toggle-switch-qb-linked, .admin-panel-company-accounts .company-accounts-filters .toggle-switch-approved {
    width: 100%;
    margin-left: 0;
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
  }
  .admin-panel-company-accounts .table-module__pagination {
    display: flex;
    justify-content: center;
    margin-top: 0;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 62px;
    width: 100%;
    border-top: 1px solid #f1f1f5;
    background: white;
  }
}
.admin-panel-notes .admin-panel-notes-filters {
  width: 100%;
  padding: 20px;
  background: #ffffff;
  border-radius: 10px;
  display: flex;
}
.admin-panel-notes .admin-panel-notes-filters__first-row {
  display: flex;
  margin-left: 20px;
  gap: 20px;
}
.admin-panel-notes .admin-panel-notes-filters__first-row .select_categories {
  width: 250px;
}
@media (max-width: 768px) {
  .admin-panel-notes .admin-panel-notes-filters__first-row .select_categories {
    width: 100%;
  }
}
.admin-panel-notes .table-module {
  padding: 10px;
  border-radius: 10px;
  margin-top: 20px;
  box-sizing: border-box;
  background: #ffffff;
  border-collapse: collapse;
}
.admin-panel-notes .table-module__container {
  overflow: auto;
  height: calc(100vh - 330px);
}
.admin-panel-notes .table-module table {
  min-width: 1250px;
}
.admin-panel-notes .table-module table thead {
  height: 38px;
}
.admin-panel-notes .table-module table thead th {
  font-family: "Poppins", sans-serif;
  padding: 0 10px;
  background-color: #fafafb;
  border: none;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #888895;
}
.admin-panel-notes .table-module table thead th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.admin-panel-notes .table-module table thead th:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.admin-panel-notes .table-module table tbody td {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
  padding: 20px 10px;
  cursor: pointer;
}
.admin-panel-notes .table-module table tbody td.id {
  color: #454553;
}
.admin-panel-notes .table-module table tbody td.category {
  text-transform: capitalize;
}
.admin-panel-notes .table-module table tbody td.category.payment_method_added {
  color: #888895;
}
.admin-panel-notes .table-module table tbody td.category.company_created, .admin-panel-notes .table-module table tbody td.category.company_updated {
  color: #171725;
}
.admin-panel-notes .table-module table tbody td.category.subscription_created {
  color: #0062FF;
}
.admin-panel-notes .table-module__pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
@media (max-width: 1360px) {
  .admin-panel-notes .admin-panel-notes-filters {
    flex-wrap: wrap;
  }
  .admin-panel-notes .admin-panel-notes-filters__first-row {
    width: 100%;
    margin-top: 15px;
    margin-left: 0;
  }
  .admin-panel-notes .admin-panel-notes-filters__first-row .select-categories {
    width: 100%;
  }
  .admin-panel-notes .admin-panel-notes-filters__first-row .select-per-page {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .admin-panel-notes {
    margin-top: 15px;
  }
  .admin-panel-notes .admin-panel-notes-filters {
    padding: 15px;
  }
  .admin-panel-notes .admin-panel-notes-filters__search {
    width: calc(100% - 108px);
    margin-right: auto;
  }
  .admin-panel-notes .admin-panel-notes-filters__first-row {
    width: 100%;
    flex-wrap: wrap;
  }
  .admin-panel-notes .admin-panel-notes-filters__first-row .filters-date {
    width: 100%;
    max-width: none;
    min-width: auto;
  }
  .admin-panel-notes .admin-panel-notes-filters__first-row .select-categories {
    width: 100%;
    margin: 15px 0;
  }
  .admin-panel-notes .admin-panel-notes-filters__first-row .select-per-page {
    width: 100%;
  }
  .admin-panel-notes .admin-panel-notes-filters__first-row .apply-btn {
    display: flex;
    width: 100%;
    margin-top: 15px;
  }
  .admin-panel-notes .table-module__pagination {
    display: flex;
    justify-content: center;
    margin-top: 0;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 62px;
    width: 100%;
    border-top: 1px solid #F1F1F5;
    background: white;
  }
}
.custom-plans-container .content {
  padding: 20px 10px;
  background: #ffffff;
  border-radius: 10px;
}
.custom-plans-container .content .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  width: 100%;
}
.custom-plans-container .content .header .search-input {
  width: 80%;
}
.custom-plans-container .content .header svg {
  margin-right: 10px;
}
.custom-plans-container .content .header .create-plan {
  width: min-content;
  padding: 9px 14px;
}
@media (max-width: 768px) {
  .custom-plans-container .content .header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 15px;
  }
  .custom-plans-container .content .header .search-input {
    width: 100%;
  }
  .custom-plans-container .content .header .create-plan {
    width: 100%;
  }
}
.custom-plans-container .content .table .table-module table thead {
  height: 38px;
  background: white;
}
.custom-plans-container .content .table .table-module table thead th {
  font-family: "Poppins", sans-serif;
  padding: 9px 10px;
  background: #fafafb;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  white-space: nowrap;
  color: #888895;
  border-bottom: none;
}
.custom-plans-container .content .table .table-module table thead th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.custom-plans-container .content .table .table-module table thead th:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.custom-plans-container .content .table .table-module table .name {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
}
.custom-plans-container .content .table .table-module table .companies {
  width: 300px;
  min-width: 300px;
  max-width: 300px;
}
.custom-plans-container .content .table .table-module table tbody tr td {
  font-family: "Poppins", sans-serif;
  height: 48px;
  padding: 8px 10px;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #44444F;
  white-space: nowrap;
  border-bottom: 1px solid #F1F1F5;
}
.custom-plans-container .content .table .table-module table tbody tr td.companies span {
  display: flex;
  flex-wrap: wrap;
}
.custom-plans-container .content .table .table-module table tbody tr td.companies span p {
  padding: 0 10px;
  border-right: 1.5px solid #b6b6b6;
}
.custom-plans-container .content .table .table-module table tbody tr td.companies span p:last-child {
  border: none;
}
.custom-plans-container .content .table .table-module table tbody tr td.actions {
  color: #0062FF;
  cursor: pointer;
}
@media (max-width: 768px) {
  .custom-plans-container .content {
    padding: 15px 10px;
  }
}
@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("/assets/SFProText-Regular-b5315817.ttf") format("ttf");
}
.breadcrumbs-container {
  padding: 30px 5px 24px;
}
.breadcrumbs-container li {
  cursor: pointer;
}
.breadcrumbs-container li:last-child {
  cursor: default;
}
.breadcrumbs-container li:last-child h6 {
  color: #92929d;
}
.breadcrumbs-container li h6 {
  color: #171725;
}
.breadcrumbs-container li:first-child h6 {
  font-weight: bold;
  color: #171725;
}
@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("/assets/SFProText-Regular-b5315817.ttf") format("ttf");
}
.close-dialog {
  position: absolute !important;
  z-index: 1;
  top: -15px;
  right: -15px;
}
.close-icon {
  display: none !important;
}
@media (max-width: 768px) {
  .close-icon {
    display: block !important;
    position: absolute !important;
    z-index: 1;
    top: 1px;
    right: 1px;
  }
}
.MuiDialog-paper {
  padding: 15px;
  overflow: hidden;
  max-width: none !important;
  background-color: rgba(255, 255, 255, 0) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  justify-content: center;
}
.MuiDialog-paper > div {
  position: relative;
  background: #ffffff;
  border-radius: 10px;
}
#main-dialog .input-data {
  transition: 0.3s;
  height: 48px;
  mix-blend-mode: normal;
  border: 2px solid #f1f1f5;
  box-sizing: border-box;
  border-radius: 10px;
  margin: 13px 0 29px;
  outline: none;
  background-color: #ffffff !important;
  font: inherit;
  padding: 6px 10px;
  width: 100%;
  font-size: 14px;
  line-height: 21px;
  display: flex;
  align-items: center;
  letter-spacing: 0.2px;
  color: #7f85a2;
  position: relative;
  z-index: 999;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.dialog-sm {
  min-height: 100%;
  text-align: center;
  width: 428px;
}
.dialog-sm .content {
  padding: 40px 20px 0;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dialog-sm .content img {
  width: 140px;
  height: 140px;
  margin-bottom: 30px;
}
.dialog-sm .content .title-text {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1px;
  margin-bottom: 10px;
}
.dialog-sm .content .subtitle-text {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
}
.dialog-sm .buttons {
  padding: 30px 20px 20px;
  width: 100%;
  gap: 20px;
  display: flex;
  justify-content: space-between;
}
.dialog-sm .buttons button {
  width: 100%;
}
@media (max-width: 678px) {
  .dialog-sm {
    width: 100%;
    min-width: 100%;
  }
  .dialog-sm .content {
    padding: 20px 15px 0;
  }
  .dialog-sm .content img {
    width: 104px;
    height: 104px;
    margin-bottom: 20px;
  }
  .dialog-sm .content .title-text {
    font-size: 15px;
    line-height: 20px;
  }
  .dialog-sm .buttons {
    padding: 30px 15px 15px;
    gap: 10px;
  }
  .dialog-sm .buttons button {
    width: 100%;
  }
}
.container-sm .content {
  height: calc(100vh - 200px);
  max-height: 305px;
}
@media (max-width: 768px) {
  .container-sm {
    min-height: 330px;
  }
  .container-sm .content {
    max-height: 237px;
  }
}
.delete-notice .content {
  height: calc(100vh - 200px);
  max-height: 315px;
}
@media (max-width: 768px) {
  .delete-notice {
    min-height: 330px;
  }
  .delete-notice .content {
    max-height: 237px;
  }
}
.disconnect-account .content {
  height: calc(100vh - 200px);
  max-height: 292px;
}
@media (max-width: 768px) {
  .disconnect-account {
    min-height: 307px;
  }
  .disconnect-account .content {
    max-height: 216px;
  }
}
.dialog-check-your-email .content {
  height: calc(100vh - 200px);
  max-height: 305px;
}
@media (max-width: 768px) {
  .dialog-check-your-email {
    min-height: 370px;
  }
  .dialog-check-your-email .content {
    max-height: 277px;
  }
}
.review-request-created-dialog .content {
  height: calc(100vh - 200px);
  max-height: 305px;
}
@media (max-width: 768px) {
  .review-request-created-dialog {
    min-height: 310px;
  }
  .review-request-created-dialog .content {
    max-height: 215px;
  }
}
.dialog-activate-account {
  width: 428px;
  padding: 56px 40px 39px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dialog-activate-account__image {
  width: 175px;
  height: 159px;
  margin-bottom: 41px;
}
.dialog-activate-account__title, .dialog-activate-account__subtitle {
  width: 100%;
  text-align: center;
}
.dialog-activate-account__title {
  font-weight: 600;
  font-size: 28px;
  line-height: 42px;
  letter-spacing: 0.116667px;
  color: #171725;
}
.dialog-activate-account__subtitle {
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.1px;
  color: #171725;
  margin: 27px 0 13px;
}
.dialog-activate-account .button {
  width: 100%;
}
.disconnect-account-dialog {
  width: 428px;
  padding: 56px 40px 39px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.disconnect-account-dialog__title, .disconnect-account-dialog__subtitle {
  width: 100%;
  text-align: center;
}
.disconnect-account-dialog__title {
  font-weight: 600;
  font-size: 28px;
  line-height: 42px;
  letter-spacing: 0.116667px;
  color: #171725;
}
.disconnect-account-dialog__subtitle {
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.1px;
  color: #171725;
  margin: 28px 0 40px;
}
.disconnect-account-dialog .button {
  width: 100%;
}
.confirm-dialog {
  width: 620px;
  max-width: 620px;
  padding: 30px 20px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.confirm-dialog__title {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1px;
  color: #171725;
}
.confirm-dialog__subtitle {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #B6B6B6;
  margin: 15px 0 20px;
}
.confirm-dialog .checkbox-not-ask {
  margin: 15px 0;
}
.confirm-dialog__button-container {
  width: 100%;
  display: grid;
  gap: 30px;
  margin-top: 20px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
  .confirm-dialog {
    width: calc(100vw - 30px);
    padding: 20px 15px 15px;
  }
  .confirm-dialog__title {
    font-size: 15px;
    line-height: 20px;
  }
  .confirm-dialog__subtitle {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.0857143px;
  }
  .confirm-dialog__button-container {
    grid-template-columns: 1fr;
  }
}
.your-accounting-created-dialog {
  width: 100%;
  max-width: 620px;
}
.your-accounting-created-dialog__img {
  width: 156px;
  height: 23px;
  object-fit: contain;
  margin-bottom: 30px;
}
.your-accounting-created-dialog__box {
  padding: 30px 20px 20px;
  height: calc(100vh - 200px);
  max-height: 720px;
  overflow: auto;
}
.your-accounting-created-dialog__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 36px;
  letter-spacing: 0.1px;
  color: #171725;
  position: relative;
  padding-left: 84px;
  max-width: 300px;
}
.your-accounting-created-dialog__title:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 64px;
  height: 64px;
  background: url("/assets/accounting-created-check-443eb991.svg") no-repeat;
  background-size: contain;
}
.your-accounting-created-dialog__text1, .your-accounting-created-dialog__text2 {
  font-weight: 500;
  font-size: 15px;
  line-height: 22.5px;
  letter-spacing: 0.1px;
  color: #171725;
}
.your-accounting-created-dialog__text1 {
  margin-top: 30px;
}
.your-accounting-created-dialog__text2 {
  margin-top: 22px;
}
.your-accounting-created-dialog__list {
  display: grid;
  gap: 22px;
  margin-top: 26px;
}
.your-accounting-created-dialog__list .item {
  font-weight: 400;
  font-size: 15px;
  line-height: 22.5px;
  letter-spacing: 0.1px;
  color: #171725;
  list-style: inside;
  padding-left: 8px;
}
.your-accounting-created-dialog__list .item span {
  font-weight: 600;
}
.your-accounting-created-dialog__list .item::marker {
  font-size: 10px;
}
.your-accounting-created-dialog__button-container {
  border-top: 1px solid #f1f1f5;
  display: grid;
  gap: 30px;
  padding: 20px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
  .your-accounting-created-dialog__img {
    margin-bottom: 20px;
  }
  .your-accounting-created-dialog__box {
    padding: 20px 15px 15px;
    height: calc(100vh - 360px);
    max-height: 720px;
    overflow: auto;
  }
  .your-accounting-created-dialog__title {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
    padding-left: 59px;
    padding-right: 20px;
  }
  .your-accounting-created-dialog__title:before {
    width: 44px;
    height: 44px;
  }
  .your-accounting-created-dialog__text1, .your-accounting-created-dialog__text2 {
    font-size: 12px;
    line-height: 18px;
  }
  .your-accounting-created-dialog__text1 {
    margin-top: 20px;
  }
  .your-accounting-created-dialog__text2 {
    margin-top: 18px;
  }
  .your-accounting-created-dialog__list {
    gap: 18px;
    margin-top: 10px;
  }
  .your-accounting-created-dialog__list .item {
    font-size: 12px;
    line-height: 18px;
    padding-left: 5px;
  }
  .your-accounting-created-dialog__button-container {
    gap: 10px;
    padding: 15px;
    grid-template-columns: 1fr;
  }
}
.billing-payment-method-dialog {
  width: 530px;
  padding: 40px;
}
.upload-file-dialog {
  width: 600px;
}
@media screen and (max-width: 768px) {
  .upload-file-dialog {
    width: 100%;
  }
}
.upload-file-dialog .drag-and-drop-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.upload-file-dialog__container {
  width: 530px;
  padding: 40px;
  background-color: white;
  border-radius: 20px;
}
.upload-file-dialog__container .link-style {
  text-decoration: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.2px;
  height: 27px;
}
.upload-file-dialog__container .btn-add-new-file {
  height: 184px;
  border: 1px dashed #B6B6B6;
  padding: 24px 60px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  overflow: auto;
  position: relative;
  z-index: 10;
}
.upload-file-dialog__container .btn-add-new-file .file-item {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.upload-file-dialog .upload-file-dialog_description {
  margin-top: 14px;
}
.upload-file-dialog .upload-file-dialog_button-wrapper {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.upload-file-dialog .upload-file-dialog_button-wrapper button:first-child {
  margin-right: 20px;
}
.add-employee-dialog {
  width: 620px;
  min-width: 620px;
  padding: 30px 20px 20px;
  position: relative;
}
.add-employee-dialog__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1px;
  color: #171725;
  margin-bottom: 22px;
}
.add-employee-dialog .MuiStepConnector-root .MuiStepConnector-line {
  border: none;
}
.add-employee-dialog__step:first-child .MuiStepContent-root {
  padding-bottom: 10px;
}
.add-employee-dialog__step:last-child .MuiStepLabel-root {
  margin-top: -22px;
}
.add-employee-dialog__step:last-child .MuiStepContent-root {
  margin: 0;
  padding: 0;
}
.add-employee-dialog__step__label .MuiStepLabel-label {
  font-weight: 600;
  font-weight: 600 !important;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0.0857143px;
  color: #171725 !important;
}
.add-employee-dialog__step__label .MuiSvgIcon-root {
  width: 25px;
  height: 25px;
  color: #0062FF !important;
}
.add-employee-dialog__step__content .employee-role-item {
  display: flex;
  flex-direction: column;
  transition: 0.2s;
  padding: 14px 0 6px;
  cursor: pointer;
}
.add-employee-dialog__step__content .employee-role-item__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.1px;
  color: #171725;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.add-employee-dialog__step__content .employee-role-item__icon {
  width: 24px;
  height: 24px;
  color: #B6B6B6;
}
.add-employee-dialog__step__content .employee-role-item__text {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0.0857143px;
  color: #B6B6B6;
}
.add-employee-dialog__step__form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.add-employee-dialog__step__form__text {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.0857143px;
  color: #B6B6B6;
  margin-left: 34px;
  margin-top: -6px;
  margin-bottom: 36px;
  width: 100%;
}
.add-employee-dialog__step__form .input.input {
  width: calc(50% - 15px);
}
.add-employee-dialog__step__form__buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.add-employee-dialog__step__form__buttons button {
  width: calc(50% - 15px);
}
@media (max-width: 768px) {
  .add-employee-dialog {
    width: auto;
    min-width: auto;
    padding: 30px 15px 21px;
  }
  .add-employee-dialog__title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .add-employee-dialog__step__content .employee-role-item {
    padding: 10px 0 0;
  }
  .add-employee-dialog__step__content .employee-role-item__title {
    margin-right: -8px;
  }
  .add-employee-dialog__step__form__text {
    margin-bottom: 26px;
  }
  .add-employee-dialog__step__form .input.input {
    width: 100%;
  }
  .add-employee-dialog__step__form__buttons {
    margin-top: 15px;
  }
  .add-employee-dialog__step__form__buttons button {
    width: calc(50% - 5px);
  }
}
.reset-password-dialog {
  padding: 40px;
}
.reset-password-dialog__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #171725;
}
.reset-password-dialog .reset-password-dialog_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.2px;
  color: #171725;
  margin-top: 14px;
  margin-bottom: 20px;
}
.reset-password-dialog .reset-password-dialog_description .lreset-password-dialog_button-wrapper {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.reset-password-dialog .reset-password-dialog_description .lreset-password-dialog_button-wrapper button:first-child {
  margin-right: 20px;
}
.cancel-account-dialog {
  width: 620px;
  max-width: 620px;
  padding: 30px 20px 20px;
}
.cancel-account-dialog__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1px;
  color: #171725;
}
.cancel-account-dialog__subtitle {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #B6B6B6;
  margin: 15px 0 20px;
}
.cancel-account-dialog__button-box {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.cancel-account-dialog__button-box button {
  width: calc(50% - 10px);
}
@media (max-width: 768px) {
  .cancel-account-dialog {
    width: calc(100vw - 30px);
    padding: 30px 15px;
  }
  .cancel-account-dialog__title {
    font-size: 15px;
    line-height: 20px;
  }
  .cancel-account-dialog__subtitle {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.0857143px;
  }
  .cancel-account-dialog__button-box {
    margin-top: 15px;
    flex-wrap: wrap;
  }
  .cancel-account-dialog__button-box button {
    width: 100%;
    margin-top: 15px;
  }
}
.download-transactions-dialog {
  min-width: 428px;
  width: 428px;
  min-height: 100%;
}
.download-transactions-dialog .qbo-checkbox {
  margin-top: 15px;
}
.download-transactions-dialog .qbo-checkbox .Mui-checked {
  color: #0062FF;
}
.download-transactions-dialog .box {
  padding: 30px 20px 20px;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 250px);
  max-height: 630px;
  display: flex;
  flex-direction: column;
}
.download-transactions-dialog img {
  width: 122px;
  height: 122px;
}
.download-transactions-dialog__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.116667px;
  color: #171725;
  margin: 20px 0 10px;
}
.download-transactions-dialog__subtitle {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #92929d;
  margin-bottom: 30px;
}
.download-transactions-dialog form {
  width: 100%;
}
.download-transactions-dialog .filters-date {
  width: 100%;
  position: relative;
}
.download-transactions-dialog .filters-date__label {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #171725;
  margin-bottom: 10px;
}
.download-transactions-dialog .filters-date__select {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 48px;
  border: 1px solid #F1F1F5;
  border-radius: 10px;
  position: relative;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
  width: 100%;
  max-width: 100%;
  cursor: pointer;
  padding: 6px 10px;
}
.download-transactions-dialog .filters-date__select svg {
  position: absolute;
  top: 11px;
  right: 5px;
}
.download-transactions-dialog .select-container {
  position: relative;
}
.download-transactions-dialog .select-container__label {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #171725;
  margin: 20px 0 10px;
}
.download-transactions-dialog__button-container {
  border-top: 1px solid #f1f1f5;
  padding: 20px;
  width: 100%;
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
  .download-transactions-dialog {
    width: auto;
    min-width: auto;
  }
  .download-transactions-dialog img {
    width: 80px;
    height: 80px;
  }
  .download-transactions-dialog__title {
    margin: 20px 0 10px;
  }
  .download-transactions-dialog__subtitle {
    margin-bottom: 20px;
  }
  .download-transactions-dialog .box {
    padding: 20px 15px 15px;
    height: calc(100vh - 225px);
  }
  .download-transactions-dialog .select-container__label {
    margin: 20px 0 10px;
  }
  .download-transactions-dialog__button-container {
    padding: 15px;
    gap: 10px;
  }
}
.add-customer-information-dialog {
  min-width: 620px;
  width: 620px;
}
.add-customer-information-dialog .content {
  padding: 20px;
  height: calc(100vh - 264px);
  max-height: 580px;
  overflow: auto;
}
.add-customer-information-dialog__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1px;
  color: #171725;
  padding: 30px 20px 20px;
  border-bottom: 1px solid #f1f1f5;
}
.add-customer-information-dialog .input-container {
  display: flex;
  justify-content: space-between;
}
.add-customer-information-dialog .input-container .input {
  width: calc(50% - 15px);
}
.add-customer-information-dialog .addresses-label-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add-customer-information-dialog .addresses-label-container .add-more-btn {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  text-align: right;
  letter-spacing: 0.8px;
  text-decoration-line: underline;
  text-transform: uppercase;
  color: #0062FF;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.add-customer-information-dialog .addresses-label-container .add-more-btn:hover {
  color: #50b5ff;
}
.add-customer-information-dialog .address .error-text {
  top: 53px;
}
.add-customer-information-dialog .buttons {
  border-top: 1px solid #f1f1f5;
  padding: 20px;
}
@media (max-width: 768px) {
  .add-customer-information-dialog {
    width: 100%;
    min-width: auto;
  }
  .add-customer-information-dialog .content {
    padding: 20px 15px 15px;
    max-height: 386px;
  }
  .add-customer-information-dialog__title {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.1px;
    padding: 20px 15px 15px;
  }
  .add-customer-information-dialog .input-container {
    flex-wrap: wrap;
  }
  .add-customer-information-dialog .input-container .input {
    width: 100%;
  }
  .add-customer-information-dialog .buttons {
    padding: 15px;
  }
}
.send-your-invoice-dialog {
  width: 1079px;
  min-width: 1079px;
  display: flex;
  min-height: 100%;
}
.send-your-invoice-dialog__form {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.send-your-invoice-dialog__form .title {
  width: 100%;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1px;
  color: #171725;
  padding: 30px 20px 20px;
}
.send-your-invoice-dialog__form .input.textarea textarea {
  height: 151px;
}
.send-your-invoice-dialog__form .input.textarea .error-text {
  top: 184px;
}
.send-your-invoice-dialog__form .buttons {
  display: grid;
  gap: 30px;
  padding: 0 20px 30px;
  grid-template-columns: 1fr 1fr;
}
.send-your-invoice-dialog__form .buttons .download-btn {
  display: flex;
  justify-content: space-between;
  padding: 12px 10px 12px 20px;
}
.send-your-invoice-dialog .content-desktop {
  width: 100%;
  display: flex;
  overflow-y: auto;
  max-height: 722px;
}
.send-your-invoice-dialog .content-mobile {
  padding: 20px 20px 0;
}
.send-your-invoice-dialog .invoice-preview {
  align-items: center;
  justify-content: center;
  width: 500px;
  max-width: 500px;
  min-width: 500px;
  background: #ffffff;
  border: 1px solid #F1F1F5;
  box-shadow: 0 16px 24px rgba(0, 0, 0, 0.06), 0 2px 6px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
  border-radius: 16px;
  margin: 40px 40px 40px 10px;
  overflow: hidden;
  position: relative;
  min-height: 600px;
}
.send-your-invoice-dialog .invoice-preview.desktop {
  display: flex;
}
@media (max-width: 970px) {
  .send-your-invoice-dialog .invoice-preview.desktop {
    display: none;
  }
}
.send-your-invoice-dialog .invoice-preview.mobile {
  display: none;
}
@media (max-width: 970px) {
  .send-your-invoice-dialog .invoice-preview.mobile {
    display: flex;
  }
}
.send-your-invoice-dialog .invoice-preview:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border: 12px solid #ffffff;
  box-sizing: border-box;
}
.send-your-invoice-dialog .invoice-preview .can-not-show-preview {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.send-your-invoice-dialog .invoice-preview .can-not-show-preview img {
  width: 111px;
  height: 150px;
}
.send-your-invoice-dialog .invoice-preview .can-not-show-preview__text {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.04em;
  color: #B6B6B6;
  margin-top: 20px;
}
@media (max-width: 1170px) {
  .send-your-invoice-dialog {
    width: 100%;
    min-width: auto;
  }
}
@media (max-width: 970px) {
  .send-your-invoice-dialog {
    flex-direction: column-reverse;
  }
  .send-your-invoice-dialog__form .title {
    margin-bottom: 0;
  }
  .send-your-invoice-dialog .content-mobile {
    overflow: auto;
    padding: 15px;
    height: calc(100vh - 264px);
    max-height: 580px;
  }
  .send-your-invoice-dialog .invoice-preview {
    margin: 10px 20px;
    height: 300px;
    width: calc(100% - 40px);
    min-width: auto;
  }
}
@media (max-width: 768px) {
  .send-your-invoice-dialog {
    width: 100%;
  }
  .send-your-invoice-dialog__form .title {
    font-size: 15px;
    line-height: 20px;
    padding: 20px;
  }
  .send-your-invoice-dialog__form .input.textarea textarea {
    height: 90px;
  }
  .send-your-invoice-dialog__form .input.textarea .error-text {
    top: 124px;
  }
  .send-your-invoice-dialog__form .buttons {
    border-top: 1px solid #f1f1f5;
    display: grid;
    gap: 15px;
    padding: 15px;
    grid-template-columns: 1fr;
  }
  .send-your-invoice-dialog .invoice-preview {
    min-height: 354px;
    margin: 0 0 10px;
    width: 100%;
  }
  .send-your-invoice-dialog .invoice-preview .can-not-show-preview img {
    width: 74px;
    height: 100px;
  }
  .send-your-invoice-dialog .invoice-preview .can-not-show-preview__text {
    margin-top: 15px;
  }
}
.change-bookkeeping-status-dialog {
  width: 428px;
  min-width: 428px;
}
.change-bookkeeping-status-dialog .content {
  padding: 30px 20px 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 200px);
  max-height: 351px;
}
.change-bookkeeping-status-dialog__title {
  display: flex;
  width: 100%;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1px;
  color: #171725;
  margin-bottom: 30px;
}
.change-bookkeeping-status-dialog__title p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.change-bookkeeping-status-dialog__title span {
  color: #B6B6B6;
  margin-left: 4px;
}
.change-bookkeeping-status-dialog__form {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.change-bookkeeping-status-dialog__form .checkbox-status {
  margin: 0;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.change-bookkeeping-status-dialog__form .checkbox-status .label {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
  position: relative;
  padding-left: 26px;
}
.change-bookkeeping-status-dialog__form .checkbox-status .label::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
}
.change-bookkeeping-status-dialog__form .checkbox-status .label::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4px;
  margin: auto;
  background: white;
}
.change-bookkeeping-status-dialog__form .checkbox-status .label.done::before {
  background: #3dd598;
}
.change-bookkeeping-status-dialog__form .checkbox-status .label.quality_check::before {
  background: #50b5ff;
}
.change-bookkeeping-status-dialog__form .checkbox-status .label.in_progress::before {
  background: #ffc542;
}
.change-bookkeeping-status-dialog__form .checkbox-status .label.action_required::before {
  background: #FC5A5A;
}
.change-bookkeeping-status-dialog__form .input.textarea textarea, .change-bookkeeping-status-dialog__form .note-container {
  height: 80px;
}
.change-bookkeeping-status-dialog__form .input.textarea textarea .icon, .change-bookkeeping-status-dialog__form .note-container .icon {
  display: none;
}
.change-bookkeeping-status-dialog__form__buttons {
  display: grid;
  gap: 20px;
  padding: 30px 20px 20px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
  .change-bookkeeping-status-dialog {
    width: 100%;
    min-width: auto;
  }
  .change-bookkeeping-status-dialog .content {
    padding: 20px 15px 0;
    max-height: 334px;
  }
  .change-bookkeeping-status-dialog__title {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
  }
  .change-bookkeeping-status-dialog__form__buttons {
    gap: 10px;
    padding: 30px 15px 15px;
  }
}
.billing-cancel-plan-dialog {
  width: 428px;
  min-width: 428px;
}
.billing-cancel-plan-dialog__title {
  display: flex;
  width: 100%;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1px;
  color: #171725;
}
.billing-cancel-plan-dialog__subtitle {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #B6B6B6;
  margin: 20px 0 33px;
}
.billing-cancel-plan-dialog .content {
  padding: 30px 20px 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 200px);
  max-height: 210px;
}
.billing-cancel-plan-dialog .taxes-container {
  display: flex;
  justify-content: space-between;
  border: 2px solid #F1F1F5;
  border-radius: 10px;
  padding: 15px 20px;
}
.billing-cancel-plan-dialog .taxes-container__title {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #000000;
}
.billing-cancel-plan-dialog .taxes-container__description-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.0857143px;
  color: #92929d;
  margin: 4px 0 2px;
}
.billing-cancel-plan-dialog .taxes-container__price {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  display: flex;
  align-items: center;
  text-align: right;
  letter-spacing: 0.1px;
  color: #171725;
}
.billing-cancel-plan-dialog__buttons-container {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
  padding: 30px 20px 20px;
}
@media (max-width: 768px) {
  .billing-cancel-plan-dialog {
    width: 100%;
    min-width: auto;
  }
  .billing-cancel-plan-dialog__title {
    font-size: 16px;
    line-height: 24px;
  }
  .billing-cancel-plan-dialog__subtitle {
    margin: 15px 0 20px;
  }
  .billing-cancel-plan-dialog .content {
    padding: 20px 15px 0;
    max-height: 189px;
  }
  .billing-cancel-plan-dialog .taxes-container {
    padding: 11px 20px;
  }
  .billing-cancel-plan-dialog .taxes-container__title {
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.0857143px;
    margin-top: 4px;
  }
  .billing-cancel-plan-dialog .taxes-container__description-text {
    margin: 10px 0 0;
  }
  .billing-cancel-plan-dialog .taxes-container__price {
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.0857143px;
  }
  .billing-cancel-plan-dialog__buttons-container {
    padding: 30px 15px 15px;
  }
}
@media (max-width: 768px) {
  .MuiDialog-container {
    max-width: 100vw;
    overflow: hidden;
  }
  .MuiDialog-container .MuiDialog-paper {
    max-height: none;
    padding: 73px 10px;
    margin: 0;
    border: none;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%;
    width: 100%;
  }
  .MuiDialog-container .MuiDialog-paper > div {
    border-radius: 10px;
  }
}
@media (max-width: 768px) {
  .billing-payment-method-dialog {
    width: 95vw;
  }
}
.schedule-a-consultation {
  width: 85vw;
  height: 81vh;
  border: none;
  border-radius: 7px;
}
@media (max-width: 768px) {
  .schedule-a-consultation {
    width: 90vw;
    height: 90vh;
  }
}
.calendly-overlay {
  font-size: 16px;
  line-height: 1.2em;
}
.calendly-overlay iframe {
  display: inline;
}
.calendly-popup-content {
  position: relative;
}
.calendly-popup-content.calendly-mobile {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
.calendly-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 9999;
  background-color: #a5a5a5;
  background-color: rgba(31, 31, 31, 0.4);
}
.calendly-overlay .calendly-close-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.calendly-overlay .calendly-popup {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  min-width: 900px;
  max-width: 1000px;
  height: 90%;
  max-height: 680px;
}
@media (max-width: 975px) {
  .calendly-overlay .calendly-popup {
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: none;
    transform: none;
    width: 100%;
    height: auto;
    min-width: 0;
    max-height: none;
  }
}
.calendly-overlay .calendly-popup .calendly-popup-content {
  height: 100%;
}
.calendly-overlay .calendly-popup-close {
  position: absolute;
  top: 25px;
  right: 25px;
  color: #fff;
  padding: 0;
}
@media (max-width: 975px) {
  .calendly-overlay .calendly-popup-close {
    top: 15px;
    right: 15px;
  }
}
.card {
  width: 428px;
  min-height: 100%;
}
.card__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1px;
  color: #171725;
  padding: 30px 20px 0;
}
.card .overflow-content {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 20px 20px;
  height: calc(100vh - 244px);
  max-height: 530px;
}
.card__row {
  display: flex;
  justify-content: space-between;
  margin: 0 -10px;
}
.card__column {
  margin: 0 10px;
}
.card .submit-btn {
  padding: 20px;
}
.card .input input {
  margin: 10px 0;
}
.card .error-text {
  position: revert;
}
.card .mt-10 {
  margin-top: 10px;
}
.rccs {
  margin: 30px 0;
  width: 100%;
}
.rccs__card {
  width: inherit;
}
@media (max-width: 768px) {
  .card {
    width: 100%;
    min-height: 480px;
  }
  .card__title {
    padding: 20px 20px 0;
  }
  .card .overflow-content {
    max-height: 346px;
    padding: 0 15px 15px;
  }
  .card .submit-btn {
    padding: 15px;
  }
}
.view-file-dialog {
  width: 50vw;
  height: 50vh;
  padding: 20px;
}
.view-file-dialog .close-dialog {
  z-index: 2;
}
.view-file-dialog .lds-ellipsis__wrapper {
  height: 50vh;
  border-radius: 10px;
  z-index: 1;
}
.view-file-dialog .broken-file {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .view-file-dialog {
    width: 100%;
  }
}
.view-file-dialog img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  display: block;
}
.provide-tax-info-dialog {
  width: 620px;
  max-width: 620px;
}
.provide-tax-info-dialog .header {
  padding: 30px 20px;
  display: flex;
  align-items: center;
}
.provide-tax-info-dialog .header .label {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1px;
  color: #000000;
  margin-right: 12px;
}
.provide-tax-info-dialog .header svg {
  color: #0062FF;
}
.provide-tax-info-dialog .text-box {
  padding: 20px;
  height: 415px;
  overflow: auto;
}
.provide-tax-info-dialog .text-box .text {
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 0.2px;
  color: #171725;
  text-indent: 1.5em;
  margin-bottom: 4px;
}
.provide-tax-info-dialog .text-box li {
  list-style: inside;
}
.provide-tax-info-dialog .Mui-checked {
  color: #3dd598 !important;
}
.provide-tax-info-dialog .buttons {
  display: flex;
  justify-content: space-between;
  margin: 30px -10px 0;
}
.provide-tax-info-dialog .buttons button {
  margin: 0 10px;
}
.cancel-and-deactivate-account-dialog {
  min-width: 428px;
  width: 428px;
  padding: 30px 20px 20px;
  min-height: 100%;
  text-align: center;
}
.cancel-and-deactivate-account-dialog .box {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 200px);
  max-height: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cancel-and-deactivate-account-dialog .box img {
  margin-bottom: 30px;
}
.cancel-and-deactivate-account-dialog .box p.bold-20 {
  margin-bottom: 10px;
}
.cancel-and-deactivate-account-dialog .box p.main-text {
  margin-bottom: 30px;
}
.cancel-and-deactivate-account-dialog .buttons {
  margin: 0 -10px;
  display: flex;
  justify-content: space-between;
}
.cancel-and-deactivate-account-dialog .buttons button {
  margin: 0 10px;
  width: 100%;
}
@media (max-width: 678px) {
  .cancel-and-deactivate-account-dialog {
    width: 100%;
    min-width: 100%;
    min-height: 347px;
    padding: 20px 15px 15px;
  }
  .cancel-and-deactivate-account-dialog .box img {
    margin-bottom: 20px;
  }
  .cancel-and-deactivate-account-dialog .buttons {
    margin: 0 -5px;
  }
  .cancel-and-deactivate-account-dialog .buttons button {
    margin: 0 5px;
    width: 100%;
  }
}
.direct-deposit-account-dialog {
  min-height: 100%;
}
.direct-deposit-account-dialog .content {
  padding: 30px 20px 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 200px);
  max-height: 533px;
}
.direct-deposit-account-dialog .content .input-content {
  display: grid;
  margin-top: 20px;
  width: 100%;
  gap: 10px 20px;
  grid-template-columns: 1fr 1fr;
}
.direct-deposit-account-dialog .save {
  border-top: 1px solid #f1f1f5;
  padding: 20px;
}
@media (max-width: 768px) {
  .direct-deposit-account-dialog .content {
    padding: 20px 15px 0;
    height: calc(100vh - 250px);
    max-height: 440px;
  }
  .direct-deposit-account-dialog .content .input-content {
    margin-top: 15px;
    gap: 10px;
    grid-template-columns: 1fr;
  }
  .direct-deposit-account-dialog .save {
    padding: 15px;
  }
}
@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("/assets/SFProText-Regular-b5315817.ttf") format("ttf");
}
.not-found {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 30px;
  margin-top: 50px;
  height: -webkit-fill-available;
}
.not-found__img {
  width: 642px;
  height: 350px;
}
.not-found__title {
  font-weight: 600;
  font-size: 28px;
  line-height: 42px;
  text-align: center;
  letter-spacing: 0.116667px;
  color: #171725;
  margin: 40px 0 16px;
}
.not-found__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.2px;
  color: #92929d;
  margin-bottom: 40px;
}
.not-found__button {
  width: 200px;
}
@media (max-width: 768px) {
  .not-found__img {
    width: 260px;
    height: 142px;
  }
  .not-found__title {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.1px;
    margin: 40px 0 10px;
  }
  .not-found__text {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.0857143px;
    color: #B6B6B6;
    margin-bottom: 20px;
  }
}
@font-face {
  font-family: "SFProText";
  src: local("SFProText"), url("/assets/SFProText-Regular-b5315817.ttf") format("ttf");
}
.tax-status {
  height: 100%;
  width: -webkit-fill-available;
}
.tax-status .label {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #B6B6B6;
}
.tax-status .tax-status-wrapper {
  background: white;
  border-radius: 10px;
  height: auto;
  min-height: 100%;
}
.tax-status .tax-status-wrapper .box {
  min-width: 580px;
  width: 580px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  padding: 20px 0;
  height: 100%;
}
.tax-status .tax-status-wrapper .box img {
  width: 140px;
  height: 140px;
}
.tax-status .tax-status-wrapper .box .first-step-container {
  height: calc(100% - 118px);
}
.tax-status .tax-status-wrapper .box .title {
  font-weight: 600;
  font-size: 20px;
  line-height: 42px;
  letter-spacing: 0.116667px;
  color: #171725;
  margin: 30px 0 16px;
}
.tax-status .tax-status-wrapper .box .subtitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.2px;
  color: #92929D;
}
.tax-status .tax-status-wrapper .box .refresh-page {
  margin-top: 30px;
  width: 160px;
}
.tax-status .tax-status-wrapper .box .form {
  width: 100%;
}
.tax-status .tax-status-wrapper .box .input-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -10px 0;
}
.tax-status .tax-status-wrapper .box .error {
  border-color: #FC5A5A;
}
.tax-status .tax-status-wrapper .box .text-field-box {
  width: 100%;
  margin: 0 10px;
}
.tax-status .tax-status-wrapper .box .w-160 {
  width: 160px;
}
.tax-status .tax-status-wrapper .box .calendar {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 10px;
  cursor: pointer;
}
.tax-status .tax-status-wrapper .box .steps {
  margin-top: 10px;
  width: 100%;
  height: 100%;
}
.tax-status .tax-status-wrapper .box .steps .tab {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
}
.tax-status .tax-status-wrapper .box .steps .dot {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  color: #ffffff;
  background: #0062FF;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  font-weight: 600;
  font-size: 12px;
  line-height: 25px;
  letter-spacing: 0.0857143px;
}
.tax-status .tax-status-wrapper .box .steps .text-600-12 {
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.0857143px;
  color: #171725;
}
.tax-status .tax-status-wrapper .box .steps .text-600-15 {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
}
.tax-status .tax-status-wrapper .box .steps .text-500-14 {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
}
.tax-status .tax-status-wrapper .box .steps .text-400-14 {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #888895;
}
.tax-status .tax-status-wrapper .box .steps .text-400-15 {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
}
.tax-status .tax-status-wrapper .box .steps .step-container {
  border-left: 2px solid #F1F1F5;
  margin: 0 11px 20px;
  padding: 0 20px;
  transition: height 0.4s ease-in-out;
}
.tax-status .tax-status-wrapper .box .steps .step-container .terms {
  background: #FFFFFF;
  border: 1px solid #f1f1f5;
  border-radius: 10px;
  padding: 20px 0 2px 20px;
  height: 36vh;
  margin-bottom: 20px;
}
.tax-status .tax-status-wrapper .box .steps .step-container .terms .text {
  padding-top: 20px;
  height: -webkit-fill-available;
  overflow-y: auto;
}
.tax-status .tax-status-wrapper .box .steps .step-container .Mui-checked {
  color: #3dd598;
}
.tax-status .tax-status-wrapper .box .steps .step-container .MuiTypography-root {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.1px;
  color: #171725;
}
.tax-status .tax-status-wrapper .box .steps .display-none {
  display: none;
}
@media (max-width: 1024px) {
  .tax-status .tax-status-wrapper .box {
    min-width: 100%;
    width: 100%;
    padding: 15px;
  }
  .tax-status .tax-status-wrapper .box .steps {
    margin-left: 0;
  }
  .tax-status .tax-status-wrapper .box .steps .w-160 {
    width: 100%;
  }
  .tax-status .tax-status-wrapper .box .steps .step-container {
    margin: 0 0 20px 11px;
    padding: 0 0 0 15px;
  }
  .tax-status .tax-status-wrapper .box .steps .step-container .terms {
    margin-bottom: 15px;
    padding: 2px 5px 2px 15px;
  }
  .tax-status .tax-status-wrapper .box .steps .step-container .error-text {
    margin-top: 2px;
  }
  .tax-status .tax-status-wrapper .box .blue {
    width: 100%;
  }
}
.MuiDialog-paper, .MuiPaper-root-MuiDialog-paper {
  overflow: hidden;
}
.check-company-info-dialog {
  min-width: 620px;
  width: 620px;
  min-height: 100%;
}
.check-company-info-dialog .box {
  padding: 20px;
  flex-direction: column;
  display: flex;
  gap: 15px;
}
.check-company-info-dialog .content {
  height: calc(100vh - 261px);
  max-height: 1000px;
  overflow-y: auto;
}
.check-company-info-dialog .title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1px;
  color: #171725;
  padding: 30px 20px 20px;
  border-bottom: 1px solid #f1f1f5;
}
.check-company-info-dialog .input.input .error-text {
  position: initial;
  top: initial;
}
.check-company-info-dialog .input.input input {
  margin: 10px 0 4px;
}
.check-company-info-dialog .input.phone-input .react-tel-input {
  margin: 30px 0 4px;
}
.check-company-info-dialog .box-two-field {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 -15px;
}
.check-company-info-dialog .box-two-field .input-field {
  width: 100%;
  margin: 0 15px;
}
.check-company-info-dialog .box-two-field .ein-field {
  display: flex;
  align-items: center;
}
.check-company-info-dialog .box-three-field {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 -10px;
}
.check-company-info-dialog .box-three-field .input-field {
  width: 100%;
  margin: 0 10px;
}
.check-company-info-dialog .input.phone-input .flag-dropdown {
  border: none;
}
.check-company-info-dialog .input.phone-input .flag-dropdown .selected-flag .arrow {
  -webkit-transform: rotate(226deg);
  margin: 0 7px;
  width: 6px;
  height: 6px;
  top: 5%;
  float: left;
  background: #92929D;
  border: none;
}
.check-company-info-dialog .input.phone-input .flag-dropdown .selected-flag .arrow:after {
  content: "";
  width: 12px;
  height: 12px;
  background: white;
  position: absolute;
  left: 1px;
  top: 1px;
}
.check-company-info-dialog .add-more-btn {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  text-align: right;
  letter-spacing: 0.8px;
  text-decoration-line: underline;
  text-transform: uppercase;
  color: #0062FF;
  cursor: pointer;
}
.check-company-info-dialog .years-picker .label {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #171725;
  padding-bottom: 10px;
}
.check-company-info-dialog .years-picker .year-range-picker {
  max-width: 100%;
  width: 100%;
  height: 48px;
  border: 2px solid #F1F1F5;
  border-radius: 10px;
}
.check-company-info-dialog .years-picker .year-range-picker .yrp-picker-box {
  height: 43px;
  padding: 8px 20px;
}
.check-company-info-dialog .years-picker .year-range-picker .yrp-picker-box .yrp-picker-text {
  justify-content: flex-start;
}
.check-company-info-dialog .years-picker .year-range-picker .yrp-options-container {
  height: 122px;
}
.check-company-info-dialog .years-picker .selected {
  background: #0062FF;
}
@media (max-width: 1024px) {
  .check-company-info-dialog {
    min-width: 100%;
    width: 100%;
  }
  .check-company-info-dialog .content {
    height: calc(100vh - 380px);
  }
  .check-company-info-dialog .title {
    font-size: 15px;
    line-height: 20px;
  }
  .check-company-info-dialog .box-two-field, .check-company-info-dialog .box-three-field {
    flex-direction: column;
    margin: 0;
  }
  .check-company-info-dialog .box-two-field .input-field, .check-company-info-dialog .box-three-field .input-field {
    width: 100%;
    margin: 0 15px;
  }
}
.years-range-picker {
  position: relative;
}
.years-range-picker .input-field {
  border: 2px solid #F1F1F5;
  border-radius: 10px;
  width: 100%;
  height: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
}
.years-range-picker .input-field .text {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.04em;
}
.years-range-picker .input-field .placeholder-color {
  color: #888895;
}
.years-range-picker .input-field .arrow {
  -webkit-transform: rotate(226deg);
  margin: 0 7px;
  width: 8px;
  height: 8px;
  top: 5%;
  float: left;
  background: #171725;
  border: none;
}
.years-range-picker .input-field .arrow:after {
  content: "";
  width: 12px;
  height: 12px;
  background: white;
  position: absolute;
  left: 2px;
  top: 2px;
}
.years-range-picker .error-input {
  border: 2px solid #FC5A5A;
}
.years-range-picker .select-options {
  position: absolute;
  width: 100%;
  top: 45px;
  left: 0;
  transition: 0.3s ease;
  background: #fafafb;
  mix-blend-mode: normal;
  border: 2px solid #f1f1f5;
  box-sizing: border-box;
  border-radius: 10px;
  display: none;
}
.years-range-picker .select-options.active {
  display: flex;
  justify-content: space-around;
  height: auto;
  max-height: 122px;
  padding: 15px;
  z-index: 888;
  overflow-y: auto;
}
.years-range-picker .select-list .label {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #171725;
}
.years-range-picker .select-list .option {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  height: 32px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 150%;
  color: #444444;
  transition: all 0.2s ease-in-out;
}
.years-range-picker .select-list .option:hover {
  background: #E3ECFC;
  cursor: pointer;
}
.years-range-picker .select-list .option.active {
  background: #0062FF;
  color: #FFFFFF;
}
.years-range-picker .error-text {
  position: initial;
}
.years-range-picker .error-box {
  display: grid;
  gap: 4px;
}
@media (max-width: 768px) {
  .years-range-picker .error-box {
    margin-top: 20px;
  }
}
.tax-status-income-container .box {
  margin: 0 -20px;
  display: flex;
  justify-content: space-between;
}
.tax-status-income-container .item {
  margin: 0 20px;
  height: max-content;
  width: 100%;
}
.tax-status-income-container .block {
  background: #ffffff;
  border-radius: 10px;
}
.tax-status-income-container .block .title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
}
.tax-status-income-container .block .subtitle {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.0857143px;
  color: #B6B6B6;
}
.tax-status-income-container .block button {
  width: max-content;
  padding: 0 15px;
  margin-left: 20px;
}
.tax-status-income-container .block button img {
  margin-right: 10px;
}
.tax-status-income-container .block .speedometer {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tax-status-income-container .block .speedometer .pointer {
  fill: #D9D9D9 !important;
}
.tax-status-income-container .block .speedometer g > text {
  transform: translate(0px, -39px);
}
.tax-status-income-container .block .table-box {
  max-height: 400px;
  overflow-y: auto;
}
.tax-status-income-container .block .table-box table thead .year-field {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.tax-status-income-container .block .table-box table thead .actions-field {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.tax-status-income-container .block .table-box table thead th {
  padding: 10px 16px;
  background: #fafafb;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #888895;
  border-bottom: none;
}
.tax-status-income-container .block .table-box table tbody td {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
}
.tax-status-income-container .block .table-box .download-btn {
  cursor: pointer;
}
.tax-status-income-container .block .table-box .download-btn span {
  display: flex;
  align-items: center;
  color: #0062FF;
}
.tax-status-income-container .block .table-box .download-btn svg {
  margin-right: 12px;
}
.tax-status-income-container .block .table-box .processing-box {
  border-bottom: none;
  padding: 56px 16px;
}
.tax-status-income-container .block .table-box .processing-box .title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1px;
  color: #171725;
  margin-top: 40px;
}
.tax-status-income-container .block .table-box .processing-box .subtitle {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.2px;
  color: #B6B6B6;
  margin-top: 10px;
}
.tax-status-income-container .block .statistic-title {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.0857143px;
  color: #B6B6B6;
}
.tax-status-income-container .chart {
  max-width: 621px;
}
@media (max-width: 1024px) {
  .tax-status-income-container {
    padding: 15px;
  }
  .tax-status-income-container .box {
    flex-direction: column;
    margin: -7px 0;
  }
  .tax-status-income-container .item {
    margin: 7px 0;
  }
  .tax-status-income-container .chart {
    max-width: 100%;
  }
  .tax-status-income-container .chart .header-block {
    flex-direction: column;
    align-items: flex-start;
  }
  .tax-status-income-container .chart .header-block .buttons {
    margin-top: 15px;
  }
  .tax-status-income-container .chart .header-block .white {
    margin: 0;
  }
  .tax-status-income-container .chart .content-block {
    flex-direction: column;
    align-items: flex-start;
  }
  .tax-status-income-container .chart .chart-container {
    overflow: auto;
    width: calc(100vw - 60px);
  }
  .tax-status-income-container .chart .chart-container .chart-wrapper {
    width: 100%;
    min-height: auto;
  }
}
.transcripts-container {
  background: white;
  border-radius: 10px;
}
.transcripts-container .MuiTabs-flexContainer {
  border-bottom: 1px solid #f1f1f5;
  padding: 9px 5px;
}
.transcripts-container .MuiTabs-indicator {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.transcripts-container .transcripts-box .filters {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.transcripts-container .transcripts-box .filters .title {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #888895;
  padding-right: 10px;
}
.transcripts-container .transcripts-box .filters .update-btn {
  width: 275px;
  height: 38px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  margin-right: 40px;
}
.transcripts-container .transcripts-box .filters .select-status {
  min-width: 168px;
}
.transcripts-container .transcripts-box .download-btn {
  cursor: pointer;
}
.transcripts-container .transcripts-box .download-btn span {
  display: flex;
  align-items: center;
  justify-content: right;
  font-family: "Poppins", sans-serif;
  color: #0062FF;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
}
.transcripts-container .transcripts-box .download-btn img, .transcripts-container .transcripts-box .download-btn svg {
  margin-right: 12px;
}
.transcripts-container .table {
  margin: 10px;
  overflow-x: auto;
}
.transcripts-container .table table thead th {
  padding: 10px 16px;
  background: #fafafb;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #888895;
  border-bottom: none;
  white-space: nowrap;
  min-width: 110px;
}
.transcripts-container .table table thead th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.transcripts-container .table table thead th:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.transcripts-container .table table tbody td {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
}
.transcripts-container .table table tbody tr:last-child td {
  border-bottom: none;
}
.transcripts-container .table table tbody .processing-box {
  border-bottom: none;
}
@media (max-width: 1024px) {
  .transcripts-container .transcripts-box .filters, .transcripts-container .transcripts-box .filter-box {
    flex-direction: column;
    width: 100%;
  }
  .transcripts-container .transcripts-box .filters .update-btn, .transcripts-container .transcripts-box .filter-box .update-btn {
    width: 100%;
    margin: 15px 0;
  }
  .transcripts-container .transcripts-box .filters .select-status, .transcripts-container .transcripts-box .filter-box .select-status {
    width: 100%;
  }
}
.notes-container {
  background: white;
  border-radius: 10px;
  padding: 20px;
}
.notes-container .title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #171725;
  margin-bottom: 20px;
}
.notes-container .table {
  padding: 10px;
  overflow-x: auto;
}
.notes-container .table table thead tr {
  height: 38px;
}
.notes-container .table table thead th {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 0;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #888895;
  background: #fafafb;
  border-bottom: none;
}
.notes-container .table table thead th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.notes-container .table table thead th:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.notes-container .table table thead .topic, .notes-container .table table thead .item-date {
  min-width: 105px;
}
.notes-container .table table thead .item-description {
  min-width: 360px;
}
.notes-container .table table tbody td {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #171725;
}
.notes-container .table table tbody tr {
  height: 60px;
}
.notes-container .table table tbody .processing-box {
  border-bottom: none;
}
.notification-settings .notification-wrapper {
  display: flex;
  margin: 0 -15px;
}
.notification-settings .notification-wrapper .block {
  width: 100%;
  margin: 0 15px;
  background: #ffffff;
  padding: 20px;
  border-radius: 10px;
}
.notification-settings .notification-wrapper .recipients .block-size {
  width: 100%;
}
.notification-settings .notification-wrapper .recipients .recipients-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.notification-settings .notification-wrapper .recipients .recipients-header button {
  width: 133px;
}
.notification-settings .notification-wrapper .recipients .recipients-header button img {
  margin-right: 4px;
}
.notification-settings .notification-wrapper .recipients .recipients-header .one {
  order: 1;
}
.notification-settings .notification-wrapper .recipients .recipients-header .two {
  order: 2;
}
.notification-settings .notification-wrapper .recipients .recipients-header .three {
  order: 3;
  width: 100%;
  margin-top: 20px;
}
.notification-settings .notification-wrapper .recipients .box {
  border: 1px solid #f1f1f5;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
.notification-settings .notification-wrapper .recipients .box:first-child {
  width: 80%;
}
.notification-settings .notification-wrapper .recipients .box:hover {
  border: 1px solid #171725;
}
.notification-settings .notification-wrapper .recipients .active {
  border: 1px solid #171725;
}
.notification-settings .notification-wrapper .topics .Mui-checked {
  color: #0062FF;
}
.notification-settings .notification-wrapper .topics .error-text {
  top: 60px;
}
.notification-settings .notification-wrapper .topics .reset-all-button {
  width: min-content;
  height: 20px;
}
.notification-settings .notification-wrapper .topics .email {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.notification-settings .notification-wrapper .topics .email input {
  width: 100%;
  border: none;
}
.notification-settings .notification-wrapper .topics .email input ::placeholder {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  display: flex;
  align-items: center;
  letter-spacing: 0.04em;
  color: #888895;
}
.notification-settings .notification-wrapper .topics .btns {
  display: flex;
  margin: 42px -15px 16px;
}
.notification-settings .notification-wrapper .topics .btns button {
  width: 100%;
  margin: 0 15px;
}
@media (max-width: 1024px) {
  .notification-settings .notification-wrapper {
    flex-direction: column;
    margin: 0;
  }
  .notification-settings .notification-wrapper .block {
    margin: 0;
    width: initial;
  }
  .notification-settings .notification-wrapper .recipients {
    margin-bottom: 15px;
  }
  .notification-settings .notification-wrapper .recipients .recipients-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .notification-settings .notification-wrapper .recipients .recipients-header p {
    margin-bottom: 10px;
  }
  .notification-settings .notification-wrapper .recipients .recipients-header button {
    width: 100%;
  }
  .notification-settings .notification-wrapper .recipients .one {
    order: 1;
  }
  .notification-settings .notification-wrapper .recipients .two {
    order: 3;
  }
  .notification-settings .notification-wrapper .recipients .three {
    order: 2;
  }
  .notification-settings .notification-wrapper .recipients .box {
    flex-direction: column;
  }
  .notification-settings .notification-wrapper .topics .btns {
    flex-direction: column;
  }
  .notification-settings .notification-wrapper .topics .btns button {
    margin: 0 0 15px;
  }
}