.popup-background{top:0;left:0;width:100%;height:100%;z-index:60;background:black;position:fixed;-webkit-transition:0.4s ease;transition:0.4s ease;visibility:hidden;opacity:0}.popup-background.active{visibility:visible;opacity:0.5}.popup{top:0;right:0;bottom:0;left:0;margin:auto;z-index:123;background:#F8F8F8;position:fixed;width:1260px;height:740px;border-radius:10px;padding:45px 20px 30px;-webkit-transition:0.5s ease;transition:0.5s ease;visibility:hidden;-webkit-transform:translateY(80px);transform:translateY(80px);opacity:0}.popup.active{visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.popup__title{width:100%;position:absolute;left:0;top:15px;text-align:center;color:#A4A4A4}.popup__container{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.popup__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.popup__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-bottom:20px;margin-bottom:25px;border-bottom:2px solid #FFFFFF}.popup__main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-bottom:20px;margin-bottom:25px;border-bottom:2px solid #FFFFFF}.popup__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.popup__buttons .button{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:120px}.popup__close{cursor:pointer}.popup__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.popup__tables{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.popup__footer{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.popup__button-add{margin-top:8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;background:#E9E9E9;font-weight:300}.popup__button-add img{width:10px}.popup__search{margin-bottom:5px}.popup__search .input{height:40px}.popup .not-enough{border:1px solid #EB652B}.popup__elements{width:100%;display:-ms-grid;display:grid;-ms-grid-columns:1fr 5px 1fr 5px 1fr 5px 1fr;grid-template-columns:1fr 1fr 1fr 1fr;gap:5px}.popup__elements .button{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px;height:auto;padding:15px 20px}.popup__elements .button.active{background:#ECECEE;color:#2B2B2B}.popup__elements .button.active .checkbox{border-color:#cfcfcf}.popup__elements .button.active .checkbox.active{border-color:#ECECEE}.popup__elements .button .span{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.popup-outbound-order-views{height:990px;height:790px;width:90%}.outboun-orders__grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr;grid-template-columns:repeat(5,1fr);gap:15px 10px}.outboun-orders__grid.scrolled{max-height:830px;max-height:630px}.outboun-orders-element{padding:30px 20px;background:white;border-radius:10px;height:400px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.outboun-orders-element__title{padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:10px;border-bottom:2px solid #f8f8f8}.outboun-orders-element__title .h3{font-size:21px}.outboun-orders-element__title p:nth-child(2){padding:5px 10px;background:#ea662c;color:white;border-radius:6px}.outboun-orders-element__contents{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%}.outboun-orders-element__contents span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.outboun-orders-element__contents .scrolled{max-height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:2px}.outboun-orders-element__contents .scrolled::-webkit-scrollbar-thumb{background:#cfcfcf}.outboun-orders-element__contents .scrolled::-webkit-scrollbar-track{background:white}.outboun-orders-element__contents .scrolled p{padding:0 10px;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #e9e9e9;border-radius:6px}.outboun-orders-element__content{padding:20px 0}.outboun-orders-element__content .h5{font-size:17px}.outboun-orders-element__mincemeat{padding:20px 0;border-top:2px solid #f8f8f8;border-bottom:2px solid #f8f8f8}.outboun-orders-element__contents{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px}.outboun-orders-element__items{height:75px;margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2px}.outboun-orders-item{height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:7px;padding:0 9px;background:#e9e9e9;background:#ea662c;background:#cfcfcf;color:white}.outboun-orders-item.acitve{background:#ea662c}.outbound-create-points .popup__body{display:-ms-grid;display:grid;-ms-grid-columns:200px 20px 1fr 20px 1fr;grid-template-columns:200px 1fr 1fr;gap:20px}.outbound-create-points .popup__elements{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.outbound-create-points__shops{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px;max-height:580px}.outbound-create-points__shops .button{min-height:40px;width:100%}.outbound-create-points__products .popup__main .popup__buttons{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;max-height:510px}.outbound-create-points__items{background:white;padding:20px;border-radius:10px;height:345px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.outbound-create-points__items .input{border:1px solid #e9e9e9;text-align:left;min-height:45px}.outbound-create-points__elements{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px;padding-bottom:20px;margin-bottom:25px;border-bottom:2px solid #FFFFFF;padding-top:20px;margin-top:25px;border-top:2px solid #FFFFFF}.outbound-create-points .popup__elements{max-height:510px}.element-items{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px}.element-items p{padding:0 10px;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #e9e9e9;border-radius:6px}.element-items p.active{background:#ececee}.outbound-create-points .main-table{width:100%;padding-bottom:20px;margin-bottom:25px;border-bottom:2px solid #FFFFFF}.outbound-create-points .main-table .main-table__grid{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;height:40px;min-height:40px}.outbound-create-points .main-table .table-item .element{background:#fff;border-radius:8px}.outbound-create-points .main-table .table-header .element{border-radius:8px}.outbound-create-points .main-table .main-table__items{gap:5px}.outbound-create-points .main-table .table-header{height:45px}.outbound-create-points .popup__buttons,.popup-production-order-create .popup__buttons,.popup-sales-order-view .popup__buttons{-ms-flex-wrap:wrap;flex-wrap:wrap}.popup-production-order-create .scrolled{max-height:420px}