@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.large-text{font-size:28px;font-weight:600;line-height:38px}.large-text,.medium-text{color:var(--color-text);font-family:Open Sans;font-style:normal}.medium-text{font-size:16px;font-weight:400;line-height:22px}.small-text{color:var(--color-text);font-family:Open Sans;font-size:14px;font-style:normal;font-weight:600;line-height:19px}.text-error{color:#d32f2f;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:400;letter-spacing:.03333em;line-height:1.66;margin:3px 14px 0;text-align:left}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid transparent;box-sizing:initial;content:"";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0;width:100%}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__month--in-range,.react-datepicker__month--in-selecting-range,.react-datepicker__month--selected,.react-datepicker__quarter--in-range,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__month--in-range:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--selected:hover,.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--selected:hover{background-color:#1d5d90}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#ccc;pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover{background-color:#216ba5}.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:transparent;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media(max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}:root{--color-primary:#1688da;--color-ui-border:#e2e6ea;--color-hover:#deebff;--color-text-opacity:#97a9b7;--color-text:#002e52}.title-component{margin:26px 0}.container{margin:auto;width:calc(100% - 100px)}.card{background:red;border-radius:12px;border-radius:8px;box-shadow:0 1px 16px rgba(0,46,82,.05);height:200px;width:100%}.card__logo{color:#fff;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:50px;font-weight:700;padding:16px}.card__number{font-weight:500;padding:10px 16px 0;text-align:center}.card__number,.card__sum{color:#fff;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:16px}.card__sum{padding:30px 16px 0}.card__sum span{font-size:12px}.btn-default{border-radius:8px!important;color:#fff!important;font-size:15px!important;font-weight:600!important;line-height:22px!important;padding:10px 0!important;text-transform:none!important;width:100%!important}.btn-blue{background:#1688da!important}.btn-red{background:#d22323!important}.btn-green{background:#2adba8!important}.btn-gray{background:#edf1f7!important;color:var(--color-text)!important}.MuiTableContainer-root,.MuiTableContainer-root table{border:none!important}.MuiTableContainer-root table tr th{color:var(--color-text-opacity);font-size:14px;font-weight:600}.MuiTableContainer-root table tr td{border-bottom:1px solid #e2e6ea;color:var(--color-text);font-size:14px;font-weight:400;line-height:19px}.mui-input{display:flex;flex-direction:column;margin-bottom:16px}.mui-input__label{padding-bottom:2px;padding-left:15px}.mui-input__field{max-width:420px;width:100%}.mui-input__field .MuiInputBase-input{border:none;border-radius:8px;height:42px;padding:0 0 0 15px}.mui-input__field .MuiInputBase-root{border:1px solid #e2e6ea;border-radius:8px}.mui-input__select .MuiInputBase-input{align-items:center;border:none;border-radius:8px;display:flex;height:42px!important;padding:0 0 0 15px}.mui-input__select .MuiPaper-root{border:1px solid #000!important}.mui-input__autocomplete{align-items:center;border:none;border-radius:8px;display:flex;height:42px!important;padding:0}.mui-input__autocomplete .MuiInputBase-input{height:24px!important;padding:0!important}.miu-checkbox{align-items:center;display:flex;flex-direction:row;margin-bottom:4px;padding-left:10px}.miu-checkbox .MuiButtonBase-root{color:var(--color-text-opacity);padding:0}.miu-checkbox .MuiSvgIcon-root{color:var(--color-text)}.miu-checkbox__label{padding-left:5px}.icons-delete-edit img{cursor:pointer;padding:0 0 0 10px;transition:.3s}.icons-delete-edit img:hover{opacity:.5}.na-filter__fields{display:flex;flex-wrap:wrap}.na-filter__fields>div{max-width:300px;min-width:250px;padding-right:15px;width:100%}.react-datepicker-wrapper{height:42px}.react-datepicker-wrapper .react-datepicker__input-container{display:flex;height:42px}.react-datepicker-wrapper .react-datepicker__input-container input{border:2px solid #e2e6ea;border-radius:4px;font-size:15px;height:38px;max-width:300px;padding-left:15px;width:100%}.button-print{align-items:center;background-color:var(--color-text-opacity);border-radius:8px;cursor:pointer;display:flex;height:42px;justify-content:center;margin-left:10px;transition:.3s;width:52px}.button-print:hover{opacity:.7}.header__panel{border-bottom:1px solid var(--color-ui-border);display:flex;padding:16px 140px}.header__panel__elem{align-items:center;display:flex;margin-left:auto}.header__panel__elem__exit{color:var(--color-text);cursor:pointer;padding-left:10px;transition:.3s}.header__panel__elem__exit:hover{opacity:.7}.header__panel__elem img{padding-right:10px}.header__menu{box-shadow:2px 2px 8px rgba(0,46,82,.08);display:flex;padding:8px 50px}.header__menu__link{align-items:center;color:var(--color-text);display:flex;margin:0 10px;padding:8px 10px;text-decoration:none;transition:.3s}.header__menu__link:hover{opacity:.7}.button-working{border-radius:8px;color:#fff;cursor:pointer;margin-right:20px;padding:10px 20px}.custom-card{border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.25);cursor:pointer;padding:14px 16px;position:relative;transition:.3s}.custom-card__logo img{height:20px}.custom-card__number{color:var(--color-text);font-family:Open Sans;font-size:20px;font-style:normal;font-weight:600;line-height:22px;margin-bottom:22px;margin-top:22px;text-shadow:0 4px 4px rgba(0,0,0,.25)}.custom-card__block-balance__fuels{display:flex;flex-wrap:wrap}.custom-card__block-balance__title{color:var(--color-text-opacity);font-size:13px}.custom-card__block-balance__title,.custom-card__block-balance__value{font-family:Open Sans;font-style:normal;font-weight:600;line-height:16px}.custom-card__block-balance__value{border-right:1px solid var(--color-text-opacity);color:var(--color-text);font-size:14px;margin-bottom:5px;margin-right:5px;padding-right:5px}.custom-card__block-balance__value:last-child{border-right:none}.custom-card__custom-name{color:var(--color-text-opacity);font-family:Open Sans;font-size:16px;font-style:normal;font-weight:600;line-height:16px;margin-top:17px}.back{align-items:center;color:var(--color-text);cursor:pointer;display:flex;font-size:14px;font-weight:500;margin-top:16px;transition:.3s}.back:hover{opacity:.7}.station-show{position:relative}.station-show__block-body{display:flex;flex-direction:column}.station-show__block-body__info{flex:1 1}.station-show__block-body__info .card-petrol{display:flex;padding-top:5px}.station-show__block-body__info .card-petrol__title{color:gray;font-size:16px;width:150px}.station-show__block-body__info .card-petrol__title,.station-show__block-body__info .card-petrol__value{font-family:Open Sans;font-style:normal;font-weight:400;font-weight:600;line-height:22px;padding-right:10px}.station-show__block-body__info .card-petrol__value{color:var(--color-text);font-size:18px}.station-show__block-body__employees{width:100%}.station-show__block-body__employees .card-user{border-radius:8px;box-shadow:0 1px 16px rgba(0,46,82,.05);display:flex;margin-top:8px;padding:18px}.station-show__block-body__employees .card-user>div{color:var(--color-text);font-family:Open Sans;font-size:16px;font-style:normal;font-weight:400;font-weight:600;line-height:22px;min-width:400px}.station-show__block-body__employees .card-user>div:first-child{min-width:50px}.station-show__block-body__employees .card-user>div:last-child{min-width:100px}.station-form__block-two-column{grid-row-gap:20px;row-gap:20px}.clients__toolbar{align-items:center;display:flex}.clients__toolbar>div:last-child{margin-left:auto;width:200px}.client-form{margin:auto;padding:8px 30px 24px;width:calc(100% - 340px)}.client-form__list-cards{background-color:#fff;border-radius:8px;box-shadow:0 1px 16px rgba(0,46,82,.05);padding:1px 30px 20px}.client-form__list-cards__table__header{border-bottom:1px solid #e2e6ea;display:flex;flex-direction:row;padding-bottom:8px}.client-form__list-cards__table__header>div{color:var(--color-text-opacity);font-weight:500;padding-left:16px;width:250px}.client-form__list-cards__table__content{border-bottom:1px solid var(--color-text-opacity);display:flex;flex-direction:row;padding-bottom:16px;padding-top:16px;transition:.3s}.client-form__list-cards__table__content>div{padding-left:16px;width:250px}.client-form__list-cards__table__content:hover{box-shadow:0 1px 16px rgba(0,46,82,.05);cursor:pointer}.client-form__block-buttons{grid-template-columns:repeat(2,1fr);margin-top:24px;width:300px}.client-form__block-buttons,.client-form__block-two-column{grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;display:grid}.client-form__block-two-column{grid-row-gap:20px;grid-template-columns:repeat(1,1fr);row-gap:20px}.client-form__block-two-column__left{grid-column-gap:20px;background-color:#fff;border-radius:8px;box-shadow:0 1px 16px rgba(0,46,82,.05);-webkit-column-gap:20px;column-gap:20px;display:flex;display:grid;flex-direction:column;grid-template-columns:1fr 1fr;padding:30px}.print-content{display:none}@media print{.print-content{display:block!important}}.client-show{position:relative}.client-show__block-body{display:flex;flex-direction:column}.client-show__block-body__info{display:grid;grid-template-columns:1fr 1fr 1fr 220px}.client-show__block-body__info .card-petrol{display:flex;padding-top:5px}.client-show__block-body__info .card-petrol__title{color:gray;font-family:Open Sans;font-size:14px;font-style:normal;font-weight:400;font-weight:500;line-height:22px;min-width:50px;padding-right:10px}.client-show__block-body__info .card-petrol__value{color:var(--color-text);font-family:Open Sans;font-size:16px;font-style:normal;font-weight:400;font-weight:600;line-height:22px;padding-right:10px}.client-show__block-body__employees{width:100%}.client-show__block-body__employees .card-user{border-radius:8px;box-shadow:0 1px 16px rgba(0,46,82,.05);display:flex;margin-top:8px;padding:18px}.client-show__block-body__employees .card-user>div{color:var(--color-text);font-family:Open Sans;font-size:16px;font-style:normal;font-weight:400;font-weight:600;line-height:22px;min-width:400px}.client-show__block-body__employees .card-user>div:first-child{min-width:50px}.client-show__block-body__employees .card-user>div:last-child{min-width:100px}.client-show__tabs .cards-client{display:flex;flex-wrap:wrap;justify-content:left}.client-show__tabs .cards-client__card{border-radius:8px;box-shadow:0 1px 16px rgba(0,46,82,.05);margin:0 10px 16px;min-width:260px;padding:16px}.client-show__tabs .cards-client__card__blocked{box-shadow:0 1px 16px rgba(0,46,82,.1);opacity:.7;transition:.3s}.client-show__tabs .cards-client__card__blocked:hover{opacity:1}.client-show__tabs .cards-client__card__number{color:var(--color-text);font-family:Open Sans;font-size:15px;font-style:normal;font-weight:400;font-weight:600;line-height:18px;margin-bottom:5px;padding-right:10px}.client-show__tabs .cards-client__card__number>div{color:var(--color-text-opacity);font-size:12px;font-weight:400;margin-top:-3px}.client-show__tabs .cards-client__card__button-edit{align-items:center;border-radius:4px;box-shadow:0 1px 16px rgba(0,46,82,.1);color:var(--color-text);cursor:pointer;display:flex;font-size:14px;margin-top:12px;padding:8px;transition:.3s}.client-show__tabs .cards-client__card__button-edit>div:last-child{display:flex;margin-left:auto}.client-show__tabs .cards-client__card__button-edit:hover{opacity:.8}.client-show__tabs .cards-client__card__status{color:var(--color-text);font-family:Open Sans;font-size:15px;font-style:normal;font-weight:400;font-weight:600;line-height:18px;padding-right:10px}.client-show__tabs .cards-client__card__status>div{color:var(--color-text-opacity);font-size:12px;font-weight:400;margin-top:-3px}.client-show__tabs .cards-client__card__balances{display:grid;grid-template-columns:repeat(2,1fr);margin-top:16px}.client-show__tabs .cards-client__card__balances__balance{border:1px dashed var(--color-text-opacity);color:var(--color-text);font-family:Open Sans;font-size:14px;font-style:normal;font-weight:600;line-height:16px;padding-bottom:5px;padding-right:5px;padding-top:5px;text-align:center}.table-list-balances{margin-left:32px}.table-list-balances__balance-header{display:flex}.table-list-balances__balance-header>div{color:var(--color-text-opacity);min-width:150px;padding:4px}.table-list-balances__balance-body{display:flex}.table-list-balances__balance-body>div{border:1px solid #e2e6ea;font-weight:500;min-width:150px;padding:4px}.stations{margin-bottom:20px}.stations__toolbar{align-items:center;display:flex}.stations__toolbar>div:last-child{margin-left:auto;width:200px}.station-form{margin:auto;padding:8px 30px 24px;width:calc(100% - 340px)}.station-form__block-buttons{margin-top:24px;width:300px}.station-form__block-buttons,.station-form__block-two-column{grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:repeat(2,1fr)}.station-form__block-two-column__left{display:flex;flex-direction:column}.station-form__block-two-column__left,.station-form__block-two-column__right{background-color:#fff;border-radius:8px;box-shadow:0 1px 16px rgba(0,46,82,.05);padding:30px}.station-form__block-two-column__right__block-button{margin-bottom:30px;margin-left:auto;width:250px}.station-form__block-two-column__right__table__title{border-bottom:1px solid var(--color-text-opacity);display:grid;grid-template-columns:3fr 2fr 1fr;padding-bottom:10px}.station-form__block-two-column__right__table__title__field-fio,.station-form__block-two-column__right__table__title__field-position{color:var(--color-text-opacity)}.station-form__block-two-column__right__table__content .card-user{align-items:center;border-radius:8px;box-shadow:0 1px 16px rgba(0,46,82,.05);display:grid;grid-template-columns:3fr 1fr;margin-top:16px;padding:18px}.station-form__block-two-column__right__table__content .card-user__delete{margin-left:auto}.station-form__block-two-column__right__table__content .card-user__delete img{cursor:pointer;transition:.3s}.station-form__block-two-column__right__table__content .card-user__delete img:hover{opacity:.5}.home{margin-bottom:30px}.home__widgets{grid-column-gap:20px;grid-row-gap:20px;-webkit-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:20px;row-gap:20px}.home__widgets__block{background:#1688da;background-position:100%;background-repeat:no-repeat;border-radius:8px;box-shadow:0 1px 16px rgba(0,46,82,.05);padding:20px}.home__widgets__block__value{color:#fff;font-size:22px;font-style:normal;font-weight:600;line-height:27px;padding-bottom:10px}.home__widgets__block__title{color:#fff;font-size:14px;font-style:normal;font-weight:400;line-height:18px}.home__working-block{align-items:center;border:2px dashed #97a9b7;border-radius:8px;display:flex;height:150px;justify-content:center;margin-bottom:30px}.home__working-block .btn-default{width:250px!important}.transactions{display:flex;justify-content:center;margin-bottom:40px}.transactions .btn-default{width:250px!important}.active-card__info{display:flex}.active-card__info__card{width:360px}.active-card__info__data{flex:1 1;padding:0 30px}.active-card__info__buttons{width:200px}.active-card__list__elem{border-bottom:1px solid #e2e6ea;display:flex;padding:10px 0}.active-card__list__elem__title{color:var(--color-text-opacity);font-weight:500;width:200px}.input-balance{align-items:center;border:1px solid #e2e6ea;border-radius:6px;display:flex;height:42px;margin-left:10px;margin-top:20px}.input-balance__title{border-right:2px solid var(--color-primary);color:var(--color-primary);font-size:16px;font-style:normal;font-weight:700;line-height:22px;margin-right:10px;padding-left:10px;padding-right:5px}.input-balance__value{color:var(--color-text);font-size:14px;font-style:normal;font-weight:500;line-height:19px}.cards-block{width:-webkit-max-content;width:max-content}.cards-block__card:first-child{border-top:1px solid var(--color-text-opacity)}.cards-block__card{border-bottom:1px solid var(--color-text-opacity);display:flex;flex-direction:row}.cards-block__card__client{border-left:1px solid var(--color-text-opacity);border-right:1px solid var(--color-text-opacity);color:var(--color-text);font-size:16px;font-style:normal;font-weight:700;line-height:22px;margin-right:10px;max-width:300px;min-width:300px;padding:5px 5px 5px 10px;transition:.3s;white-space:normal}.cards-block__card__client:hover{cursor:pointer;opacity:.6}.cards-block__card__fuels{align-items:center;border-right:1px solid var(--color-text-opacity);display:flex;flex:1 1;max-width:auto}.cards-block__card__fuels>div{border-right:2px solid var(--color-text);color:var(--color-text);font-size:14px;font-style:normal;font-weight:500;line-height:15px;margin-right:10px;padding-left:0;padding-right:10px}.cards-block__card__fuels>div:last-child{border-right:none}.cards-block__card:last-child{margin-bottom:0}.report-components-row{border-top:1px solid #e2e6ea;cursor:pointer;display:flex;padding:12px 4px;transition:.3s}.report-components-row__title{flex:1 1;white-space:normal}.report-components-row__body{display:flex;flex:1.3 1;flex-direction:column;margin-left:32px;width:100%}.report-components-row__body__header{display:flex}.report-components-row__body__header>div{padding:2px 4px;width:150px}.report-components-row__body__header>div:first-child{width:300px}.report-components-row:hover{opacity:.7}.card-fuel{display:flex;flex-direction:row}.card-fuel>div{border:1px solid #97a9b7;padding:4px;width:150px}.card-fuel>div:first-child{width:300px}.card-fuel:last-child{border:none}.table-list-balances-show-client{margin-top:16px}.table-list-balances-show-client__balance-header{display:flex}.table-list-balances-show-client__balance-header>div{color:var(--color-text-opacity);padding:4px}.table-list-balances-show-client__balance-body{display:flex}.table-list-balances-show-client__balance-body>div{align-items:center;border:1px solid #e2e6ea;display:flex;font-weight:500;padding:4px}.client-card-toolbar__buttons{grid-column-gap:16px;-webkit-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:1fr 1fr;margin-top:16px}.client-component-show-filter-button{border-bottom:1px solid #e2e6ea;display:flex;padding-bottom:32px}.client-component-show-filter-button button{margin-right:16px;width:150px!important}
/*# sourceMappingURL=main.0ccbe5fd.css.map*/