@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{height:100%}body{font-family:Open Sans,Helvetica,sans-serif;font-size:16px;font-color:#222;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;background-color:#dcdddd}button{border:0;cursor:pointer}ul{padding:0;margin:0;list-style:none}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0}p{margin:0;padding:0}a,button{cursor:pointer}button[type=button]{background-color:rgba(0,0,0,0)}a{color:inherit}img{display:block;max-width:100%;max-height:100%}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}#root{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:1480px}.button{padding:5px 15px;border-radius:3px;font-size:16px;outline:none}.button__submit{background-color:#00bd23;color:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.button__submit:hover{background-color:#1a7a00}.button__reset{background-color:#fb6241;color:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.button__reset:hover{background-color:#ca0223}.button__edit{background-color:#ffaa1e;color:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.button__edit:hover{background-color:#ff9218}.button__unactive{display:none}.button__cross_delete{position:relative;width:30px;height:30px;background-color:rgba(0,0,0,0);outline:none}.button__cross_delete:hover:after,.button__cross_delete:hover:before{background-color:#ca0223}.button__cross_delete:after,.button__cross_delete:before{content:"";display:block;width:inherit;height:5px;border-radius:2px;background-color:#fb6241;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;position:absolute;top:13px;left:0}.button__cross_delete:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.button__cross_delete:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.button__cross_delete_cancel{position:absolute;top:5px;right:5px;z-index:50}.button__reset_search{position:absolute;top:46px;right:12px}.app{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative;width:95%;margin:20px 0}.app,.app__left{display:-webkit-box;display:-ms-flexbox;display:flex}.app__left{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:80%;min-height:93vh;border:2px solid grey;border-radius:5px;background-color:#f3f3f2}.app__left_unactive{display:none}.app__title{margin:20px 0}.app__main{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;width:95%}.app__main,.app__panel{display:-webkit-box;display:-ms-flexbox;display:flex}.app__panel{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:18%;height:97%;min-height:89vh;border:2px solid grey;border-radius:5px;background-color:#f3f3f2}.app__panel_unactive{display:none}.app__panel_wrapper{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:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:95%;height:95%}.app__panel_total_orders{font-weight:700;font-size:16px;margin-bottom:40px}.app__panel_button{margin-bottom:40px}.app__panel_filter{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-align:center;-ms-flex-align:center;align-items:center;position:relative}.app__panel_filet-subtitle{text-align:center;margin-bottom:20px;font-size:16px;font-weight:700}.app__panel_filter_input{padding:10px;width:90%;font-size:16px;background-color:#fff8dc;border:0;border-radius:5px;outline:none;margin-bottom:10px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.app__panel_filter_input::-webkit-input-placeholder{text-align:center;font-size:12px}.app__panel_filter_input::-moz-placeholder{text-align:center;font-size:12px}.app__panel_filter_input:-ms-input-placeholder{text-align:center;font-size:12px}.app__panel_filter_input::-ms-input-placeholder{text-align:center;font-size:12px}.app__panel_filter_input::placeholder{text-align:center;font-size:12px}.app__panel_filter_input:hover{background-color:#ffebcd}.app__panel_filter_note{width:90%;text-align:center;font-size:12px}.order{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;position:relative;width:99%;height:50px;border-radius:5px;margin-bottom:20px;cursor:pointer;background-color:#fff8dc;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.order:hover{background-color:#ffebcd;color:#8b4513}.order__wrapper{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;width:80%;height:95%}.order__number{width:5%}.order__date{width:15%}.order__company,.order__name{width:25%;word-wrap:break-word}.order__phone{width:18%}.order__code{width:6%}.order__ATI-link{-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.order__ATI-link:hover{color:red}.order__delete_confirm_unactive{display:none}.order__delete_confirm{position:fixed;top:0;bottom:0;left:0;right:0;width:100vw;height:100vh;z-index:10;background-color:hsla(0,0%,100%,.9)}.order__delete_confirm,.order__delete_confirm_window{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.order__delete_confirm_window{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;padding:40px 60px;border:2px solid grey;border-radius:5px;background-color:#fff8dc}.order__delete_confirm_text{margin-bottom:20px}.order__card{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;width:100vw;height:100vh;z-index:20;background-color:#fff8dc;cursor:auto}.order__card,.order__card_wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.order__card_wrapper{-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;width:95%;height:95%}.order__card_unactive{display:none}.order__card_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:50%;margin:0 0 40px 20px}.order__card_item:after{content:"";display:block;position:absolute;bottom:-5px;left:0;width:100%;height:1px;background-color:grey}.order__card_subtitle{width:150px}.order__card_info{width:500px;padding:1px}.order__card_buttons_wrapper{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;width:50%;margin-left:20px}.order__card_change_unit{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-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;height:100%}.order__card_change_unit_unactive{display:none}.ordersList{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ordersList,.ordersList__head{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.ordersList__head{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;background-color:grey;margin-bottom:10px;font-weight:700;border-radius:5px}.orderList__wrapper_head,.ordersList__head{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.orderList__wrapper_head{margin-left:10px;width:100%}.orderList__item{-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.orderList__item:hover{color:#ffebcd}.orderList__number{margin-right:3%}.orderList__date{margin-right:14%}.orderList__company{margin-right:13%}.orderList__name{margin-right:20%}.orderList__phone{margin-right:9%}.ordersList__head_arrows{position:relative;cursor:pointer}.ordersList__head_arrows:after,.ordersList__head_arrows:before{content:"";display:block;width:0;height:0;border-left:3px solid rgba(0,0,0,0);border-right:3px solid rgba(0,0,0,0);position:absolute;right:-12px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.ordersList__head_arrows:before{border-bottom:6px solid #222;top:5px}.ordersList__head_arrows:after{border-top:6px solid #222;top:12px}.ordersList__head_arrows:hover:before{border-bottom:6px solid #ffebcd}.ordersList__head_arrows:hover:after{border-top:6px solid #ffebcd}.ordersList__list{height:77vh;overflow-y:scroll}.newOrder{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;min-height:90vh;background-color:#fff8dc;border-radius:5px;border:1px solid grey}.newOrder,.newOrder__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.newOrder__wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:95%;height:95%}.newOrder__label,.newOrder__title{margin-bottom:40px}.newOrder__label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:50%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:20px}.newOrder__label_auto-info{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.newOrder__subtitle{margin-bottom:10px}.newOrder__input{width:500px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border:0;outline:0;font-family:Open Sans,Helvetica,sans-serif;font-size:16px}.newOrder__subtitle_auto-info{margin-right:20px}.newOrder__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:15%;min-width:130px;margin-left:20px}.editedForm__form{margin-left:20px;height:100%}.editedForm_card_edit{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:640px;margin:0 20px 40px 0}