@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');


/*bazovie nastroiki*/
html {scroll-behavior: smooth; height: 100%;}
body {font-family: 'Roboto';background: #fcfcfc;color: #1d1d1d;height: 100%;display: flex;flex-direction: column;}
* {margin: 0px;padding: 0px;}
p {font-size: 18px;margin: 0 0 22px 0;line-height: 144%;}
@media (min-width: 482px) and (max-width: 768px) {p {font-size: 17px;margin: 0 0 19px;}}
@media (min-width: 426px) and (max-width: 481px) {p {font-size: calc(3vw + 4px);}}
@media screen and (max-width: 425px) {p {font-size: 4.5vw;margin: 0 0 18px;}}
a {text-decoration: underline;color: #1d1d1d;}
a:hover {text-decoration: none;}
input, textarea, button {outline: none; resize: none; border: none; font-family: 'Roboto'; font-weight: 400; font-size: 16px;}
select {border: none; font-family: 'Roboto'; font-weight: 400; font-size: 16px;}
.input-style {border: 1px solid #b4d3ea; height: 50px; border-radius: 12px; padding: 0 18px; box-sizing: border-box;}
.select-style {border: 1px solid #b4d3ea; height: 50px; border-radius: 12px; padding: 0 16px; box-sizing: border-box; outline: none; cursor: pointer;}
.textarea-style {border: 1px solid #b4d3ea; border-radius: 12px; padding: 7px 7px; box-sizing: border-box; outline: none;}
.checkbox-style {display: flex; align-items: center; cursor: pointer;}
.checkbox-styleinp {-webkit-appearance: none;-moz-appearance: none;width: 22px;height: 22px;border: 1px solid #b4d3ea;border-radius: 6px;position:relative;cursor: pointer;margin: 0 9px 0 0;}
.checkbox-styleinp:after {content: '';position: absolute;display: block;width: calc(100% - 6px);height: calc(100% - 6px);border-radius: 4px;background: #007cc1e6;opacity: 0;transform: translate(-50%, -50%);left: 50%;top: 50%;}
.checkbox-styleinp:checked:after {opacity: 1;}
.checkbox-styleinp:checked+span {font-weight: 500;}
.svgicon {fill: #b4d3ea; cursor: pointer; display: block;}
.svgicon:hover {fill:#007cc1;}
/*bazovie nastroiki end*/


/* coment */
.coment {background: #fff;border-radius: 13px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);padding: 26px 36px;color: #0e0e0e;position: relative;font-size: 20px;}
.coment__author {position: absolute; font-size: 15px; right: 20px; bottom: 10px; color: #989898; font-weight: 400;}
@media screen and (max-width: 481px) {.coment {padding: 26px 24px;}}
/* coment end */


/* list */
ul li, ol li {list-style: none;}
.stand-ul {margin: 0 0 40px 0;font-size: 18px;}
.stand-ul li {position: relative;padding: 0 0 0 25px;}
.stand-ul li:not(:last-child) {margin: 0 0 12px 0;}
.stand-ul li:before {content:'';width: 6px;height: 6px;top: 7px;left: 1px;position: absolute;background: #000;border-radius: 7px;}
@media screen and (max-width: 481px) {.stand-ul li:before {top: 8px;}}
@media (min-width: 482px) and (max-width: 768px) {.stand-ul ul {font-size: 17px;}}
@media (min-width: 426px) and (max-width: 481px) {.stand-ul ul {font-size: calc(3vw + 4px);}}
@media screen and (max-width: 425px) {.stand-ul ul {font-size: 4.5vw;}}
.stand-ol {margin: 0 0 40px 0;}
.stand-ol li {position: relative;padding: 0 0 0 27px;counter-increment: cntr;}
.stand-ol li:not(:last-child) {margin: 0 0 15px 0;}
.stand-ol li:before {content: counter(cntr)'.';left: 0px;position: absolute;font-size: 18px;font-weight: 600;}
@media screen and (max-width: 481px) {.stand-ol li:before {font-size: 4vw;}}
/* list end */


/*zagalovki*/
h1,h2,h3,h4,.h1,.h2,.h3,.h4 {font-family: 'Roboto';font-weight: 500;}
h1, .h1 {font-size: 37px;margin: 0px 0 20px;}
h2, .h2 {font-size: 31px;margin: 47px 0 27px;}
h3, .h3 {font-size: 28px;margin: 42px 0 28px;}
h4, .h4 {font-size: 22px;margin: 36px 0 21px;}

@media (min-width: 993px) and (max-width: 1160px) {
h1, .h1 { }
h2, .h2 { }
h3, .h3 { }
h4, .h4 { }
}
@media (min-width: 769px) and (max-width: 992px) {
h1, .h1 { }
h2, .h2 { }
h3, .h3 { }
h4, .h4 { }
}
@media (min-width: 482px) and (max-width: 768px) {
h1, .h1 {font-size: 28px;margin: 0 0 33px;}
h2, .h2 {font-size: 32px;margin: 46px 0 27px;}
h3, .h3 {margin: 36px 0 24px;}
h4, .h4 { }
}
@media screen and (max-width: 481px) {
h1, .h1 {font-size: 7vw;margin: 0px 0 32px;}
h2, .h2 {font-size: calc(7vw - 2px);margin: 36px 0 22px;}
h3, .h3 {font-size: calc(7vw - 7px);margin: 37px 0px 20px;}
h4, .h4 {font-size: calc(7vw - 7px);margin: 30px 0 18px;}
}
@media screen and (max-width: 320px) {
h1, .h1 { }
h2, .h2 { }
h3, .h3 { }
h4, .h4 { }
}
/*zagalovki end*/


/* swiper */
.swiper-container {overflow: hidden;}
.swiper-wrapper {display: flex;}
.swiper-slide {flex-shrink: 0;}
/* swiper end */


/* indents */
.container-margin {width: 1100px; margin-right: auto; margin-left: auto;}
.container {padding-right: calc(50vw - 600px);padding-left: calc(50vw - 600px);padding-top: 130px;padding-bottom: 70px;}
.soderjimoe {margin-bottom: 77px;}
.modulmargin {margin-bottom: 77px;}
.modulpading {padding-bottom: 77px;}
.main {flex: auto;}

@media (min-width: 993px) and (max-width: 1240px) {
.container-margin {width: 100%; padding-right: 20px; padding-left: 20px;box-sizing: border-box;margin-right: 0px; margin-left: 0px;}
.container {margin-right: 0px;margin-left: 0px;padding-right:20px;padding-left:20px;}
}
@media (min-width: 769px) and (max-width: 992px) {
.container-margin {width: 100%; padding-right: 20px; padding-left: 20px;box-sizing: border-box;margin-right: 0px; margin-left: 0px;}
.container {margin-right: 0px;margin-left: 0px;padding-right:20px;padding-left:20px;}
}
@media (min-width: 482px) and (max-width: 768px) {
.container-margin {width: 100%; padding-right: 20px; padding-left: 20px;box-sizing: border-box;margin-right: 0px; margin-left: 0px;}
.container {margin-right: 0px;margin-left: 0px;padding-right:20px;padding-left:20px;}
.soderjimoe {margin-bottom: 70px;}
.modulmargin {margin-bottom: 70px;}
.modulpading {padding-bottom: 70px;}
}
@media screen and (max-width: 481px) {
.container-margin {width: 100%; padding-right: 20px; padding-left: 20px;box-sizing: border-box;margin-right: 0px; margin-left: 0px;}
.container {margin-right: 0px;margin-left: 0px;padding-right: 16px;padding-left: 16px;}
.soderjimoe {margin-bottom: 70px;}
.modulmargin {margin-bottom: 70px;}
.modulpading {padding-bottom: 70px;}
}
@media screen and (max-width: 320px) {
.soderjimoe {margin-bottom: 60px;}
}
/* indents end */


/* buttons */
.button-blue {background: #007cc1;border-radius: 12px;color: #fff;height: 50px;padding: 0 33px;font-weight: 500;cursor:pointer;transition:0.2s;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;}
.button-blue:hover {background: #049bef;}
.button-red {background: #dd0404;border-radius: 12px;color: #fff;height: 50px;padding: 0 33px;font-weight: 500;cursor:pointer;transition:0.2s;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;}
.button-red:hover {background: #ff0000;}
/* buttons end */


/* header  */
.header {border-bottom: 1px solid #bababa; border-top: 1px solid #bababa; height: 80px; display: flex; align-items: center; justify-content: space-between; background: #fff; position: fixed; width: 100%; top: 0px; z-index: 3;}
.header__menubut {display: flex; align-items: center; padding: 0px 17px; cursor: pointer; height: 100%; border-right: 1px solid #bababa; background: #ffffff;}
.header__menubut:hover {background: #e8f7ff}
.header__menu-icon {width: 48px;}
.header__zag {font-size: 39px; text-transform: uppercase; font-weight: 500; letter-spacing: 2px;}
.header__vhod {position: relative; border-left: 1px solid #bababa; height: 100%; padding: 0 24px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
.header__name {margin: 0 0 3px;font-size: 20px;}
.header__status {font-size: 15px; color: #b1b1b1;}
.header__vihod {position: absolute;width: calc(100% + 2px);height: 40px;top: 100%;border: 1px solid #bababa;border-right: 0px;left: -1px;display: flex;display: none;align-items: center;justify-content: center;border-radius: 0 0 0 16px;cursor: pointer;background: #fff;transition: 0.2s;padding: 0 24px;box-sizing: border-box;}
.header__vihod:hover {color:#3b96c4; background: #e8f7ff}

@media (min-width: 769px) and (max-width: 992px) {
.header__zag {font-size: 38px;}
}
@media screen and (max-width: 768px) {
.header {height: 60px;}
.header__menubut {padding: 0 10px;}
.header__menu-icon {width: 40px;}
.header__zag {font-size: 22px;}
.header__vhod {padding: 0 14px;}
.header__name {font-size: 18px;}
.header__status {font-size: 14px;}
.header__vihod { }
}
@media screen and (max-width: 480px) {
.header__zag {font-size: 19px;}
}
@media screen and (max-width: 320px) {
.header__zag {font-size: 16px;}
}
/* header  end */


/* menu  */
.menu {background: #ffffff;position: fixed;left: 0px;top: 0px;height: 100%;border-top: 1px solid #bababa;border-right: 1px solid #bababa;z-index: 5;overflow: auto;transition: 0.2s;}
.menu__punkt {display: flex;align-items: center;height: 80px;padding: 0px 17px;text-decoration: none;border-bottom: 1px solid #bababa;cursor: pointer;}
.menu__punkt:not(.menu__punkt-active):hover {background: #f2fbff;}
.menu__punkt-active {background: #e8f7ff}
.menu__punkt-active .menu__icon {fill: #007cc1;}
.menu__icon {width: 48px;transition: 0.2s;fill: #2a2a2a;}
.menu__name {margin: 0px; font-size: 0px; transition: 0.2s;}
.menu-active .menu__icon {width: 36px;}
.menu-active .menu__name {margin: 0 22px 0 19px; font-size: 17px;}

@media screen and (max-width: 1360px) {
.menu {left:-85px;}
}
@media (min-width: 482px) and (max-width: 768px) {
.menu__punkt {height: 60px;}
}
@media screen and (max-width: 481px) {
.menu__punkt {height: 60px;}
}
/* menu  end */


/* footer  */
.footer {background: #0c291a; padding-top: 10px; padding-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: space-between; color: #e1e1e1;}
/* footer  end */


/* panel  */
.panel {background: #ffffff; position: -webkit-sticky; position: sticky; left: 0px; bottom: 0px; border-top: 1px solid #bababa; z-index: 4; display: none; width: 100%;}
.panel__punkt {height: 52px; display: flex; flex: auto; justify-content: center; border-right: 1px solid #bababa;}
.panel__punkt:last-child {border:none;}
.panel__punkt-active {background: #e8f7ff;}
.panel__icon {width: 30px;}
.panel__punkt-active .panel__icon {fill: #3b96c4;}

@media screen and (max-width: 481px) {
.panel {display: flex;}
}
/* panel  end */


/* vhod  */
.vhod {max-width: 240px; display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 0 auto;}
.vhod__zag {font-size: 25px; font-weight: 500; margin: 0 0 14px;}
.vhod__login {}
.vhod__input {margin: 0 0 10px; width: 100%;}
.vhod__pass {margin: 0 0 15px;}
.vhod__but {width: 100%; box-sizing: border-box;}
/* vhod  end */


/* tblusr  */
.tblusr {border-collapse: collapse; border-radius: 10px 10px 0 0; display: inline-block; overflow: auto;}
.tblusr__tr-zag {background: #e8f7ff; font-size: 17px; border-bottom: 1px solid #007cc157;}
.tblusr__tr {background: #fff; border-bottom: 1px solid #007cc157;}
.tblusr__th, .tblusr__td {padding: 11px 16px;}
.tblusr__th {text-align: center; font-weight: 600;}
.tblusr__td {}
.tblusr__td-cntr {text-align: center;}
.tblusr__buts {display: flex; align-items: center; justify-content: center;}
.add {padding: 20px 10px 27px;position: relative;}
.add__delet {position: absolute; right: 4px; top: 5px; fill: #007cc1;}
.add__zag {font-size: 18px; font-weight: 500; text-align: center; margin: 0 0 16px;}
.add__box {display: flex; align-items: center; margin: 0 0 7px;}
.add__data {flex: auto;margin: 0 12px 0 0;width: 100px;flex-shrink: 0;}
.add__data-valid {color:red;}
.add__checkcontainer {height: 40px; width: 100%; display: flex; align-items: center;}
.add__input {height: 40px; width: 100%;}
.add__select {height: 40px; width: 100%;}
.add__but {margin: 18px auto 0; display: flex; max-width: 100px; height: 44px;}
.plus {background: #e8f7ff; height: 40px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; cursor: pointer; transition: 0.2s; user-select: none;}
.plus:hover {background: #d5effd;}
.plus__icon {width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; font-size: 25px; color: #007cc1; font-weight: 400;}
.add__column2 {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0px 26px;}
.add__checkbox {margin: 0 30px 0 0;}

@media screen and (max-width: 481px) {
.tblusr__th, .tblusr__td {font-size: 14px;}
.add__data {font-size: 15px; width: 89px;}
.add__but {font-size: 16px;}
}
/* tblusr  end */


/* tblzkz  */
.tblzkz {border-collapse: collapse;border-radius: 10px 10px 0 0;display: inline-block;overflow: auto;margin: 0 0 40px;}
.tblzkz__tr-zag {background: #e8f7ff; font-size: 17px; border-bottom: 1px solid #007cc157;}
.tblzkz__tr {background: #fff; border-bottom: 1px solid #007cc157;}
.tblzkz__th, .tblzkz__td {padding: 11px 8px;}
.tblzkz__th {text-align: center; font-weight: 600; font-size: 16px; white-space: nowrap;}
.tblzkz__td {font-size: 15px;}
.tblzkz__td-npdg {padding: 0px;}
.tblzkz__td-cntr {text-align: center;}
.tblzkz__td-txar {position: relative; text-align: center;}
.tblzkz__td-klnt {width: 480px;}
.tblzkz__th-del {display:none;}
.tblzkz__th-data {display:none; white-space: nowrap;}
.tblzkz__texar {width: 100%; height: 100%; text-align: center; padding: 0px; border: none; font-size: 15px; display: block;}
.tblzkz__klntbox {}
.tblzkz__cmntbox {}
.tblzkz__td-spst {color: #b8b8b8;}
.tblzkz__td-cmnt {width: 240px;}
.tblzkz__td-del {display:none;}
.tblzkz__select {height: 40px;padding: 0 8px;font-size: 15px;padding: 0px;text-align: center;color: #000;opacity: 1;width: -webkit-fill-available;}
.tblzkz__change {display: flex; align-items: center; justify-content: center; position: absolute; right: 6px; transform: translateY(-50%); top: 50%; background: #e8f7ff; width: 36px; height: 36px; padding: 7px; box-sizing: border-box; border-radius: 10px; opacity: 0; visibility: hidden; transition: 0.2s;}
.tblzkz__td-txar:hover .tblzkz__change {opacity: 0.7; visibility: visible;}
.tblzkz__change:hover {opacity: 1 !important; visibility: visible !important;}
.tblzkz__change-pen {}
.tblzkz__change-save {display: none;}
.tblzkz__switch {}
.tblzkz__select[data-oplbr="none"] {opacity: 0.4;}
/*.tblzkz__select[data-oplbr="red"] {border-color: #ff8d8d;background: #ff8d8d59;}*/
.tblzkz__select[data-oplbr="red"] {border-color: #440000;background: #ff0000;}
.tblzkz__select[data-oplbr="green"] {border-color: #00bf1a;background: #00bf1a66;}
.tblzkz__but {height: 40px; padding: 0 14px; font-size: 15px;}
.tblzkz__but-no {opacity: 0.7;}
.tblzkz__but-no:hover {background:#007cc1;}
.tblzkz__timer-finish {animation: movefour 4s infinite; position: relative; z-index: 10;}
.tblzkz__timer-finish textarea {background: none;}
.tblzkz__timer-finish:hover {transform:none !important;}
@keyframes movefour {0%, 20%, 40%, 100% {transform:none;box-shadow:none;background:#fff;}
5%,25% {transform: rotate(-1deg) scale(1.01); box-shadow: 0px 3px 6px 1px #00000059;background:#ff8d8d;}
10%,30% {transform: rotate(1deg) scale(1.01); box-shadow: 0px 3px 6px 1px #00000059;background:#fff;}
15%,35% {transform: rotate(-1deg) scale(1.01); box-shadow: 0px 3px 6px 1px #00000059;background:#ff8d8d;}
}

@media (min-width: 993px) and (max-width: 1160px) {
.tblzkz { }
.tblzkz__tr-zag { }
.tblzkz__tr { }
.tblzkz__th, .tblzkz__td { }
.tblzkz__th { }
.tblzkz__td { }
.tblzkz__td-npdg { }
.tblzkz__td-cntr { }
.tblzkz__td-txar { }
.tblzkz__td-klnt { }
.tblzkz__th-del { }
.tblzkz__th-data { }
.tblzkz__texar { }
.tblzkz__klntbox { }
.tblzkz__cmntbox { }
.tblzkz__td-spst { }
.tblzkz__td-cmnt { }
.tblzkz__td-del { }
.tblzkz__select { }
.tblzkz__change { }
.tblzkz__td-txar:hover .tblzkz__change { }
.tblzkz__change:hover { }
.tblzkz__change-pen { }
.tblzkz__change-save { }
.tblzkz__switch { }
.tblzkz__select[data-oplbr="none"] { }
.tblzkz__select[data-oplbr="red"] { }
.tblzkz__select[data-oplbr="green"] { }
.tblzkz__but { }
.tblzkz__but-no { }
.tblzkz__but-no:hover { }
}
@media (min-width: 769px) and (max-width: 992px) {
.tblzkz { }
.tblzkz__tr-zag { }
.tblzkz__tr { }
.tblzkz__th, .tblzkz__td { }
.tblzkz__th { }
.tblzkz__td { }
.tblzkz__td-npdg { }
.tblzkz__td-cntr { }
.tblzkz__td-txar { }
.tblzkz__td-klnt { }
.tblzkz__th-del { }
.tblzkz__th-data { }
.tblzkz__texar { }
.tblzkz__klntbox { }
.tblzkz__cmntbox { }
.tblzkz__td-spst { }
.tblzkz__td-cmnt { }
.tblzkz__td-del { }
.tblzkz__select { }
.tblzkz__change { }
.tblzkz__td-txar:hover .tblzkz__change { }
.tblzkz__change:hover { }
.tblzkz__change-pen { }
.tblzkz__change-save { }
.tblzkz__switch { }
.tblzkz__select[data-oplbr="none"] { }
.tblzkz__select[data-oplbr="red"] { }
.tblzkz__select[data-oplbr="green"] { }
.tblzkz__but { }
.tblzkz__but-no { }
.tblzkz__but-no:hover { }
}
@media (min-width: 482px) and (max-width: 768px) {
.tblzkz { }
.tblzkz__tr-zag { }
.tblzkz__tr { }
.tblzkz__th, .tblzkz__td { }
.tblzkz__th { }
.tblzkz__td { }
.tblzkz__td-npdg { }
.tblzkz__td-cntr { }
.tblzkz__td-txar { }
.tblzkz__td-klnt { }
.tblzkz__th-del { }
.tblzkz__th-data { }
.tblzkz__texar { }
.tblzkz__klntbox { }
.tblzkz__cmntbox { }
.tblzkz__td-spst { }
.tblzkz__td-cmnt { }
.tblzkz__td-del { }
.tblzkz__select { }
.tblzkz__change { }
.tblzkz__td-txar:hover .tblzkz__change { }
.tblzkz__change:hover { }
.tblzkz__change-pen { }
.tblzkz__change-save { }
.tblzkz__switch { }
.tblzkz__select[data-oplbr="none"] { }
.tblzkz__select[data-oplbr="red"] { }
.tblzkz__select[data-oplbr="green"] { }
.tblzkz__but { }
.tblzkz__but-no { }
.tblzkz__but-no:hover { }
}
@media screen and (max-width: 481px) {
.tblzkz {width: 100%;}
.tblzkz tbody {width: 100%;display: block;}
.tblzkz__tr-zag {
    width: 100%;
    display: block;
    text-align: center;
    padding: 9px 0;
    font-weight: 600;
}
.tblzkz__tr-zag:before {content:'Заказы';}
.tblzkz__tr {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 11px;padding: 14px 18px;width: 100%;box-sizing: border-box;}
.tblzkz__tr.js-bef {
    grid-template-columns: 1fr;
}
.tblzkz__th, .tblzkz__td {padding: 0px;}
.tblzkz__th {display: none !important;}
.tblzkz__td {}
.tblzkz__tr:not(.js-bef) .tblzkz__td:nth-child(1) {display: none;}
.tblzkz__tr .tblzkz__td:nth-child(2) { }
.tblzkz__td-switch {grid-column-start: 1;grid-column-end: 3;}
.tblzkz__td-data {grid-column-start: 1;grid-column-end: 3;}
.tblzkz__td-data:before {content:'Дата убытия: ';font-weight: 600;}
.tblzkz__tr .tblzkz__td:nth-child(4) { }
.tblzkz__tr .tblzkz__td:nth-child(5) { }
.tblzkz__tr .tblzkz__td:nth-child(6) { }
.tblzkz__tr .tblzkz__td:nth-child(7) { }
.tblzkz__td-npdg { }
.tblzkz__td-cntr { }
.tblzkz__td-txar {grid-column-start: 1;grid-column-end: 3;width: 100%;}
.tblzkz__td-klnt {
}
.tblzkz__th-del { }
.tblzkz__th-data { }
.tblzkz__texar {font-size: 14px;}
.tblzkz__klntbox {height: 52px;}
.tblzkz__cmntbox { }
.tblzkz__td-spst {grid-column-start: 1;grid-column-end: 3;}
.tblzkz__td-cmnt { }
.tblzkz__td-del { }
.tblzkz__select {width: 100%;height: 34px;}
.tblzkz__change { }
.tblzkz__td-txar:hover .tblzkz__change { }
.tblzkz__change:hover { }
.tblzkz__change-pen { }
.tblzkz__change-save { }
.tblzkz__switch { }
.tblzkz__switch .switch__punkt-label {
    width: 100%;
    text-align: center;
    display: block;
}
.tblzkz__switch .switch__punkt-text {}
.tblzkz__switch .switch__punkt-label input { }
.tblzkz__switch .switch__punkt-label input:checked + .switch__punkt-text { }
    
.tblzkz__select[data-oplbr="none"] { }
.tblzkz__select[data-oplbr="red"] { }
.tblzkz__select[data-oplbr="green"] { }
.tblzkz__but {width: 100%;box-sizing: border-box;padding: 0px;height: 36px;}
.tblzkz__but-no { }
.tblzkz__but-no:hover { }
}
@media screen and (max-width: 320px) {
.tblzkz { }
.tblzkz__tr-zag { }
.tblzkz__tr { }
.tblzkz__th, .tblzkz__td { }
.tblzkz__th { }
.tblzkz__td { }
.tblzkz__td-npdg { }
.tblzkz__td-cntr { }
.tblzkz__td-txar { }
.tblzkz__td-klnt { }
.tblzkz__th-del { }
.tblzkz__th-data { }
.tblzkz__texar { }
.tblzkz__klntbox { }
.tblzkz__cmntbox { }
.tblzkz__td-spst { }
.tblzkz__td-cmnt { }
.tblzkz__td-del { }
.tblzkz__select { }
.tblzkz__change { }
.tblzkz__td-txar:hover .tblzkz__change { }
.tblzkz__change:hover { }
.tblzkz__change-pen { }
.tblzkz__change-save { }
.tblzkz__switch { }
.tblzkz__select[data-oplbr="none"] { }
.tblzkz__select[data-oplbr="red"] { }
.tblzkz__select[data-oplbr="green"] { }
.tblzkz__but { }
.tblzkz__but-no { }
.tblzkz__but-no:hover { }
}
/* tblzkz  end */


/* switch  */
.switch {display: flex;align-items: center;font-size: 14px;background: #e8f7ff;border-radius: 8px;overflow: hidden;}
.switch__punkt-text {padding: 6px 7px;cursor: pointer;color: #d1d1d1;}
.switch__punkt-label input {-webkit-appearance: none;-moz-appearance: none;display: block;height: 0px;width: 0px;padding: 0px;margin: 0px;}
.switch__punkt-label input:checked + .switch__punkt-text {background: #007cc1;color: #fff;cursor: default;}
/* switch  end */


/* del__but  */
.del__but {color: #a5a5a5; text-decoration: underline; text-align: right; font-size: 15px; cursor: pointer;}
.del__but:hover {text-decoration: none;}
/* del__but  end */


/* filter  */
.filter {display: flex; align-items: center; margin: 0 0 60px; background: #ffffff; border: 1px solid #007cc157; border-radius: 17px; padding: 10px 10px; grid-gap: 18px;}
.filter__input {height: 44px;}
.filter__search {}
.filter__box {display: flex; align-items: center; grid-gap: 10px;}
.filter__text {}
.filter__date {cursor: pointer;}
.filter__but {height: 44px;}
.filter__sbros {margin: 0 0 0 auto;}
.filter__prim {}

@media (min-width: 891px) and (max-width: 1000px) {
.filter__search {width: 150px;}
.filter__date {width: 149px;}
.filter__but {padding: 0 16px;}
}
@media screen and (max-width: 890px) {
.filter {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px;}
.filter__search {grid-column-start: 1; grid-column-end: 3;}
.filter__box {grid-column-start: 1; grid-column-end: 3; justify-content: center;}
.filter__but {margin: 0px; padding: 0px; width: 100%;}
}
/* filter  end */


/* tblhst  */
.tblhst {border-collapse: collapse;border-radius: 10px 10px 0 0;display: inline-block;overflow: auto;margin: 0 0 40px;max-width: 100%;}
.tblhst__tr-zag {background: #e8f7ff; font-size: 17px; border-bottom: 1px solid #007cc157;}
.tblhst__tr {background: #fff; border-bottom: 1px solid #007cc157;}
.tblhst__th, .tblhst__td {padding: 11px 11px;}
.tblhst__th {text-align: center; font-weight: 600; font-size: 16px; white-space: nowrap;}
.tblhst__td {font-size: 15px;}
.tblhst__td-klient {font-size: 14px;}
.tblhst__td span {font-weight: 600;}
.tblhst__td-cntr {text-align: center;}
.tblhst__td-mwrp {white-space: nowrap;}
.tblhst__arrow {fill: #007cc1;}
.tblhst__tr-data {background: #e8f7ff;}
.tblhst__tr-data td {font-size: 16px; text-align: center; font-weight: 700;}
.tblhst__but {background: #e8f7ff; height: 40px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; cursor: pointer; transition: 0.2s; user-select: none; font-size: 15px; font-weight: 700; color: #6a9fbc;}
.tblhst__but:hover {background: #d5effd; color:#007cc1;}
.tblhst__tr-pred {}

@media screen and (max-width: 600px) {
.tblhst__tr-zag {display: none;}
.tblhst__tr {display: flex; flex-direction: column; padding: 13px 21px; grid-gap: 10px;}
.tblhst__th, .tblhst__td {padding: 0;}
.tblhst__tr:not(.tblhst__tr-pred, .tblhst__tr-data) .tblhst__td:nth-child(1) {display: none;}
.tblhst__td:nth-child(2):before {content:'Событие: ';}
.tblhst__td:nth-child(3):before {content: 'Пользователь: ';}
.tblhst__td:nth-child(4):before {content: 'Заказ: ';}
.tblhst__td:nth-child(5):before {content: 'Начальное состояние: ';}
.tblhst__td:nth-child(6) {text-align: center;}
.tblhst__td:nth-child(7):before {content: 'Измененное состояние: ';}
.tblhst__td:nth-child(8):before {content: 'Дата и время: ';}
.tblhst__td:before {font-weight: 600;}
.tblhst__td-klient {font-size: 15px;}
.tblhst__td-cntr {text-align: left;}
.tblhst__arrow {display: inline-block; transform: rotate(90deg);}
}
/* tblhst  end */

/* timer  */
.timer {position: relative;}
.timer__icon-box {}
.timer__icon {}
.timer__icon-active {fill: #000000;background: #ff0000;border-radius: 60px;}
.timer__box {position: absolute; top: 110%; right: -21px; background: #fff; z-index: 10; padding: 20px 20px; border-radius: 14px; border: 1px solid #b4d3ea; display: none; grid-gap: 6px;flex-direction: column;}
.timer__input {width: 100%; height: 40px;box-sizing: border-box;}
.timer__but {width: 100%; height: 40px; box-sizing: border-box;}
.timer__but.js-sbros {display: none;}
/* timer  end */