@import url(https://fonts.googleapis.com/css?family=Poppins:100,200,400,700&display=swap);@-webkit-keyframes swing{0%,30%,50%,70%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}.pro-sidebar{color:#adadad;height:100%;width:270px;min-width:270px;text-align:left;transition:width,left,right,.3s;position:relative;z-index:1009}.pro-sidebar>.pro-sidebar-inner{background:#191919;height:100%;position:relative;z-index:101}.pro-sidebar>.pro-sidebar-inner>img.sidebar-bg{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;opacity:.3;left:0;top:0;z-index:100}.pro-sidebar>.pro-sidebar-inner>.pro-sidebar-layout{height:100%;overflow-y:auto;overflow-x:hidden;position:relative;display:flex;flex-direction:column;z-index:101}.pro-sidebar>.pro-sidebar-inner>.pro-sidebar-layout .pro-sidebar-header{border-bottom:1px solid hsla(0,0%,67.8%,.2)}.pro-sidebar>.pro-sidebar-inner>.pro-sidebar-layout .pro-sidebar-content{flex-grow:1}.pro-sidebar>.pro-sidebar-inner>.pro-sidebar-layout .pro-sidebar-footer{border-top:1px solid hsla(0,0%,67.8%,.2)}.pro-sidebar>.pro-sidebar-inner>.pro-sidebar-layout ul{list-style-type:none;padding:0;margin:0}.pro-sidebar .overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.3);z-index:100;display:none}.pro-sidebar.collapsed{width:80px;min-width:80px}.pro-sidebar.rtl{text-align:right;direction:rtl}@media (max-width:480px){.pro-sidebar.xs{position:fixed;left:-270px}.pro-sidebar.xs.collapsed{left:-80px}.pro-sidebar.xs.toggled{left:0}.pro-sidebar.xs.toggled .overlay{display:block}.pro-sidebar.xs.rtl{left:auto;right:-270px}.pro-sidebar.xs.rtl.collapsed{left:auto;right:-80px}.pro-sidebar.xs.rtl.toggled{left:auto;right:0}}@media (max-width:576px){.pro-sidebar.sm{position:fixed;left:-270px}.pro-sidebar.sm.collapsed{left:-80px}.pro-sidebar.sm.toggled{left:0}.pro-sidebar.sm.toggled .overlay{display:block}.pro-sidebar.sm.rtl{left:auto;right:-270px}.pro-sidebar.sm.rtl.collapsed{left:auto;right:-80px}.pro-sidebar.sm.rtl.toggled{left:auto;right:0}}@media (max-width:768px){.pro-sidebar.md{position:fixed;left:-270px}.pro-sidebar.md.collapsed{left:-80px}.pro-sidebar.md.toggled{left:0}.pro-sidebar.md.toggled .overlay{display:block}.pro-sidebar.md.rtl{left:auto;right:-270px}.pro-sidebar.md.rtl.collapsed{left:auto;right:-80px}.pro-sidebar.md.rtl.toggled{left:auto;right:0}}@media (max-width:992px){.pro-sidebar.lg{position:fixed;left:-270px}.pro-sidebar.lg.collapsed{left:-80px}.pro-sidebar.lg.toggled{left:0}.pro-sidebar.lg.toggled .overlay{display:block}.pro-sidebar.lg.rtl{left:auto;right:-270px}.pro-sidebar.lg.rtl.collapsed{left:auto;right:-80px}.pro-sidebar.lg.rtl.toggled{left:auto;right:0}}@media (max-width:1200px){.pro-sidebar.xl{position:fixed;left:-270px}.pro-sidebar.xl.collapsed{left:-80px}.pro-sidebar.xl.toggled{left:0}.pro-sidebar.xl.toggled .overlay{display:block}.pro-sidebar.xl.rtl{left:auto;right:-270px}.pro-sidebar.xl.rtl.collapsed{left:auto;right:-80px}.pro-sidebar.xl.rtl.toggled{left:auto;right:0}}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item:before{content:"";display:inline-block;width:4px;min-width:4px;height:4px;border:1px solid hsla(0,0%,100%,.05);border-radius:50%;margin-right:15px;position:relative;box-shadow:1px 0 0 #adadad,0 -1px 0 #adadad,0 1px 0 #adadad,-1px 0 0 #adadad}.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item>.pro-item-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pro-sidebar .pro-menu{padding-top:10px;padding-bottom:10px}.pro-sidebar .pro-menu>ul>.pro-sub-menu>.pro-inner-list-item{position:relative;background-color:hsla(0,0%,100%,.05)}.pro-sidebar .pro-menu>ul>.pro-sub-menu>.pro-inner-list-item>div>ul{padding-top:15px;padding-bottom:15px}.pro-sidebar .pro-menu a{text-decoration:none;color:#adadad}.pro-sidebar .pro-menu a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent}.pro-sidebar .pro-menu a:hover{color:#fff}.pro-sidebar .pro-menu .pro-menu-item{font-size:15px}.pro-sidebar .pro-menu .pro-menu-item.active{color:#fff}.pro-sidebar .pro-menu .pro-menu-item .suffix-wrapper{opacity:1;transition:opacity .2s}.pro-sidebar .pro-menu .pro-menu-item .prefix-wrapper{display:flex;margin-right:5px;opacity:1;transition:opacity .2s}.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item{position:relative;display:flex;align-items:center;padding:8px 35px 8px 20px;cursor:pointer}.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item:focus{outline:none;color:#fff}.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item>.pro-icon-wrapper{margin-right:10px;font-size:14px;width:35px;min-width:35px;height:35px;line-height:35px;text-align:center;display:inline-block}.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item>.pro-icon-wrapper .pro-icon{display:flex;height:100%;align-items:center;justify-content:center}.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item>.pro-item-content{flex-grow:1;flex-shrink:1}.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item:hover{color:#fff}.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item:hover .pro-icon-wrapper .pro-icon{-webkit-animation:swing .5s ease-in-out 1 alternate;animation:swing .5s ease-in-out 1 alternate}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu>.pro-inner-item:before{background:#adadad}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu>.pro-inner-item>.pro-arrow-wrapper{position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu>.pro-inner-item>.pro-arrow-wrapper .pro-arrow{display:inline-block;border-color:#adadad;border-style:solid;border-width:0 2px 2px 0;padding:2.5px;vertical-align:middle;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu.open>.pro-inner-item:before{background:transparent!important}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu.open>.pro-inner-item>.pro-arrow-wrapper .pro-arrow{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item{padding-left:20px}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item{padding:8px 30px 8px 15px}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item .pro-arrow-wrapper,.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item>.pro-icon-wrapper{display:none}.pro-sidebar .pro-menu.shaped .pro-menu-item>.pro-inner-item>.pro-icon-wrapper{background-color:hsla(0,0%,100%,.05)}.pro-sidebar .pro-menu.square .pro-menu-item>.pro-inner-item>.pro-icon-wrapper{border-radius:0}.pro-sidebar .pro-menu.round .pro-menu-item>.pro-inner-item>.pro-icon-wrapper{border-radius:4px}.pro-sidebar .pro-menu.circle .pro-menu-item>.pro-inner-item>.pro-icon-wrapper{border-radius:50%}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item{position:relative}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item>.pro-inner-item>.prefix-wrapper,.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item>.pro-inner-item>.suffix-wrapper{opacity:0}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item>.pro-inner-list-item{background-color:rgba(29,29,29,.95);z-index:111}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item:before{content:"";display:inline-block;position:absolute;top:0;bottom:0;left:0;right:0;cursor:pointer}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu{position:relative}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-item{pointer-events:none}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-item>.pro-arrow-wrapper{display:none}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-list-item{height:auto!important;position:fixed;visibility:hidden;min-width:220px;max-width:270px;background-color:transparent;max-height:100%;padding-left:3px}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-list-item.has-arrow{padding-left:10px}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-list-item>.popper-inner{max-height:100vh;overflow-y:auto;background-color:rgba(29,29,29,.95);padding-left:20px;border-radius:4px}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu:hover>.pro-inner-list-item{transition:visibility,-webkit-transform .3s;transition:visibility,transform .3s;transition:visibility,transform .3s,-webkit-transform .3s;visibility:visible}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu:hover .pro-icon-wrapper .pro-icon{-webkit-animation:swing .5s ease-in-out 1 alternate;animation:swing .5s ease-in-out 1 alternate}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item,.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-sub-menu-item{padding:8px 30px 8px 5px}.pro-sidebar.rtl .pro-menu .pro-menu-item .prefix-wrapper{margin-right:0;margin-left:5px}.pro-sidebar.rtl .pro-menu .pro-menu-item>.pro-inner-item{padding:8px 20px 8px 35px}.pro-sidebar.rtl .pro-menu .pro-menu-item>.pro-inner-item>.pro-icon-wrapper{margin-right:0;margin-left:10px}.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu>.pro-inner-item>.pro-arrow-wrapper{right:auto;left:20px}.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu>.pro-inner-item>.pro-arrow-wrapper .pro-arrow{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu.open>.pro-inner-item>.pro-arrow-wrapper .pro-arrow{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item{padding-left:0;padding-right:20px}.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item{padding:8px 15px 8px 30px}.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item:before{margin-right:0;margin-left:15px}.pro-sidebar.rtl.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-list-item{padding-left:0;padding-right:3px}.pro-sidebar.rtl.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-list-item.has-arrow{padding-right:10px}.pro-sidebar.rtl.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-list-item>.popper-inner{padding-left:0;padding-right:20px}.pro-sidebar.rtl.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item,.pro-sidebar.rtl.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-sub-menu-item{padding:8px 5px 8px 30px}.popper-arrow{position:absolute;z-index:-1;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent}.popper-element[data-popper-placement^=left]>.popper-arrow{right:0;border-right:7px solid rgba(29,29,29,.95)}.popper-element[data-popper-placement^=right]>.popper-arrow{left:0;border-left:7px solid rgba(29,29,29,.95)}.react-slidedown{height:0;transition-property:none;transition-duration:.2s;transition-timing-function:ease-in-out}.react-slidedown.transitioning{overflow-y:hidden}.react-slidedown.closed{display:none}.app{height:100%}.app main{position:relative;flex-grow:1;display:flex;flex-direction:column;overflow-y:auto;background-color:#252525}.app main .page-main-header{padding:10px 24px;background-image:url(https://res.cloudinary.com/net-ninja/image/upload/v1616238571/Net%20Ninja%20Pro/pro-images/pro-banner_rwboej.png)}.app main .page-main-header .user-wrapper{display:flex;justify-content:flex-end;align-items:center;font-size:12px;margin-bottom:10px}.app main .page-main-header .search-wrapper button{margin-left:5px}.app main .page-title{padding:24px}.app main p.page-description{color:#c49b3b}.app main .page-menu-header{background-color:hsla(0,0%,100%,.05);border:1px solid #adadad;margin-bottom:10px}.app main .page-menu-header .btn-menu-list_container{display:flex;justify-content:space-between}.app main .page-menu-header .btn-menu-list_container .btn-menu-list{min-width:800px;display:flex}.app main .page-menu-header button:last-child,.app main .page-menu-header button:not(:first-child):not(:last-child){margin-left:10px}.app main .page-content{background-color:hsla(0,0%,100%,.05)}.app main footer{margin-top:auto;color:#adadad;padding:0 20px 5px;display:flex;justify-content:space-between;align-items:center}.app main footer .contact-link{color:#adadad;font-size:small;display:flex;align-items:top}.app .pro-sidebar .pro-sidebar-inner .pro-sidebar-layout{overflow-y:hidden}.app .pro-sidebar .pro-sidebar-header{border-bottom:1px solid #252525!important}.app .pro-sidebar .pro-sidebar-footer{border-top:1px solid #252525!important}.app .pro-sidebar .pro-sidebar-content{scrollbar-width:thin;overflow-y:auto}.app .pro-sidebar .pro-sidebar-content ul li{border-left:6px solid #191919}.app .pro-sidebar .pro-sidebar-content ul li .pro-inner-item{padding-left:14px}.app .sidebar-btn-wrapper{display:flex;align-items:center;justify-content:center;padding:10px 0}.app .sidebar-btn-wrapper .sidebar-btn{padding:1px 15px;border-radius:40px;background:hsla(0,0%,100%,.05);color:#adadad;text-decoration:none;margin:0 auto;height:35px;display:flex;align-items:center;justify-content:center;text-overflow:ellipsis;overflow:hidden;cursor:pointer}.app .sidebar-btn-wrapper .sidebar-btn span{margin-left:5px;font-size:13px}.app .sidebar-btn-wrapper .sidebar-btn:hover{color:#fff}.app .sidebar-btn-wrapper .sidebar-btn svg{vertical-align:middle}.app .active{color:#fff!important;border-left:6px solid #d91b42!important}.app .btn-toggle{cursor:pointer;width:35px;height:35px;background:#353535;color:#fff;text-align:center;border-radius:50%;display:flex;font-size:15px;display:none}.app .btn-toggle,.login-wrapper{align-items:center;justify-content:center}.login-wrapper{display:flex;flex-direction:column;height:100vh}.login-wrapper .card{width:400px;padding:20px}.login-wrapper .card .input-field input{width:100%}select.work-order-status{max-width:180px}select.work-order-status:hover{cursor:pointer}ul.react-paginate{margin:0}ul.react-paginate li{display:inline-block;padding:0 5px}ul.react-paginate li a{cursor:pointer}ul.react-paginate li.selected a{color:red;font-weight:400}ul.react-paginate li.disabled a{color:grey}.page-count{display:flex}.page-count .show-rows{display:flex;align-items:center;width:200px;margin-left:20px}.page-count .show-rows select{width:60px;margin:0 10px}.modal{position:absolute;top:50%;left:50%;right:auto;bottom:auto;margin-right:-50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;overflow:hidden;width:50%;height:50%;border-radius:7px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:1}.modal-header{padding:10px 20px;background-color:#252525;background-image:url(https://res.cloudinary.com/net-ninja/image/upload/v1616238571/Net%20Ninja%20Pro/pro-images/pro-banner_rwboej.png)}.modal-footer{display:flex;justify-content:flex-end;margin-top:10px;background-color:hsla(0,0%,100%,.05);border:1px solid #adadad;border-radius:3px;padding:10px}.modal-footer button:last-child,.modal-footer button:not(:first-child):not(:last-child){margin-left:10px}.ReactModal__Overlay{opacity:0;transition:opacity .5s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}.modal-content{padding:20px;overflow-y:auto;max-height:700px;color:#171616}.modal-form .d-flex div.input-field{flex-basis:50%;padding:0 2px}.modal-form .input-field textarea{width:100%;padding:3px}.modal-form .card.mockup-img{border:thin solid #ddd;margin:0 auto}.modal-form .card.mockup-img img{padding:5px;margin:0 auto}.modal-form label{display:block}.modal-form label input[type=radio]{margin:0 5px}.modal-form.modal-graphic .input-field,.modal-form.modal-item .input-field{margin-bottom:10px}.modal-close-btn{position:absolute;right:15px;top:15px;display:flex;justify-content:center;align-items:center;width:25px;height:25px;background-color:#f0f1f6;color:#bbb;border-radius:50%;border:none;cursor:pointer}.modal-close-btn:hover{background-color:#adadad;color:#252525;border:thin solid #adadad}table{border-collapse:collapse;width:100%}table thead tr{background-color:#b0bec5}table thead th{padding:5px;border:1px solid #e7eeec;border-radius:3px;color:#252525;font-weight:500}table thead th div{min-height:0!important}table tbody tr td{padding:5px}table tbody tr td div{min-height:0!important}table tbody tr:nth-child(2n){background-color:#e0e0e0}table tbody tr:hover{cursor:pointer;border-right:thin solid #b0bec5;border-bottom:thin solid #b0bec5}table.graphics-table tr:hover,table.inventoryarea-table tr:hover{cursor:none;border:none}.input-field{margin-bottom:20px}.input-field label{display:block;margin-bottom:5px;font-size:12px;font-weight:600}input:not([type=checkbox]):not([type=radio]),select{padding:5px;border:thin solid #bbb;border-radius:3px;width:100%}.input-checkbox-container{padding:5px 0;margin:5px 0}.input-checkbox-container input[type=checkbox]{margin-right:5px;cursor:pointer}.input-checkbox-container label{display:inline-block;cursor:pointer}label.label-with-radio{cursor:pointer}.react-autosuggest__container{position:relative}.react-autosuggest__container .react-autosuggest__suggestions-container{background-color:#f0f1f6}.react-autosuggest__container .react-autosuggest__suggestions-container.react-autosuggest__suggestions-container--open{position:absolute;max-height:100px;overflow-y:scroll;border:thin solid #ddd;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:9999;width:100%;margin-top:2px}.react-autosuggest__container .react-autosuggest__suggestions-container ul li{padding:2px 5px}.react-autosuggest__container .react-autosuggest__suggestions-container ul li.react-autosuggest__suggestion--highlighted{background-color:#adadad}.switch-wrapper{padding:5px;margin-bottom:5px}.switch-wrapper span{font-size:12px;margin-right:10px}.form-footer{display:flex;justify-content:flex-end}.lg-banner{margin-bottom:10px}.lg-modal .modal-header{color:#fff;border-radius:6px 6px 0 0;padding:10px 20px;background-image:url(https://res.cloudinary.com/net-ninja/image/upload/v1616238571/Net%20Ninja%20Pro/pro-images/pro-banner_rwboej.png)}.lg-modal .modal-content{padding:0}.lg-modal form{padding:10px 20px}.lg-text-input{margin-bottom:20px}.lg-toggle-wrapper{display:flex;align-items:center}.lg-toggle-label{display:inline-block;margin-right:10px;font-size:13px;font-weight:600;color:#3d4f58}.lg-form-footer{margin-top:10px}.lg-sidenav nav{background-color:#191919;border:none;z-index:100}.lg-sidenav nav li button{color:#adadad!important}.lg-sidenav nav .lg-sidenav-group button[data-leafygreen-ui=side-nav-group-button]{border-left:3px solid #000!important;border-bottom:1px solid #000!important}.lg-sidenav nav .lg-sidenav-group button[data-leafygreen-ui=side-nav-group-button] span,.lg-sidenav nav .lg-sidenav-group button[data-leafygreen-ui=side-nav-group-button] svg{color:#116149}.lg-sidenav button:last-child{z-index:100}.lg-tooltip-container{padding:5px 10px}.queue-print .queue-default-values-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;padding:5px}.queue-print .value-wrapper{display:flex;justify-content:flex-end;align-items:flex-end}.queue-print .value-wrapper label{margin-bottom:5px;font-size:12px;font-weight:600}.queue-print .value-wrapper select{display:inline-block;width:200px;margin-left:10px}.queue-print .title-content-list{border-radius:5px}.queue-print .title-content-list .title-content{padding:10px!important;min-width:250px}.queue-print .queue-print-info{padding:5px;display:grid;grid-template-columns:3fr 1fr 1fr;min-height:270px}.queue-print .queue-print-info .queue-print-img{width:auto;min-height:260px;padding:5px;border:1px solid #adadad;border-radius:5px;background-color:#adadad}.queue-print .queue-print-info .queue-print-img.markup{margin:0 10px}.queue-print .queue-print-info .queue-print-img.graphic{display:flex;justify-content:center;align-items:center}.queue-print .queue-print-info .queue-print-img img{display:block;width:auto;height:auto;max-height:250px;margin:0 auto}.queue-print .active-packingitems .list{max-height:290px;overflow-y:auto}.shipment{padding:10px}.shipment .shipment-info{display:grid;grid-template-columns:400px 400px 1fr;grid-gap:5px;gap:5px;margin-bottom:10px;min-height:400px;max-height:400px}.shipment .shipment-info .scanned-barcode-wrapper{display:flex;flex-direction:column;justify-content:center;padding:5px;background-color:#adadad;position:relative;min-width:300px;max-height:400px}.shipment .shipment-info .scanned-barcode-wrapper span.scanned-barcode{color:#d91b42;font-size:6rem}.shipment .shipment-info .item-image{display:flex;justify-content:center;align-items:center;background-color:#adadad;padding:5px;position:relative;max-height:400px}.shipment .shipment-info .item-image img{max-height:390px}.shipment .shipment-info span.absolute-postion{position:absolute;top:10px;left:10px;display:block}.shipment .shipment-info .checkbox-wrapper{position:absolute;left:10px;bottom:10px;display:flex;background-color:#f0f1f6;padding:5px;border-radius:5px}.shipment .shipment-info .checkbox-wrapper label{margin-right:10px}.shipment .shipment-info .shipment-info_detail .title-content-list{height:100%;border-radius:5px}.shipment .shipment-info .shipment-info_detail span.title{font-size:.8em;text-transform:capitalize;display:block!important}.shipment .shipment-info .shipment-info_detail input.ordered-checkedout{color:#d91b42;font-size:1.5em;width:80px;text-align:center;border:1px dotted #adadad;border-radius:5px}.shipment .shipment-msg-checkout-wrapper{display:grid;grid-template-columns:1fr 300px;grid-gap:5px;gap:5px;margin-bottom:10px;min-height:50px}.shipment .shipment-msg-checkout-wrapper .msg-wrapper{display:flex;justify-content:flex-start;align-items:center}.ril__image{max-width:500px!important}#modal_pack .ref-wrapper{display:flex;justify-content:center}#modal_pack .ref-wrapper>div{padding:5px;min-width:250px}#modal_pack .ref-wrapper span.title{display:block;color:var(--theme-blue-accent)}#modal_pack .ref-wrapper span.content{display:block;font-size:10rem}#modal_pack .ref-wrapper .ship-label-btn-wrapper{margin-top:80px}.packing-items-msg-wrapper{background-color:var(--theme-blue-bg)}img.ril__imageNext,img.ril__imagePrev{display:none}.settings .tab-wrapper{background-color:none}.settings .tab-wrapper .input-field{max-width:400px}.settings .tab-wrapper .input-field input,.settings .tab-wrapper .input-field select{width:100%}.settings .tab-wrapper .pretreatment-container .carriage-speed-container{max-width:600px}.settings .tab-wrapper .pretreatment-container .carriage-speed-container .carriage-speed{display:grid;grid-template-columns:2fr 3fr 1fr;grid-column-gap:1em;-webkit-column-gap:1em;column-gap:1em}.settings .tab-wrapper .use-item-options-container .item-option-keys-container{max-width:600px}.settings .tab-wrapper .use-item-options-container .item-option-keys-container .item-option-keys{display:grid;grid-template-columns:2fr 1fr;grid-column-gap:1em;-webkit-column-gap:1em;column-gap:1em}.settings .tab-wrapper .use-order-status-container .order-status-keys-container{max-width:600px}.settings .tab-wrapper .use-order-status-container .order-status-keys-container .order-status-keys{display:grid;grid-template-columns:2fr 1fr 1fr;grid-column-gap:1em;-webkit-column-gap:1em;column-gap:1em}.settings .tab-wrapper .platens-container{padding:10px}.settings .tab-wrapper .platens-container .platen-wrapper{display:grid;grid-template-columns:100px 2fr 100px 100px 1fr 1fr 1fr;grid-column-gap:1em;-webkit-column-gap:1em;column-gap:1em}.settings .tab-wrapper .packingslip-container{padding:10px}.settings .tab-wrapper .custom-platens-container{max-width:700px}.settings .tab-wrapper .custom-platens-container .custom-platen-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:1em;-webkit-column-gap:1em;column-gap:1em}.settings .tab-wrapper .media-container{padding:10px;max-width:790px}.settings .tab-wrapper .media-container .media-wrapper{display:grid;grid-template-columns:100px 200px 100px 100px 100px 50px 35px;grid-column-gap:1em;-webkit-column-gap:1em;column-gap:1em}.settings .tab-wrapper .queues-container{padding:10px;max-width:925px}.settings .tab-wrapper .queues-container .queue-wrapper{display:grid;grid-template-columns:200px 200px 200px 200px 50px;grid-column-gap:1em;-webkit-column-gap:1em;column-gap:1em}.settings .tab-wrapper .print-modes-container{padding:10px;max-width:400px}.settings .tab-wrapper .print-modes-container .print-modes-wrapper{display:grid;grid-template-columns:315px 50px;grid-column-gap:1em;-webkit-column-gap:1em;column-gap:1em}.settings .tab-wrapper .service-codes-container{padding:10px;max-width:500px;margin-bottom:10px}.settings .tab-wrapper .service-codes-container .service-codes-wrapper-container{margin-top:10px;width:100vw;display:flex;flex-wrap:wrap}.settings .tab-wrapper .service-codes-container .service-codes-wrapper-container .service-codes-wrapper{min-width:500px;display:grid;grid-template-columns:300px 50px 20px;grid-column-gap:1em;-webkit-column-gap:1em;column-gap:1em;margin-right:20px}*{padding:0;box-sizing:border-box}*,body{margin:0}body{height:100vh;font:14px/1.5 "Poppins",sans-serif;color:#fff}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background-color:#adadad;border-radius:20px}#root{overflow-y:hidden}#root,.app{height:100vh}.app{display:flex;position:relative}section{display:flex;flex-direction:column;flex-grow:auto;margin:20px 20px 10px;padding:20px;border-radius:5px;height:100%;box-shadow:5px 5px 10px 10px #111;overflow-y:auto;overflow-x:hidden}section.primary{background-color:#f0f1f6;color:#171616}section.transparent{color:#bbb}.card{background-color:#fff;border-radius:5px;color:#171616;box-shadow:0 0 10px -2px rgba(0,0,0,.075)}.warn{background-color:#e1bee7;font-size:14px}a{color:#171616;text-decoration:none}a:hover{color:#bbb}span.block{display:block}span.inline-block{display:inline-block;margin:0 10px}span.link:hover{cursor:pointer;color:#bbb}.d-flex{display:flex;flex-wrap:wrap}.d-flex.flex-direction-column{flex-direction:column}.d-inline-flex{display:inline-flex;flex-wrap:wrap;grid-gap:10px;gap:10px}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.justify-content-start{justify-content:flex-start}.justify-content-space{justify-content:space-between}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}svg{vertical-align:bottom}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.p-0{padding:0}.p-10{padding:10px}.ph-10{padding-top:10px;padding-bottom:10px}.pv-10{padding-left:10px;padding-right:10px}.m-0{margin:0}.m-10{margin:10px}.mh-10{margin-top:10px;margin-bottom:10px}.mv-10{margin-left:10px;margin-right:10px}.mt-10{margin-top:10px}.mb-10{margin-bottom:10px}.ml-10{margin-left:10px}.mr-10{margin-right:10px}.text-uppercase{text-transform:uppercase}.text-capital{text-transform:capitalize}.badge{padding:3px 6px;font-size:9px;letter-spacing:1px;border-radius:15px}.badge.red{color:#fff;background:#d63030}.badge.gray{color:#fff;background:#777}.badge.yellow{color:#000;background:#ffd331}.title-content-list{display:flex;flex-wrap:wrap;background-color:hsla(0,0%,100%,.05);border:1px solid #adadad;padding-bottom:10px}.title-content-list .title-content{padding:10px 10px 0}.title-content-list .title-content span{display:block}.title-content-list .title-content .title{font-size:.7em}.font-size-sm{font-size:.9em}.font-weight-bold{font-weight:600}.action-btn-list button:last-child,.action-btn-list button:not(:first-child):not(:last-child){margin-left:10px}.hidden{display:none}.scrollbar-thin{scrollbar-width:thin!important}.swing-icon:hover svg{-webkit-animation:swing .5s ease-in-out 1 alternate;animation:swing .5s ease-in-out 1 alternate}.truncate{width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes swing{0%,30%,50%,70%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-webkit-keyframes wiggle{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(30deg)}}@keyframes wiggle{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(30deg)}}.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}dfn{font-style:normal;position:relative}dfn:after{content:attr(data-info);display:inline;top:22px;left:0;min-width:80px;width:100%;font-size:12px;line-height:1.5em;padding:.5em .8em;background:rgba(0,0,0,.6);color:#fff;pointer-events:none;border-radius:5px}dfn:after,dfn:before{position:absolute;opacity:0;transition:opacity .25s,top .25s}dfn:before{content:"";display:block;top:12px;left:20px;width:0;height:0;border:5px solid transparent;border-bottom-color:rgba(0,0,0,.6)}dfn:hover{z-index:2}dfn:hover:after,dfn:hover:before{opacity:1}dfn:hover:after{top:30px}dfn:hover:before{top:20px}img.responsive-img{max-width:100%;height:auto}textarea{border-style:thin;border-color:#ddd;border-radius:3px;overflow:auto}.msg svg{vertical-align:center!important;margin-bottom:3px}.align-right_container,.search-wrapper{display:flex;justify-content:flex-end;align-items:center}.search-select{width:170px;min-width:170px;max-width:170px;margin-right:15px}button.link svg{margin:0;color:#bbb}.date-range{display:flex;align-items:center;flex-grow:auto;padding-right:10px;margin-right:10px}.date-range .title-content span{display:block}.date-range .title-content .title{font-size:.7em}.each-inventory-area{display:inline-block!important;font-size:.8em;padding:1px 5px;margin:2px;border:thin solid #adadad;border-radius:5px}.password-wrapper{position:relative}.password-wrapper .fa-password-icon{position:absolute;top:30px;right:5px;color:#adadad}.password-wrapper .fa-password-icon:hover{color:#252525;cursor:pointer}.day-refs{display:flex}.day-refs div.card{width:50%;min-width:500px;min-height:100px}.scroll-to-top-container{display:flex;justify-content:flex-end;margin-top:5px}@media print{.hidden-print{display:none!important}}
/*# sourceMappingURL=main.e5fbc4c9.chunk.css.map */