@keyframes alerts_new
{
	0% {background-color:#f00; color:#fff}
	50% {background-color:#ff0; color:#000}
	100% {background-color:#f00; color:#fff}
}

html{font-size:13px; min-width:320px}
html.overflow{overflow:hidden}
body{font:400 1rem/1.4 'PT Sans', Arial, sans-serif; color:#000}
img{max-width:100%; height:auto}
form{margin:0}

.text{word-wrap:break-word}
.text p, .text blockquote, .text ul, .text ol, .text table, .text h1, .text h2, .text h3, .text h4, .text h5, .text h6{margin:1em 0 0}
.text ul, .text ol{margin-left:2em}
.text li{margin-bottom:.5em}
.text blockquote{padding:1em; color:#666; border-left:1px solid #ddd}

.files{display:flex; flex-wrap:wrap; margin:-.25em}
.files-item{padding:.3em .6em; margin:.25em; background:#afff9c; border-radius:4px}

.letters{}
.letters-head{display:flex; align-items:flex-end; width:100%; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#eaeaea}
.letters-top{padding:0 1em; margin-bottom:1em}
.letters-item{display:flex; align-items:center; width:100%; border-bottom:1px solid #e6e6e6; cursor:pointer; background:#fff; text-decoration:inherit!important; color:inherit!important}
.letters-item:hover{background:#fafafa}
.letters-item_urgent{background:#fffbc6}
.letters-item_urgent:hover{background:#fef78c}
.letters-cell{padding:.25em .5em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.letters-cell_id{flex:0 0 60px; text-align:right}
.letters-cell_sent{flex:0 0 120px; text-align:right}
.letters-cell_status{flex:0 0 90px}
.letters-cell_sender{flex:0 0 200px}
.letters-cell_subject{}
.letters-cell_body{flex:1; padding-left:0; padding-right:0}
.letters-item-cell_sent{}
.letters-item-cell_status{}
.letters-item-cell_sender_exists{font-weight:500; color:#008000}
.letters-item-cell_subject{font-weight:500}
.letters-item-cell_body{color:#888}

.status{}
.status_0{color:#ff0000}
.status_1{color:#ffa500}
.status_2{color:#1400ff}
.status_3{color:#ee82ee}
.status_4{color:#008000}

.pages{margin-top:1em; padding:0 1em; font-size:86%}
.pages-title{margin-bottom:.5em}
.pages-inner{display:flex; flex-wrap:wrap; margin-bottom:-.5em}
.pages-item{display:block; margin-right:.5em; margin-bottom:.5em; padding:.45em .75em; border-radius:4px; background:#f54b5e; color:#fff!important; text-decoration:none!important}
.pages-item:hover, .pages-item:focus, .pages-item.active{background:#ff7e8c}
.pages-item.active{font-weight:700}

.letter_popup{background:rgba(255,255,255,.66); opacity:0; backdrop-filter:blur(2px); visibility:hidden; display:flex; justify-content:flex-end; transition-property:opacity, visibility; transition-duration:.25s; position:fixed; top:0; right:0; left:0; bottom:0; z-index:1000}
.letter_popup-x{position:absolute; top:1em; margin-top:calc(1em / 2); left:-3em; width:2em; height:2em; display:block; cursor:pointer}
.letter_popup-x:before, .letter_popup-x:after{content:''; position:absolute; top:50%; margin-top:-1px; border-top:2px solid; width:100%}
.letter_popup-x:before{transform:rotate(45deg)}
.letter_popup-x:after{transform:rotate(135deg)}
.letter_popup-outer{width:100%; max-width:1440px; min-height:100%; margin-left:4em; background:#fff; position:relative; transform:translateX(100%); transition-property:transform; transition-duration:.25s}
.letter_popup-inner{height:100%; overflow-y:auto; box-shadow:0 0 15px rgb(0 0 0 / 20%)}
.letter_popup-top{background:#fafafaf0; position:sticky; top:0; z-index:1; padding:12px; border-bottom:1px solid #ddd; box-shadow:0 0 10px rgb(0 0 0 / 20%)}
.letter_popup-title{margin-bottom:.5em}
.letter_popup-btns{margin-top:.5em; font-size:90%}
.letter_popup-comments{margin-top:.5em; font-size:90%}
.letter_popup-related{background:#d0ffd3; padding:1em}
.letter_popup-files{padding:1em}
.letter_popup-body{padding:1em; overflow:auto}
.letter_popup.active{opacity:1; visibility:visible}
.letter_popup.active .letter_popup-outer{transform:translateX(0)}
.letter_popup_urgent .letter_popup-top{background:#fffaaff0}

.task_popup{background:rgba(255,255,255,.66); opacity:0; backdrop-filter:blur(2px); visibility:hidden; display:flex; justify-content:flex-end; transition-property:opacity, visibility; transition-duration:.25s; position:fixed; top:0; right:0; left:0; bottom:0; z-index:1000}
.task_popup-x{position:absolute; top:1em; margin-top:calc(1em / 2); left:-3em; width:2em; height:2em; display:block; cursor:pointer}
.task_popup-x:before, .task_popup-x:after{content:''; position:absolute; top:50%; margin-top:-1px; border-top:2px solid; width:100%}
.task_popup-x:before{transform:rotate(45deg)}
.task_popup-x:after{transform:rotate(135deg)}
.task_popup-outer{width:100%; max-width:1440px; min-height:100%; margin-left:4em; background:#fff; position:relative; transform:translateX(100%); transition-property:transform; transition-duration:.25s}
.task_popup-inner{height:100%; overflow-y:auto; box-shadow:0 0 15px rgb(0 0 0 / 20%)}
.task_popup-top{background:#fafafaf0; position:sticky; top:0; padding:12px; border-bottom:1px solid #ddd; box-shadow:0 0 10px rgb(0 0 0 / 20%)}
.task_popup-title{margin-bottom:.5em}
.task_popup-btns{margin-top:.5em; font-size:90%}
.task_popup-comments{margin-top:.5em; font-size:90%}
.task_popup-body{padding:1em; background:#fcffef}
.task_popup-body:empty{display:none}
.task_popup-letter{padding:1em; overflow:auto}
.task_popup-letter-title{font-weight:700; font-size:150%; margin-bottom:.5em}
.task_popup-letter-files{margin-top:.5em}
.task_popup-letter-subject{}
.task_popup-letter-sent{}
.task_popup-letter-body{margin-top:1em}
.task_popup.active{opacity:1; visibility:visible}
.task_popup.active .task_popup-outer{transform:translateX(0)}
.task_popup_urgent .task_popup-top{background:#fffaaff0}

.task-comments{padding:1em}
.task-comments-title{margin-bottom:.5em}
.task-comments-items-item{margin-top:.5em; padding:.75em 1em; background:#f9f9fe; border-radius:6px}
.task-comments-items-item-top{}
.task-comments-items-item-user{font-weight:700}
.task-comments-items-item-date{color:#999; font-style:italic}
.task-comments-items-item-content{margin-top:.5em}
.task-comments-form{max-width:640px; margin-top:.5em}

.letter{margin-top:-1em}
.letter-top{background:#fafafaf0; position:sticky; top:0; padding:12px calc(24px + 2em) 12px 12px; border-bottom:1px solid #ddd}
.letter-title{margin-bottom:.5em}
.letter-btns{margin-top:.5em; font-size:90%}
.letter-files{padding:1em}
.letter-body{padding:1em}
.letter.active{opacity:1; visibility:visible}
.letter.active .letter_popup-outer{transform:translateX(0)}
.letter_urgent .letter-top{background:#fffaaff0}

.task{margin-top:-1em}
.task-top{background:#fafafaf0; position:sticky; top:0; padding:12px calc(24px + 2em) 12px 12px; border-bottom:1px solid #ddd}
.task-title{margin-bottom:.5em}
.task-btns{margin-top:.5em; font-size:90%}
.task-body{padding:1em}
.task-body:empty{display:none}
.task-letter{padding:1em; background:#fcffef}
.task-letter-title{font-weight:700; font-size:150%; margin-bottom:.5em}
.task-letter-subject{}
.task-letter-sent{}
.task-letter-body{margin-top:1em}

.loader{visibility:hidden; opacity:0; transition-property:opacity, visibility; transition-duration:.1s; position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; background:rgba(255,255,255,.66)}
.loader:after{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:300px; height:200px; background:url(../img/loader.gif) no-repeat center / contain}
.loader.active{visibility:visible; opacity:1}

.auth{display:flex; min-height:100%; align-items:center; justify-content:center; padding:1em}
.auth-inner{width:100%; max-width:320px; margin:0 auto}
.auth-title{text-align:center; margin-bottom:.5em}

.input{appearance:none; -moz-appearance:none; -webkit-appearance:none; min-height:3em; outline:0; margin:0; border:2px solid #bacada; border-radius:6px; padding:.5em 1em; background:#fff; font-size:100%; line-height:1.33}
.input:hover, .input:focus{border-color:#f54b5e; box-shadow:0 2px 5px 0 rgba(0,0,0,.09)}
.input[disabled]{background:#efefef; border-color:#d5d5d5}
.input_error{border-color:#ff0522}
.input.full{width:100%}
textarea.input{height:auto; resize:none}
select.input{cursor:pointer}
.input_password{padding-right:3em}
.input_password-switch{position:absolute; top:0; right:0; height:100%; padding-left:3em; cursor:pointer; line-height:1}
.input_password-switch:after{content:attr(data-passwords-hide); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:120%}
.input_password-switch.active:after{content:attr(data-passwords-show)}

.button{display:inline-block; text-align:center; vertical-align:middle; position:relative; text-decoration:none!important; appearance:none; -webkit-appearance:none; -moz-appearance:none; border:2px solid transparent; border-radius:6px; font-size:100%; color:#fff!important; padding:.5em 1em; margin:0; cursor:pointer; background:#f54b5e; line-height:1.33}
.button:hover, .button:focus{background:#ff7e8c}
.button_blue{background:#6363df}
.button_blue:hover, .button_blue:focus{background:#7b7bfa}
.button_gray{background:#aaa}
.button_gray:hover, .button_gray:focus{background:#bbb}
.button_orange{background:#bec11b}
.button_orange:hover, .button_orange:focus{background:#d4d721}
.button[disabled]{opacity:.5; cursor:not-allowed}
.buttons{display:flex; flex-wrap:wrap; margin:-.25em}
.buttons > .button{margin:.25em}
.button.full{width:100%}

.form-field{margin:1em 0}
.form-field:first-child{margin-top:0}
.form-field:last-child{margin-bottom:0}
.form-field-title{margin-bottom:.5em; font-weight:700}
.form-field-input{position:relative}
.form-field-error{margin-top:.5em; font-size:86%; color:#f00}
.form-field-text{margin-top:.5em; font-size:86%}
.form-field_submit{text-align:center}
.form-field-error:empty{display:none}
.form-error, .form-message{padding:.5em 1em; margin-bottom:1em; color:#fff; border-radius:6px}
.form-error{background:#bf1616}
.form-message{background:#249e24}
.form-error:empty, .form-message:empty{display:none}
.form-field-phrases{font-size:86%; margin-top:.5em}
.form-field-phrases-item{border-bottom:1px dotted; cursor:pointer}
.form-field-url_gen{margin-top:5px; font-size:86%}
.form-field-url_gen-link{font-style:italic; color:#6868ff; border-bottom:1px dotted; cursor:pointer}
.form-field-url_active{margin-top:5px}

.form-fields{display:flex; flex-wrap:wrap; margin:-.5em; align-items:center}
.form-fields-item{margin:.5em}

.checkbox{vertical-align:middle}
.checkbox-label{margin:0; vertical-align:middle; cursor:pointer}

.area{display:flex; flex-wrap:wrap; width:100%; min-height:100%}
.area-aside{width:250px; background:#fafafa}
.area-main{width:calc(100% - 250px); border-left:1px solid #e6e6e6; padding:1em 0}
.area-main-inner{padding:0 1em}
.area-title{padding:0 1rem; margin-bottom:.5em}

.logo{padding:1em; border-bottom:1px solid #eaeaea}

.o_clock{padding:1em; border-bottom:1px solid #eaeaea; font-weight:700; font-size:125%; text-align:center}

.user{padding:1em; border-bottom:1px solid #eaeaea}
.user-account, .user-logout{}
.user-account{}
.user-logout{}

.nav{border-bottom:1px solid #eaeaea}
.nav-list, .nav-list-2{list-style:none}
.nav-list-2{display:none}
.nav-list-2.active{display:block}
.nav-list-item{}
.nav-list-item-link, .nav-list-2-item-link{display:block; color:#333!important; text-decoration:none!important; position:relative}
.nav-list-item-link{padding:1em; padding-right:2em}
.nav-list-item-arr{display:block; position:absolute; width:2em; height:2em; right:0; top:calc(50% - 1em); cursor:pointer}
.nav-list-item-arr:after{content:''; position:absolute; width:.5em; height:.5em; left:calc(50% - .25em); top:calc(50% - .25em); border-top:1px solid; border-right:1px solid; transform:rotate(45deg)}
.nav-list-item.active .nav-list-item-arr{transform:rotate(90deg)}
.nav-list-2-item-link{padding:.5em .5em .5em 2em}
.nav-list-item-link[href]:hover, .nav-list-item-link[href]:focus, .nav-list-item-link.active,
.nav-list-2-item-link[href]:hover, .nav-list-2-item-link[href]:focus, .nav-list-2-item-link.active{background:#e6e6e6}

.users{}
.users-top{padding:0 1em; margin-bottom:1em}
.users-add{padding:0 1em; margin-bottom:1em}
.users-head{display:flex; align-items:flex-end; width:100%; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#eaeaea}
.users-head .users-cell{}
.users-table{overflow-x:auto}
.users-items{}
.users-item{display:flex; align-items:center; width:100%; border-bottom:1px solid #e6e6e6}
.users-cell{padding:.25em .5em; overflow:hidden; /*text-overflow:ellipsis; white-space:nowrap*/}
.users-cell_id{flex:0 0 50px; text-align:right}
.users-cell_name{flex:0 0 200px}
.users-cell_login{flex:0 0 200px}
.users-cell_telegram{flex:0 0 100px}
.users-cell_active{flex:0 0 70px}
.users-cell_root{flex:0 0 70px}
.users-cell_action{flex:0 0 calc(.5em + .5em + 40px)}
.users-cell_action .action{visibility:hidden}
.users-item:hover .users-cell_action .action{visibility:visible}
.users-item:hover{background:#fafafa}
.users-item_new{background:#fbb8b8}

.filter{display:none; margin:1em -1em; padding:1em; background:#fcffef}
.filter.active{display:block}
.filter-message{margin-top:.5em}

.timing{}
.timing-item{background:#f9ffc5; padding:1em; cursor:pointer; border-bottom:1px solid #e6e6e6}
.timing-item:hover{background:#eef7a2}

.action{display:flex; flex-wrap:wrap; margin:-4px}
.action-btn{display:block; width:16px; height:16px; margin:4px; cursor:pointer}
.action-btn_edit{background:url(../img/edit.svg) no-repeat center / contain}
.action-btn_delete{background:url(../img/delete.svg) no-repeat center / contain}

.modal{position:fixed; z-index:9999; opacity:0; visibility:hidden; padding:1em; top:0; left:0; width:100%; height:100%; overflow-y:auto; background:rgba(0,0,0,.5); backdrop-filter:blur(5px); transition-property:opacity, visibility; transition-duration:.25s}
.modal-outer{display:flex; align-items:center; justify-content:center; width:100%; min-height:100%; transform:translateY(-100%); transition-property:transform; transition-duration:.25s}
.modal-inner{background:#fff; border-radius:10px; position:relative; margin-top:3em; box-shadow:0 0 25px rgba(0,0,0,.5); padding:1.5em; width:100%; max-width:640px}
.modal-x{position:absolute; color:#fff; top:-3em; left:50%; transform:translateX(-50%); width:2em; height:2em; display:block; cursor:pointer}
.modal-x:before, .modal-x:after{content:''; position:absolute; top:50%; margin-top:-1px; border-top:2px solid; width:100%}
.modal-x:before{transform:rotate(45deg)}
.modal-x:after{transform:rotate(135deg)}
.modal-title{font-weight:700; font-size:1.5em; margin-bottom:1em}
.modal-content{}
.modal.active{opacity:1; visibility:visible}
.modal.active .modal-outer{transform:translateY(0)}

#task_add.modal .modal-inner{max-width:640px}
#task_edit.modal .modal-inner{max-width:640px}

table.table_custom{width:100%}
table.table_custom td, table.table_custom th{padding:.5em; border:1px solid}

.nav_open{display:none; width:30px; position:fixed; z-index:998; top:15px; right:15px; background:#eaeaea; border-radius:3px; padding:2px 5px}

.coeff{font-size:inherit; border-collapse:separate; border-spacing:5px}

.form_production-bl{margin-bottom:10px}
.form_production-bl-title{margin-bottom:10px; font-weight:700}
.form_production-bl-title-link{border-bottom:1px dotted; /*color:#5560f5; */cursor:pointer}
.form_production-item{display:none}
.form_production-item.active{display:block}
.form_production-item-group{margin-bottom:15px}
.form_production-item-group-title{margin-bottom:5px; font-style:italic}
.form_production-item-group-list, .lbl-container{display:flex; flex-wrap:wrap; margin:-3px}
.form_production-item-check, .lbl-item{margin:3px; font-size:90%}
.form_production-item-check label, .lbl{cursor:pointer; padding:.4em .6em; border-radius:.4em; display:block; margin:0; background:#ebedff; color:#555; text-shadow:0 1px 1px #ccc}
.form_production-item-check input[type=checkbox], .lbl-check{position:absolute; opacity:0}
.form_production-item-check input[type=checkbox]:checked + label, .lbl-check:checked + .lbl{background:#5560f5; color:#fff; text-shadow:none}

.intro{display:flex; flex-wrap:wrap; width:100%; min-height:100%; align-items:center; justify-content:center}
.intro-item{display:flex; text-align:center; align-items:center; justify-content:center; padding:15px; border-radius:10px; min-height:125px; font-size:150%; font-weight:700; min-width:175px; margin:15px; text-decoration:none!important; color:inherit!important; background:#e2ffc8}
.intro-item:hover{background:#c2f991}

.form-field-images{display:flex; flex-wrap:wrap; margin:0 -5px 15px}
.form-field-images-item{padding:5px; text-decoration:none!important}
.form-field-images-item:hover .form-field-images-item-inner{border-color:#f54b5e}
.form-field-images-item:hover .form-field-images-item-action{visibility:visible}
.form-field-images-item-inner{display:block; padding:5px; border:2px solid #bacada; position:relative}
.form-field-images-item-action{visibility:hidden; position:absolute; top:0; right:0; display:flex; z-index:1; font-size:12px}
.form-field-images-item-action-delete{display:flex; margin:5px; width:15px; height:15px}
.form-field-images-item img{display:block; object-fit:cover; width:128px; height:128px}

.main{max-width:1440px; margin:0 auto}
.main-h1{font-size:250%; margin-bottom:1em}

.order{}
.order-pretitle{font-size:150%; font-weight:700; margin-bottom:1em}
.order-images{margin-bottom:2em}
.order-form-section{margin-bottom:1em}
.order-form-section-title{margin-bottom:.5em}
.order-form-size_custom{display:none; margin-top:1em}
.order-result{display:none; border:1px solid; border-radius:6px; padding:15px; background:#f6f6f6}
.order-result-title{font-size:150%; font-weight:700; margin-bottom:1em}
.order-result-text{margin-bottom:2em; white-space:pre-line}
.order-result-price_title{font-size:150%; font-weight:700; margin-bottom:1em}
.order-result-price{font-size:200%; font-weight:700}

.radio{display:flex; flex-wrap:wrap; margin:-3px}
.radio-item{margin:3px; font-size:90%}
.radio-item-label{cursor:pointer; padding:.4em .6em; border-radius:.4em; display:block; margin:0; background:#e3e5ff; color:#555; text-shadow:0 1px 1px #ccc}
.radio-item-input{position:absolute; opacity:0}
.radio-item-input:checked + .radio-item-label{background:#5560f5; color:#fff; text-shadow:none}

.cart{margin:0 0 50px}
.cart-item{display:flex; align-items:center; margin:-10px}
.cart-item-cell{padding:10px}
.cart-item-body{white-space:pre-line}
.cart-item-delete{color:#6363df; border-bottom:1px dotted; cursor:pointer}
.cart-item-delete:hover{border-bottom:0}
.cart-summ{margin-top:50px; font-size:150%; font-weight:700}

.personal{}
.personal-nav{}
.personal-nav-item{display:block; margin:5px 0}
.personal-nav-item.active{font-weight:700}
.personal-nav-item a{color:inherit; text-decoration:none}
.personal-nav-item a:hover{text-decoration:underline}
.personal-info{border:1px solid; padding:20px 20px 0; border-radius:20px; margin-bottom:20px}
.personal-info-section{margin-bottom:20px}
.personal-info-section-title{margin-bottom:5px}
.personal-info-section-value{margin:5px 0}
.personal-info-section-value_large{font-weight:700; font-size:150%}
.personal-info-section-edit{font-style:italic; margin-top:10px}
.personal-orders{}
.personal-orders-summ{margin-bottom:20px; font-weight:; font-size:125%}
.personal-orders-item{border:1px solid; padding:20px; border-radius:20px; margin-bottom:20px}
.personal-orders-item-id{}
.personal-orders-item-summ{}
.personal-orders-item-body{white-space:pre-line}
.personal-orders-item-text{white-space:pre-line; font-style:italic; margin-top:10px}
.personal-orders-item-cancel{margin-top:10px}
.personal-status{margin-bottom:20px}
.personal-status-item{margin-bottom:10px}
.personal-status-item-title{margin-bottom:5px; font-weight:700}
.personal-cards{}
.personal-cards-add{margin-bottom:20px}
.personal-cards-item{margin-bottom:20px}
.personal-cards-item-name{font-size:125%; font-weight:700; margin-bottom:10px}
.personal-cards-item-action{}
.personal-cards-item-action-item{margin-bottom:5px}
.personal-cards-item-action-item-link{}

.alerts{padding:1em; border-bottom:1px solid #eaeaea}
.alerts-title{margin:1em 0; font-weight:700}
.alerts-item{margin:.5em 0}
.alerts-item-value{display:inline-block; vertical-align:middle; min-width:24px; line-height:24px; text-align:center; border-radius:12px; background-color:#e6e6e6; text-decoration:none!important; color:inherit}
.alerts-item-value_new{animation:alerts_new 2s linear infinite}

.grecaptcha-badge{display:none}

@media (max-width:1439px)
{
	.tasks-cell_name{flex:1}
	.tasks-cell_content{display:none}
	
	.area-aside{width:200px}
	.area-main{width:calc(100% - 200px)}
	
	.o_clock{font-size:110%}
}

@media (max-width:1199px)
{
	
}

@media (max-width:991px)
{
	.nav_open{display:block}
	.nav_open-line{display:block; border-top:2px solid; margin:4px 0}
	
	.area-aside{width:100%; height:100%; position:fixed; top:0; left:0; opacity:0; visibility:hidden; z-index:999; background:rgba(0,0,0,.5); overflow-y:auto; transition-property:visibility, opacity; transition-duration:.5s}
	.area-aside-inner{width:100%; max-width:250px; background:#fafafa; min-height:100%; transform:translateX(-100%); transition-property:transform; transition-duration:.5s}
	.area-aside.active{opacity:1; visibility:visible}
	.area-aside.active .area-aside-inner{transform:translateX(0)}
	
	.area-main{width:100%}
}

@media (max-width:767px)
{
	.letters-cell_id, .tasks-cell_id, .tasks-cell_user{display:none}
	
	.letter_popup-outer, .task_popup-outer{margin-left:0; margin-top:3em; min-height:calc(100% - 3em); transform:translateY(-100%)}
	.letter_popup.active .letter_popup-outer, .task_popup.active .task_popup-outer{transform:translateY(0)}
	.letter_popup-x, .task_popup-x{top:-3em; left:calc(50% - 2em)}
	.letter_popup-top, .task_popup-top{position:relative}
}

@media (max-width:639px)
{
	
}

@media (max-width:575px)
{
	
}

@media (max-width:479px)
{
	.letters-cell_sent, .tasks-cell_deadline{display:none}
}

@media (max-width:414px)
{
	
}

@media (max-width:374px)
{
	
}