.alert{border-style:solid;border-width:2px;border-radius:15px;width:100%;padding:15px}.alert.danger{background-color:#df53564d;border-color:#df5356}.alert.success{background-color:#53df9e4d;border-color:#53df9e}.alert.warning{background-color:#ffea004d;border-color:#ffea00}
.button{cursor:pointer;white-space:nowrap;border:0;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;width:100%;max-width:fit-content;padding:15px 40px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.button svg{width:20px;height:20px}.button.primary{color:#fff;fill:#fff;background-color:#065ffd}.button.primary:hover,.button.primary:focus{background-color:#3635c5}.button.secondary{color:#fff;fill:#fff;background-color:#3635c5}.button.secondary:hover,.button.secondary:focus{background-color:#065ffd}.button.grey{color:#717e96;fill:#717e96;background-color:#eef1f4}.button.grey:hover,.button.grey:focus{background-color:#f7f9fb}.button.transparent{color:#000;fill:#000;background-color:#f7f9fb;transition:transform 1.2s}.button.transparent.circle-icon-button:hover,.button.transparent.circle-icon-button:focus{transform:rotate(360deg)}.button.nav{cursor:pointer;color:#717e96;fill:#717e96;background-color:#0000;border:none;border-bottom:2px solid #0000;border-radius:0;max-width:fit-content;padding:15px;font-size:large;font-weight:500}.button.nav svg path{fill:#717e96}.button.nav.active{color:#3635c5;fill:#3635c5;border-bottom:2px solid #3635c5;border-radius:0}.button.nav.active svg path{fill:#3635c5}.nav-button:hover,.nav-button:focus{color:#3635c5;fill:#3635c5;border-bottom:2px solid #3635c5;border-radius:0}
.card{background-color:#fff;border-radius:10px;position:relative}.card.border-top-small,.card.border-top-big{position:relative}.card.border-top-small:before,.card.border-top-big:before{content:"";background:#065ffd;border-radius:10px 10px 0 0;display:block;position:absolute;bottom:auto;left:0;right:0}.card.border-top-small:before{height:6px}.card.border-top-big:before{height:10px}
.card .card-body,.popup-card-content .card-body{padding:0 30px 25px}.card .card-body.small,.popup-card-content .card-body.small{padding:15px 30px 20px}
.card .card-header,.popup-card-content .card-header{flex-direction:row;align-items:center;padding:35px 30px 20px;display:flex}.card .card-header.small,.popup-card-content .card-header.small{padding:26px 30px 15px}.card .card-header h2,.popup-card-content .card-header h2,.card .card-header h4,.popup-card-content .card-header h4{margin:0;padding:0}.card .card-header .card-header-children,.popup-card-content .card-header .card-header-children{margin-left:auto}
.popup-card{z-index:10;background-color:#0006;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:auto}.popup-card .popup-card-content{background-color:#fff;border-radius:10px;margin:auto;position:relative}.popup-card .popup-card-content.border-top-small,.popup-card .popup-card-content.border-top-big{position:relative}.popup-card .popup-card-content.border-top-small:before,.popup-card .popup-card-content.border-top-big:before{content:"";background:#065ffd;border-radius:10px 10px 0 0;display:block;position:absolute;bottom:auto;left:0;right:0}.popup-card .popup-card-content.border-top-small:before{height:6px}.popup-card .popup-card-content.border-top-big:before{height:10px}
.checkbox-wrapper{width:100%;padding:5px 0}.checkbox-wrapper input{width:0}.checkbox-wrapper.label-left .checkbox input+label{width:100%;padding-right:65%}.checkbox-wrapper.label-left .checkbox input+label:before{align-self:center;margin:0;display:flex;position:absolute;top:auto;bottom:auto;left:67.5%}.checkbox-wrapper.label-left .checkbox input+label:after{top:auto;bottom:auto;left:67.5%}.checkbox-wrapper .checkbox{display:block;position:relative}.checkbox-wrapper .checkbox input{opacity:0;position:absolute}.checkbox-wrapper .checkbox input+label{cursor:pointer;width:fit-content;font-size:16px;line-height:21px;display:flex;position:relative}.checkbox-wrapper .checkbox input+label:before{content:"";background:0 0;flex-shrink:0;width:21px;height:21px;margin:auto 16px auto 0;transition:all .2s ease-in-out;display:block;box-shadow:inset 0 0 0 1px #bcbcbc}.checkbox-wrapper .checkbox input+label:after{content:"✔";text-align:center;color:#fff;opacity:0;justify-content:center;align-self:center;width:21px;height:21px;font-size:16px;line-height:19px;transition:all .2s ease-in-out;display:flex;position:absolute;top:auto;bottom:auto;left:0}.checkbox-wrapper .checkbox input+label:focus{outline:none}.checkbox-wrapper .checkbox input:checked+label:before{box-shadow:none;background:#065ffd}.checkbox-wrapper .checkbox input:checked+label:after{opacity:1}.checkbox-wrapper .checkbox input:disabled+label:before{box-shadow:none;background:#f2f2f2}.checkbox-wrapper .checkbox input:disabled+label:after{border-color:#0000}.checkbox-wrapper .checkbox input:checked:disabled+label:before{box-shadow:none;background:#f2f2f2}.checkbox-wrapper .checkbox input:checked:disabled+label:after{border-color:#cecece}.checkbox-wrapper input.input-error{border-color:#df5356}.input-error-message{margin:0;padding:0}
.button.circle-icon-button{cursor:pointer;aspect-ratio:1;border:none;border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:fit-content;max-width:55px;height:fit-content;max-height:55px;padding:15px;display:flex}
.buttons-horizontal-container{flex-flow:wrap;gap:15px;width:100%;display:flex}.buttons-horizontal-container button{max-width:200px}.buttons-horizontal-container.align-right{justify-content:flex-end}@media (min-width:992px){.buttons-horizontal-container{flex-wrap:nowrap}}
.cards-vertical-container{flex-direction:column;gap:20px;width:100%;padding:20px 10px;display:flex}.cards-vertical-container.big{width:100%}.cards-vertical-container.small{width:40%}.cards-vertical-container.side,.cards-vertical-container.side-with-button{grid-template-columns:1fr 1fr;gap:20px;width:100%;display:grid}.cards-vertical-container.side{grid-template-areas:"out no";width:100%}.cards-vertical-container.side-with-button{grid-template-areas:"out no""btn no"}.cards-vertical-container.side-with-button>:first-child{grid-area:btn}.cards-vertical-container.side-with-button>:first-child button{max-width:100%;padding:15px 0}.cards-vertical-container.side-with-button>:nth-child(2){grid-area:out}.cards-vertical-container.side-with-button>:nth-child(3){grid-area:no}@media (min-width:992px){.cards-vertical-container{flex-direction:column;display:flex}.cards-vertical-container.side,.cards-vertical-container.side-with-button{flex-direction:column;width:27.5%;display:flex}.cards-vertical-container.main{width:72.5%}}
.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.container.horizontal{flex-direction:column-reverse;display:flex}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}.container.horizontal{flex-direction:row}}@media (min-width:1400px){.container{width:1300px}}
.input-wrapper{flex-direction:column;width:100%;padding:5px 0;display:flex}.input-wrapper.label-left{flex-direction:row;align-items:center}.input-wrapper.label-left label{width:35%}.input-wrapper.label-left .input-with-children{width:65%}.input-wrapper .input-with-children{flex-direction:row;gap:10px;display:flex}.input-wrapper .input-with-children input{border:1px solid #eef1f4;border-radius:5px;width:100%;height:40px;padding:4px}.input-wrapper .input-with-children button{justify-content:center;align-items:center;width:35%;height:100%;padding:0;display:flex}.input-wrapper input.input-error{border-color:#df5356}.input-error-message{margin:0;padding:0}
.ephemeral-message-container{background-color:#eef1f4;border-left:7px solid #065ffd;border-radius:6px;width:100%;margin:5px 0;padding:16px}
.icon-button{flex-direction:row;justify-content:center;align-items:center;gap:10px;display:flex}.icon-button svg path{fill:#fff}.icon-button.small{max-width:60px}
.input-wrapper{flex-direction:column;width:100%;padding:5px 0;display:flex}.input-wrapper.label-left{flex-direction:row;align-items:center}.input-wrapper.label-left label{width:35%}.input-wrapper.label-left .input-with-children{width:65%}.input-wrapper .input-with-children{flex-direction:row;gap:10px;display:flex;position:relative}.input-wrapper .input-with-children input{appearance:textfield;border:1px solid #eef1f4;border-radius:5px;width:100%;height:40px;padding:4px}.input-wrapper .input-with-children input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-wrapper .input-with-children input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-wrapper .input-with-children button{justify-content:center;align-items:center;width:35%;height:100%;padding:0;display:flex}.input-wrapper .input-with-children .arrow-wrapper{cursor:pointer;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;right:0}.input-wrapper .input-with-children .arrow-wrapper .arrow{clip-path:polygon(100% 0%,0 0%,50% 100%);background-color:#000;justify-self:end;width:5.88px;height:3.81px;display:block}.input-wrapper .input-with-children .arrow-wrapper.arrow-up{top:0;transform:rotate(180deg)}.input-wrapper .input-with-children .arrow-wrapper.arrow-up .arrow{margin-bottom:12px}.input-wrapper .input-with-children .arrow-wrapper.arrow-down{bottom:0}.input-wrapper .input-with-children .arrow-wrapper.arrow-down .arrow{margin-bottom:12px}.input-wrapper input.input-error{border-color:#df5356}.input-error-message{margin:0;padding:0}
.period-picker{gap:1rem;width:100%;display:flex}.period-picker .period-month-select{width:200px}.period-picker .period-month-select-loading{color:#717e96;background:#fff;border:1px solid #717e96;border-radius:4px;align-items:center;width:200px;min-height:38px;padding:0 12px;font-size:14px;line-height:1;display:flex}.period-picker .year-picker{text-align:center;border:1px solid #717e96;border-radius:4px;width:75px}.period-picker .year-picker::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.period-picker .year-picker::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.period-picker .year-picker[type=number]{-moz-appearance:textfield}
.radio-wrapper{width:100%;padding:5px 0}.radio-wrapper.label-left .radio input+label{flex-direction:row-reverse;width:100%;padding-right:65%}.radio-wrapper.label-left .radio input+label:before{align-self:center;margin:0;display:flex;position:absolute;top:auto;bottom:auto;left:67.5%}.radio-wrapper.label-left .radio input+label:after{margin-left:3px;top:auto;bottom:auto;left:67.5%}.radio-wrapper .radio{display:block;position:relative}.radio-wrapper .radio input{opacity:0;position:absolute}.radio-wrapper .radio input+label{cursor:pointer;width:fit-content;font-size:16px;line-height:21px;display:flex;position:relative}.radio-wrapper .radio input+label:before{content:"";background:0 0;border-radius:50%;flex-shrink:0;width:21px;height:21px;margin:auto 16px auto 0;transition:all .2s ease-in-out;display:block;box-shadow:inset 0 0 0 1px #717e96}.radio-wrapper .radio input+label:after{content:"";text-align:center;opacity:0;background-color:#065ffd;border-radius:50%;align-self:center;width:15px;height:15px;transition:all .2s ease-in-out;display:flex;position:absolute;top:auto;bottom:auto;left:3px}.radio-wrapper .radio input+label:focus{outline:none}.radio-wrapper .radio input:checked+label:before{box-shadow:inset 0 0 0 1px #065ffd}.radio-wrapper .radio input:checked+label:after{opacity:1}.radio-wrapper input.input-error{border-color:#df5356}.input-error-message{margin:0;padding:0}
.select-wrapper{flex-direction:column;justify-content:center;width:100%;padding:5px 0;display:flex}.select-wrapper.label-left{flex-direction:row;align-items:center}.select-wrapper.label-left label{width:35%}.select-wrapper.label-left .select-part{width:65%}.select-wrapper .select-loading{color:#717e96;background:#fff;border:1px solid #717e96;border-radius:4px;align-items:center;width:100%;min-height:38px;padding:0 12px;font-size:14px;line-height:1;display:flex}
.text-area-wrapper{flex-direction:column;width:100%;padding:5px 0;display:flex}.text-area-wrapper.label-left{flex-direction:row;align-items:center}.text-area-wrapper.label-left label{width:35%}.text-area-wrapper.label-left .text-area-with-children{width:65%}.text-area-wrapper .text-area-with-children{flex-direction:row;gap:10px;display:flex}.text-area-wrapper .text-area-with-children textarea{border:1px solid #eef1f4;border-radius:5px;min-width:100%;max-width:100%;height:40px;max-height:150px;padding:4px;font-size:medium}.text-area-wrapper .text-area-with-children button{justify-content:center;align-items:center;width:35%;height:100%;padding:0;display:flex}.text-area-wrapper textarea.text-area-error{border-color:#df5356}.text-area-error-message{margin:0;padding:0}
