@charset "utf-8";

@font-face {
    font-family: 'ws-mono';
    src: url('fonts/MaaxMono.eot');
    src: url('fonts/MaaxMono.eot?#iefix') format('embedded-opentype'),
        url('fonts/MaaxMono.woff2') format('woff2'),
        url('fonts/MaaxMono.woff') format('woff'),
        url('fonts/MaaxMono.ttf') format('truetype'),
        url('fonts/MaaxMono.svg#MaaxMono') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.material-symbols-outlined{font-size:14px!important}

.columns-guide{width:calc(100% - 40px)!important;position:fixed;height:100%;top:0;left:20px;z-index:100;pointer-events:none}

*{outline:none;margin:0;padding:0;font-family:'ws-mono';box-sizing:border-box;font-size:12px;font-weight:500;line-height:16px;color:#000}
body{-webkit-font-smoothing:antialiased!important;font-smoothing:antialiased!important;overflow-x:hidden;position:relative;margin:0 auto;background-color:#f7f7f7}
body.modal-opened{overflow:hidden}
body[modal-opened="delete-modal"] .modal.delete-modal{display:block}
body[modal-opened="alert-modal"] .modal.alert-modal{display:block}
body[modal-opened="img-modal"] .modal.img-modal{display:block}
body[modal-opened="file-modal"] .modal.file-modal{display:block}
body[modal-opened="login-modal"] .modal.login-modal{display:block}
body[modal-opened="password-modal"] .modal.password-modal{display:block}
body[modal-opened="register-modal"] .modal.register-modal{display:block}
body.modal-opened .overlay{display:grid!important;justify-items:stretch}

::-webkit-input-placeholder{color:inherit}
:-moz-placeholder{color:inherit;opacity:1}
::-moz-placeholder{color:inherit;opacity:1}
:-ms-input-placeholder{color:inherit}
::-ms-input-placeholder{color:inherit}
label.reference{font-size:9px;color:#696969;line-height:30px;display:flex;width:100%;align-items:center;justify-content:space-between;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
label.btn-file:hover{cursor:pointer;opacity:.7}
input[type="submit"]{border:0;appearance:none;-webkit-appearance:none;border-radius:0;width:100%}
input[type="submit"].loading{pointer-events:none;opacity:.2}
input[type="submit"]:hover{cursor:pointer;opacity:.7}
input[type="file"]{border:0;appearance:none;-webkit-appearance:none;border-radius:0;width:100%;display:none}
input[type="file"].loading{pointer-events:none;opacity:.2}
input[type="file"]:hover{cursor:pointer;opacity:.7}
input[type="text"]{font-size:inherit;background:transparent;font-weight:normal;appearance:none;-webkit-appearance:none;-moz-appearance:textfield;border-radius:0;border:0;width:100%;border-bottom:.1px solid;padding-bottom:5px}
input[type="email"]{font-size:inherit;background:transparent;font-weight:normal;appearance:none;-webkit-appearance:none;-moz-appearance:textfield;border-radius:0;border:0;width:100%;border-bottom:.1px solid;padding-bottom:5px}
input[type="password"]{font-size:inherit;background:transparent;font-weight:normal;appearance:none;-webkit-appearance:none;-moz-appearance:textfield;border-radius:0;border:0;width:100%;border-bottom:.1px solid;padding-bottom:5px}
input[type="number"]{font-size:inherit;background:transparent;font-weight:normal;appearance:none;-webkit-appearance:none;-moz-appearance:textfield;border-radius:0;border:0;width:100%;border-bottom:.1px solid;padding-bottom:5px}
input[type="date"]{font-size:inherit;background:transparent;font-weight:normal;appearance:none;-webkit-appearance:none;-moz-appearance:textfield;border-radius:0;border:0;width:100%;border-bottom:.1px solid;padding-bottom:5px;line-height:14px}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance:none}
textarea{font-size:inherit;background:transparent;font-weight:normal;appearance:none;-webkit-appearance:none;-moz-appearance:textfield;border-radius:0;border:0;width:100%;border-bottom:.1px solid;padding:0 0 6px 0;resize:none;height:140px;display:block}
textarea.small{height:26px}
input[readonly], textarea[readonly]{border-bottom:none;padding-bottom:0}
.select-wrapper{overflow:hidden;border:none;position:relative;padding:4px 12px 3px;border:.1px solid;border-radius:20px}
.select-wrapper span{top:5px;width:6px;font-size:6px;position:absolute;right:10px;text-align:right;z-index:1;pointer-events:none;color:inherit}
.select-wrapper select{border:0;background:transparent;width:100%;font-size:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;border-radius:0;padding-right:16px;color:inherit}
.select-wrapper.naked{border:none;border-radius:0;padding:0 0 10px 0;border-bottom:.1px solid var(--primary-color)}
.select-wrapper.naked span{top:0;right:0}
.checkbox-wrapper input{display:none}
.checkbox-wrapper label{width:8px;height:8px;border:.1px solid;border-radius:8px;display:block;cursor:pointer}
.checkbox-wrapper input:checked ~ label{border-color:var(--primary-color);background-color:var(--primary-color)}
.checkbox-wrapper input:disabled ~ label{pointer-events:none}
.list-wrapper{position:relative}
.list-wrapper input{padding-right:20px}
.list-wrapper .select-wrapper{border:none;padding:0;width:16px;position:absolute;bottom:6px;right:0}
.list-wrapper .select-wrapper span{width:16px;font-size:16px;top:0;right:0}
.list-wrapper .select-wrapper select{opacity:0;width:16px;padding:0}
.invalid{border-color:#FF0000!important}
.select-wrapper:has(.invalid){border-color:#FF0000!important}
.login-wrapper{border:.1px solid var(--primary-color);border-radius:15px}
.login-wrapper li{margin-bottom:0!important;width:100%}
.login-wrapper li label{text-align:center;cursor:pointer}
.login-wrapper li input{display:none}
.login-wrapper li input:checked ~ label{background-color:var(--primary-color)}
.clone{display:none}

h1,h2,h3,h4,h5{font-weight:500;font-size:inherit}
p{font-size:inherit}
a{cursor:pointer;text-decoration:none;color:inherit;font-size:inherit}
a:hover{opacity:.7}
li{list-style:none}
img{width:100%;display:block}

.hover-move{cursor:move}
.disabled{pointer-events:none}
.color-primary{color:var(--secondary-color)}
.color-grey{color:#696969}
.color-black{color:#000}
.color-green{color:#00DA00}
.color-orange{color:#ED9C00}
.color-red{color:#FF0000}
.bc-primary{background-color:var(--primary-color)}
.bc-grey{background-color:#C3C3C3}
.bc-green{background-color:#00DA00}
.bc-orange{background-color:#FFB600}
.bc-red{background-color:#FF0000}

.fs-bullet{font-size:6px}
.fs-s{font-size:10px;line-height:14px}
.fs-l{font-size:36px;line-height:44px}
.fs-xl{font-size:52px;line-height:56px}
.uppercase{text-transform:uppercase}
.underlined{text-decoration:underline}
.display-block{display:block!important}
.display-inline{display:inline-block!important}
.display-flex{display:flex!important}
.display-none{display:none!important}
.hidden{visibility:hidden}
.space-between{justify-content:space-between!important}
.justify-end{justify-content:end!important}
.align-vertical-center{align-items:center!important}
.align-vertical-end{align-items:end!important}
.flex-vertical{flex-direction:column!important}
.ta-left{text-align:left}
.ta-right{text-align:right}
.ta-center{text-align:center}
.right{float:right}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ellipsis-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
.position-relative{position:relative}
.margin-centered{margin:0 auto}
.margin-top-6{margin-top:6px}
.margin-top-10{margin-top:10px}
.margin-top-18{margin-top:18px}
.margin-top-36{margin-top:36px}
.margin-top-76{margin-top:76px}
.margin-top-154{margin-top:154px}
.margin-bottom-36{margin-bottom:36px}
.margin-bottom-76{margin-bottom:76px}
.margin-bottom-154{margin-bottom:154px}
.margin-bottom-36{margin-bottom:36px}
.margin-bottom-18{margin-bottom:18px}
.padding-bottom-36{padding-bottom:36px}
.padding-bottom-18{padding-bottom:18px}
.padding-top-6{padding-top:6px}
.padding-top-10{padding-top:10px}
.padding-bottom-6{padding-bottom:6px}
.padding-bottom-10{padding-bottom:10px!important}
.padding-vertical-6{padding:6px 0}
.padding-vertical-10{padding:10px 0}
.padding-vertical-18{padding:36px 0}
.padding-right-18{padding-right:36px}
.padding-left-18{padding-left:18px}
.border-grey{border-color:#C3C3C3!important}
.border-top{border-top:.1px solid}
.border-bottom{border-bottom:.1px solid}
.border-radius-15{border-radius:15px}
.width-100{width:100%}
.fit-content{width:fit-content!important}

.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#F7F7F780;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:21;display:none!important;align-items:center}
.modal{border:.1px solid var(--primary-color);display:none;padding:40px;max-height:80vh;position:relative;border-radius:20px;background:#FFF;overflow:auto}
.modal.on{transition:opacity .4s linear;-webkit-transition:opacity .4s linear;-moz-transition:opacity .4s linear;-ms-transition:opacity .4s linear;opacity:1}
.modal .content{display:table;width:100%}
.modal header{display:table;position:relative;width:100%}
.modal header .title span{color:var(--secondary-color)}
.modal header .btn-close{position:absolute;right:0;opacity:1;transition:all .2s linear;top:0}
.modal header .btn-close:hover{opacity:.7;cursor:pointer}
.modal form ul li{margin-bottom:20px}

.notification{position:fixed;width:calc(100% - 20px);left:10px;top:-60px;padding:10px;border-radius:50px;z-index:10}
.notification p{display:none}
.notification a{display:none}
.notification.visible{animation:notification .3s ease;animation-fill-mode:forwards}
.notification.visible p{display:inline-block}
.notification.visible a{display:inline-block}
@keyframes notification{from{top:-60px}to{top:66px}}

.grid{display:grid;align-items:start;width:100%;grid-template-columns:repeat(8, 1fr)}
.grid > *{grid-column-end:span 8}
.fit-content{height:fit-content}
.align-center{align-content:center;align-items:center;justify-items:center}

.grid .c-1{grid-column-end:span 1}
.grid .c-1:not(.grid) > *{grid-column-end:span 1}
.grid .c-2{grid-column-end:span 2}
.grid .c-2:not(.grid) > *{grid-column-end:span 2}
.grid .c-3{grid-column-end:span 3}
.grid .c-3:not(.grid) > *{grid-column-end:span 3}
.grid .c-4{grid-column-end:span 4}
.grid .c-4:not(.grid) > *{grid-column-end:span 4}
.grid .c-5{grid-column-end:span 5}
.grid .c-5:not(.grid) > *{grid-column-end:span 5}
.grid .c-6{grid-column-end:span 6}
.grid .c-6:not(.grid) > *{grid-column-end:span 6}
.grid .c-7{grid-column-end:span 7}
.grid .c-7:not(.grid) > *{grid-column-end:span 7}
.grid .c-8{grid-column-end:span 8}
.grid .c-8:not(.grid) > *{grid-column-end:span 8}

.grid .p-2{grid-column-start:2}
.grid .p-3{grid-column-start:3}
.grid .p-4{grid-column-start:4}
.grid .p-5{grid-column-start:5}
.grid .p-6{grid-column-start:6}
.grid .p-7{grid-column-start:7}
.grid .p-8{grid-column-start:8}

.column-gap-6{column-gap:6px}
.column-gap-20{column-gap:20px}
.column-gap-40{column-gap:40px}
.row-gap-6{row-gap:6px}
.row-gap-10{row-gap:10px}
.row-gap-18{row-gap:18px}
.row-gap-36{row-gap:36px}

.flex-none{flex:none}
.column-xs{flex:1 1 0}
.column-s{flex:3 1 0}
.column-m{flex:4 1 0}
.column-l{flex:6 1 0}
.column-50{width:50%}
.column-fixed-m{width:260px}
.column-fixed-s{width:200px}
.column-fixed-60{width:60px}
.column-fixed-100{width:100px}
.column-actions{width:20px}
.align-vertical-end .column-actions{margin-bottom:2px}
.align-vertical-end .column-actions .btn-dropdown{margin-bottom:3px}
.column-actions.multiple-2{width:40px}
.align-right{margin-left:auto}

.captcha-wrapper{position:relative}
.captcha-wrapper input{padding-left:40px}
.captcha-wrapper .captcha{position:absolute;left:0;bottom:9px;width:auto;height:10px}

.btn{padding:4px 12px 3px;display:block;border-radius:20px!important;white-space:nowrap}
.btn:hover{opacity:.7;cursor:pointer}
.btn.border{border:.1px solid}
.btn.rounded{height:23px;width:23px;padding:0;text-align:center;line-height:25px}
.btn.w-fixed{min-width:200px}
.btn.box{border:none;padding:14px;text-align:center;background-color:#6AA842;color:#FFF}

.btn-dropdown{position:relative;cursor:pointer}
.btn-dropdown .dropdown-wrapper{position:absolute;top:21px;right:0;width:calc(100vw - 40px);max-width:200px;padding:12px 16px;background-color:#FFFFFF80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;z-index:10;display:none}
.btn-dropdown.opened .dropdown-wrapper{display:block}

.collapsable-list .collapsable-info{height:0;overflow:hidden;transition:height .3s ease}
.collapsable-list .btn-collapse{transform:rotate(0deg);transition:transform .3s ease}
.collapsable-list li.collapsed .btn-collapse{transform:rotate(180deg)}

.items-list{margin-left:280px}

.master-wrapper{margin:80px 20px 20px;width:calc(100% - 40px);min-height:calc(100vh - 160px)}

header.master{position:fixed;left:10px;width:calc(100% - 20px);padding:10px;top:10px;z-index:20;background-color:#FFFFFF80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:25px}
header.master .logotype img{width:160px}
header.master img.iso{width:40px}

aside{max-height:calc(100vh - 142px);overflow:scroll}
aside ul.sortable{position:relative}
aside.chat{height:calc(100vh - 118px);position:sticky;left:20px;top:98px;overflow:visible;max-height:none}
aside.chat .content{position:absolute;left:0;bottom:108px;height:calc(100vh - 289px);overflow:hidden}
aside.chat .content ul{flex-direction:column-reverse;overflow:scroll;height:100%}
aside.chat footer{position:absolute;left:0;bottom:0}
aside.chat footer textarea{padding:10px 0;border-top:.1px solid;height:76px}
aside.chat.hidden .content{display:none}
aside.chat.hidden footer{display:none}

main{align-content:space-between;position:relative}
main.cover{width:100%;height:calc(100vh - 160px)}
main.cover .content{position:absolute;top:50%;transform:translateY(-50%);width:100%}
main.cover .content p{max-width:600px}

footer.master{margin:80px 20px 40px;width:calc(100% - 40px)}
footer.master .logotype img{width:160px}


/* page-exceptions */
.page-index main .btn{position:absolute;bottom:60px;left:50%;transform:translateX(-50%)}
.page-index main .map-wrapper{position:absolute;width:100%;height:calc(100% - 100px);top:50px;left:0;z-index:-1}
.page-index main .map-wrapper svg{height:100%;width:auto;display:block;margin:0 auto}
.page-index main .map-wrapper svg .map{fill:transparent;stroke:var(--primary-color);stroke-width:1px;stroke-dasharray:405%;stroke-dashoffset:405%;animation:map_stroke 4s ease-in-out, map_fill .3s ease-in-out 3.7s;animation-fill-mode:forwards}
@keyframes map_stroke{from{stroke-dashoffset:405%}to{stroke-dashoffset:0%}}
@keyframes map_fill{from{fill:transparent}to{fill:var(--primary-color)}}


@media only screen and (min-width: 1441px){
	*{font-size:14px;line-height:18px}
	.fs-bullet{font-size:6px}
	.fs-s{font-size:12px;line-height:16px}
	.fs-l{font-size:46px;line-height:52px}
	.fs-xl{font-size:72px;line-height:76px}
}

@media only screen and (max-width: 900px){
	input[type="text"]{padding-bottom:0;margin-bottom:4px}
	input[type="email"]{padding-bottom:0;margin-bottom:4px}
	input[type="password"]{padding-bottom:0;margin-bottom:4px}
	input[type="number"]{padding-bottom:0;margin-bottom:4px}
	input[type="date"]{padding-bottom:0;margin-bottom:4px}
	.select-wrapper{margin-bottom:4px}
	.select-wrapper span{width:auto}

	.display-flex{display:block}

	.columns-guide{width:calc(100% - 40px)!important;left:20px}
	.ta-right{text-align:left}

	.column-gap-20{column-gap:normal}
	.row-gap-18{row-gap:8px}

	.grid{grid-template-columns:1fr}
	.grid .c-2{grid-column-end:span 1}
	.grid .c-2:not(.grid) > *{grid-column-end:span 1}
	.grid .c-3{grid-column-end:span 1}
	.grid .c-3:not(.grid) > *{grid-column-end:span 1}
	.grid .c-4{grid-column-end:span 1}
	.grid .c-4:not(.grid) > *{grid-column-end:span 1}
	.grid .c-5{grid-column-end:span 1}
	.grid .c-5:not(.grid) > *{grid-column-end:span 1}
	.grid .c-6{grid-column-end:span 1}
	.grid .c-6:not(.grid) > *{grid-column-end:span 1}
	.grid .c-7{grid-column-end:span 1}
	.grid .c-7:not(.grid) > *{grid-column-end:span 1}

	.grid-6{grid-template-columns:1fr}
	.grid-6-action{grid-template-columns:1fr}
	.grid-5{grid-template-columns:1fr}
	.grid-4{grid-template-columns:1fr}

	.grid .p-2{grid-column-start:1}
	.grid .p-3{grid-column-start:1}
	.grid .p-4{grid-column-start:1}
	.grid .p-5{grid-column-start:1}
	.grid .p-6{grid-column-start:1}
	.grid .p-7{grid-column-start:1}

	.modal{padding:0 20px;width:calc(100% - 40px);max-width:600px;justify-self:center}
	.modal .content{padding:20px 0}

	.master-wrapper{margin:20px;width:calc(100% - 40px)}

	header.master{position:static;padding:0}
	header.master nav ul{flex-direction:column}
	aside{width:100%;max-height:none;padding-right:0}

	main{padding:0}

	/* .page-quote */
	.page-quote .total-data{padding-top:8px}
}

@media print{
    *{color:#000!important;font-size:8.5px;line-height:14px;background:transparent!important}
    body{margin:0;padding:0}

    .ta-right{text-align:right!important}

	.fit-content{height:fit-content}
	.align-center{align-content:center;align-items:center;justify-items:center}

	.column-gap-20{column-gap:40px}
	.row-gap-18{row-gap:20px}
	.row-gap-80{row-gap:40px}

	.master-wrapper{margin:40px 0;width:100%;display:block}
}