.order-view-page{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;background:#fff}.order-view-page,.order-view-page .page-head{display:-webkit-box;display:-ms-flexbox;display:flex}.order-view-page .page-head{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 17px;background-color:#fff;-webkit-box-shadow:0 0 11px 0 rgba(226,227,231,.49);box-shadow:0 0 11px 0 rgba(226,227,231,.49);position:relative;z-index:10;-webkit-box-flex:0;-ms-flex:none;flex:none}.order-view-page .page-head .wrapper,.order-view-page .page-head .wrapper .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.order-view-page .page-head .wrapper .title{width:270px;height:58px;font-size:16px;font-weight:700;border-right:1px solid #f6f6f6}.order-view-page .page-head .wrapper .search-wrapper{position:relative;width:280px;border-right:1px solid #f6f6f6;margin-right:20px}.order-view-page .page-head .wrapper .search-wrapper svg{width:22px;height:23px;fill:#797979;position:absolute;left:15px;top:50%;margin-top:-11.5px}.order-view-page .page-head .wrapper .search-wrapper input{height:58px;border:none;outline:none;width:100%;padding:0 15px 0 50px;font-size:14px;font-weight:300}.order-view-page .page-head .wrapper .buttons-page{margin:0 -10px}.order-view-page .page-head .wrapper .buttons-page,.order-view-page .page-head .wrapper .buttons-page .btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.order-view-page .page-head .wrapper .buttons-page .btn{height:20px;border-radius:30px;background:#f8f8f8;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;font-size:14px;color:#424242;text-decoration:none;padding:0 15px;margin:0 10px}.order-view-page .page-head .wrapper .buttons-page .btn:hover{background:#f0f0f0}.order-view-page .page-head .wrapper .buttons-page .btn:active{background:#e9e9e9}.order-view-page .page-head .wrapper .buttons-page .btn.router-link-active{background:#8ab3f4;color:#fff;pointer-events:none}.order-view-page .page-head .wrapper .buttons{margin:0 -6px}.order-view-page .page-head .wrapper .buttons,.order-view-page .page-head .wrapper .buttons .btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.order-view-page .page-head .wrapper .buttons .btn{height:24px;border-radius:3px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;color:#fff;padding:0 15px;margin:0 6px;font-size:12px;font-weight:300;cursor:pointer}.order-view-page .page-head .wrapper .buttons .btn.red{background:-webkit-gradient(linear,left bottom,left top,from(#de7676),to(#f58a8a));background:linear-gradient(0deg,#de7676,#f58a8a);-webkit-box-shadow:0 3px 6px 0 rgba(134,156,238,.42);box-shadow:0 3px 6px 0 rgba(134,156,238,.42)}.order-view-page .page-head .wrapper .buttons .btn.green{background:-webkit-gradient(linear,left bottom,left top,from(#b8de76),to(#ecf58a));background:linear-gradient(0deg,#b8de76,#ecf58a);-webkit-box-shadow:0 3px 6px 0 rgba(190,225,121,.42);box-shadow:0 3px 6px 0 rgba(190,225,121,.42);color:#616b46}.order-view-page .creating-order{-ms-flex-pack:center;-ms-flex-align:center;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;text-align:center;font-size:20px;font-weight:600}.order-view-page .creating-order,.order-view-page .creating-order .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal}.order-view-page .creating-order .inner{-ms-flex-pack:center;-ms-flex-align:center;-ms-flex-direction:column;flex-direction:column}.order-view-page .creating-order .icon{margin-top:20px;-webkit-transform:scale(.8);transform:scale(.8)}.order-view-page .creating-order .icon .loader{fill:#000;width:100%}.order-view-page .page-container{overflow-y:auto;position:relative;overflow-x:hidden}.order-view-page .page-body,.order-view-page .page-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.order-view-page .page-body{min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;overflow-x:auto}.order-view-page .page-body .column{-webkit-box-flex:1;-ms-flex:1 1 1px;flex:1 1 1px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.order-view-page .page-body .column:last-child{background:#fcfcfc}.order-view-page .page-body .column:not(:last-child){border-right:1px solid #f0f0f0}.order-view-page .page-body .column-head{-webkit-box-flex:0;-ms-flex:none;flex:none;border-bottom:1px solid #f0f0f0;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;padding:20px 17px}.order-view-page .page-body .column-head .title{font-weight:700;font-size:14px}.order-view-page .page-body .column-head .button{height:24px;border-radius:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;color:#fff;padding:0 15px;margin:0 6px;font-size:12px;font-weight:300;cursor:pointer;background:-webkit-gradient(linear,left bottom,left top,from(#b8de76),to(#ecf58a));background:linear-gradient(0deg,#b8de76,#ecf58a);-webkit-box-shadow:0 3px 6px 0 rgba(190,225,121,.42);box-shadow:0 3px 6px 0 rgba(190,225,121,.42);color:#616b46}.order-view-page .page-body .column-body{padding:17px;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.order-view-page .page-body .column-body hr{display:block;background:#f0f0f0;height:1px;margin:0 -17px;border:none;-webkit-box-flex:0;-ms-flex:none;flex:none}.order-view-page .page-body .column-body .column-ttl{font-weight:700;font-size:14px;margin:15px 0}.order-view-page .page-body .about-order-other{padding-top:30px}.order-view-page .page-body .about-order-other .info{font-size:13px;display:block;margin-bottom:10px;font-weight:300;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}.order-view-page .page-body .about-order-other .info span{font-size:14px;font-weight:600}.order-view-page .page-body .form-groups{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 -5px 10px}.order-view-page .page-body .form-groups .form-group{margin:0 5px;-webkit-box-flex:1;-ms-flex:1 1 1px;flex:1 1 1px}.order-view-page .page-body .form-group{margin-bottom:10px}.order-view-page .page-body .form-group label{font-size:13px;display:block;margin-bottom:8px;font-weight:300}.order-view-page .page-body input[type=text],.order-view-page .page-body select,.order-view-page .page-body textarea{border:1px solid #f0f0f0;border-radius:4px;padding:0 15px;width:100%;height:40px;font-size:14px;outline:none;background:#fff}.order-view-page .page-body input[type=text]:focus,.order-view-page .page-body select:focus,.order-view-page .page-body textarea:focus{border-color:#cacaca}.order-view-page .page-body textarea{padding:15px;height:150px;resize:none}