@import url(../../libs/font-awesome/css/font-awesome.css); @import url(../../libs/glyphicons/styles/glyphicons.css); @import "iziToast.min.css"; .setup { padding-top: 25px; display: flex; justify-content: flex-start; align-items: center; flex-flow: column nowrap; width: 100vw; height: 100vh; } .setup .notes_textarea { border-radius: 2px; height: 97px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); border: solid 1px #bbbcbc; padding: 10px; box-sizing: border-box; resize: none; } .setup .select_folder { height: 48px; background-color: #fff; padding: 0 20px; font-size: 1rem; font-weight: 500; color: #6d6d6d; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); border: none; display: flex; flex-flow: row nowrap; align-items: center; justify-content: stretch; padding-right: 25px; position: relative; cursor: pointer; } .setup .description_lbl { margin-top: 22px; font-size: 14px; color: #878787; margin-bottom: 4px; } .setup .tab-header { display: flex; flex-flow: row; align-items: stretch; justify-content: flex-start; margin-left: -23px; } .setup .tab-header button { background: none; border: 1px solid #bbbcbc; padding: 0 38px; border-bottom: none; font-size: 20px; background-color: #bbbcbc; color: #002680; } .setup .tab-header button.active { background-color: #fff; font-weight: bold; border-top: 2px solid #002680; } .setup hr { flex-shrink: 0; background-color: #979797; width: 2px; height: 100%; margin: 0; margin-left: 5px; } .setup .modal { width: 1820px; height: 980px; } .setup .modal section.body { height: calc(100% - 66px); } .setup .modal section.body section { height: 100%; flex-flow: row nowrap; padding: 14px; display: flex; justify-content: flex-start; width: calc(100% - 28px); height: calc(100% - 28px - 82px); } .setup .modal section.body section .auto { overflow-y: auto; overflow-x: hidden; } .setup .modal section.body section aside { display: flex; justify-content: start; flex-direction: column; height: 100%; width: 520px; flex: 0 0 520px; overflow-y: scroll; padding-right: 10px; } .setup .modal section.body section aside hr { flex-shrink: 0; background-color: #979797; width: 100%; height: 2px; margin-left: 0px; } .setup .modal section.body section article { display: flex; flex-direction: column; width: 100%; position: relative; } .setup .modal section.body section article.shrink { flex-shrink: 2; } .setup .modal section.body section article .slides { width: 100%; height: 160px; display: flex; justify-content: space-evenly; align-items: center; } .setup .modal section.body section article .slides img { flex-shrink: 0; width: 215px; height: 140px; border: 1px solid #bbbcbc; cursor: pointer; } .setup .modal section.body section article .slides .imgborder { border: 1px solid #002680; } .setup .modal section.body section article .svg-area { display: flex; justify-content: center; position: relative; min-height: 50%; width: 100%; flex: 1; flex-flow: column; align-items: center; } .setup .modal section.body section article .svg-area .volantino { height: 48px; width: 48px; position: absolute; bottom: 101px; left: 100px; } .setup .modal section.body section article .svg-area .load-label { width: 100%; text-align: center; font-size: 2em; color: #4b4b4b; } .setup .modal section.body section article .svg-area .borded_label { cursor: pointer; min-width: 100px; height: 60px; border-radius: 40px; border: solid 4px #9b9b9b; display: flex; flex-direction: column; justify-content: center; padding: 0 1rem; position: absolute; background-color: white; } .setup .modal section.body section article .svg-area .borded_label div { display: grid; grid-template-columns: auto 1fr auto; } .setup .modal section.body section article .svg-area .borded_label div img { grid-column: 1; width: unset; height: unset; } .setup .modal section.body section article .svg-area .borded_label div span { grid-column: 2; text-align: right; } .setup .modal section.body section article .svg-area .borded_label div small { text-align: center; grid-column: 3; } .setup .modal section.body section article .svg-area img { width: 100%; } .setup .modal section.body footer { height: 64px; display: flex; justify-content: flex-end; align-items: center; } .setup .modal header { background-color: #fff; color: #002680; font-weight: 600; font-size: 24px; text-align: left; padding: 0px 23px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: stretch; } .setup .divider { width: 100%; height: 20px; } .setup .modal-footer-navigator { position: absolute; bottom: 0; left: 0; width: calc(100vw - 2rem); display: grid; grid-template-rows: 48px; flex-flow: row nowrap; grid-template-columns: repeat(auto-fit, minmax(30px, 1fr)); grid-column-gap: 1rem; padding: 0 1rem; } .setup .modal-footer-navigator .setup-button { height: 48px; width: 100%; grid-template-columns: 40px 1fr; } .setup .modal-footer-navigator .setup-button.current .background-top, .setup .modal-footer-navigator .setup-button.current .background-bottom { background-color: #d3d3d3; } .setup .modal-footer-navigator .setup-button.current .background-top:after, .setup .modal-footer-navigator .setup-button.current .background-bottom:after { background: #979797; } .setup .modal-footer-navigator .setup-button.current .background-top { box-shadow: -3px 5px 5px rgba(0, 0, 0, 0.2) inset; } .setup .modal-footer-navigator .setup-button.current .background-bottom { box-shadow: -3px -5px 5px rgba(0, 0, 0, 0.2) inset; } .setup .modal-footer-navigator .setup-button i { z-index: 2; margin: auto; position: absolute; top: -47px; left: 47px; font-size: 25px; width: 14px; height: 14px; overflow: visible; background-color: white; justify-content: center; align-items: center; display: flex; border-radius: 7px; } .setup .modal-footer-navigator .setup-button i.fa-check-circle { color: #90BF3D; } .setup .modal-footer-navigator .setup-button i.fa-check-circle.undone-step { color: #1791FF; } .setup .modal-footer-navigator .setup-button span, .setup .modal-footer-navigator .setup-button label { grid-row-start: 1; grid-row-end: -1; padding: 0; align-items: center; font-size: 14px; font-weight: bold; } .setup .modal-footer-navigator .setup-button label { padding-left: 5px; } .modal.setup-info header { padding-left: 31px; display: flex; align-items: center; font-size: 20px; font-weight: bold; color: darkblue; } .modal.setup-info { width: 1639px; height: 695px; background-color: #fff; margin: 150px auto; box-shadow: none; position: relative; } .modal.setup-info section { height: 100%; } .modal.setup-info section .Rectangle { width: calc(100% - 200px); height: calc(100% - 200px); background-color: #BBBCBC; display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: 1fr 1fr; align-items: center; justify-items: center; padding: 100px; } .setup-button { cursor: pointer; display: grid; width: 200px; height: 128px; grid-template-columns: 50px 1fr; grid-template-rows: 1fr 50px; position: relative; } .setup-button * { cursor: pointer; } .setup-button span, .setup-button label { grid-column: 1; display: flex; align-items: flex-end; color: #fff; z-index: 2; justify-content: center; font-weight: 500; font-size: 18px; padding-left: 10px; } .setup-button label { grid-column: 2; color: #002680; justify-content: flex-start; } .setup-button img { grid-column: 2; grid-row: 2; z-index: 2; margin: auto; } .setup-button i { position: absolute; bottom: 6px; left: 93px; z-index: 2; margin: auto; font-size: 36px; } .setup-button i.fa-check-circle { color: #90BF3D; } .setup-button i.fa-check-circle.undone-step { color: #1791FF; } .setup-button .background-top, .setup-button .background-bottom { position: absolute; left: 0; width: 100%; height: 50%; transform: skewX(12px); } .setup-button .background-top:after, .setup-button .background-bottom:after { content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 35px; background-color: #002680; } .setup-button .background-top { background-image: linear-gradient(to bottom, #fff, #e6e6e6); top: 0; transform: skewX(20deg); } .setup-button .background-bottom { background-image: linear-gradient(to bottom, #e6e6e6, #e2e2e2); bottom: 0; transform: skewX(-20deg); } article .box .body { border-width: 4px; } .box { margin-bottom: 20px; box-sizing: border-box; clear: both; } .box.transparent .body { border: none; } .box.center { margin-left: auto; margin-right: auto; } .box.box-500 { width: 500px; } .box.color_2 { background-color: #e5f3ff; } .box.color_3 { background-color: #b3dbff; } .box .header { display: flex; align-items: center; justify-content: center; height: 44px; width: 100%; font-size: 24px; font-weight: bold; color: #fff; background-color: #979797; } .box .body { padding: 1rem; display: grid; grid-row-gap: 1rem; flex-flow: column; justify-items: center; padding-bottom: 10px; padding-top: 5px; border: 2px solid #979797; box-sizing: border-box; align-items: center; } .box .submit { margin: auto; width: 90px; height: 48px; object-fit: contain; border-radius: 2px; border: none; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5); background-image: linear-gradient(to bottom, #f1f1f1 0%, #bbbcbc 98%); } .box .submit label { object-fit: contain; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #002680; } .setup-play { cursor: pointer; margin: auto; display: flex; } .text-success { color: #002680; } .warning { color: #ffb31e; } .modal { min-width: 500px; height: 400px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); z-index: 1000; background-color: #fff; position: absolute; -webkit-user-select: none; } .modal header { border-bottom: 2px solid #bbbcbc; height: 64px; line-height: 64px; position: relative; box-sizing: content-box; } .modal header button.close { position: absolute; width: 28px; height: 28px; border-radius: 50%; border: none; background-color: #fff; color: #002680; top: calc(50% - 14px); right: 14px; font-size: 16px; cursor: pointer; } .modal header button.close:active { background-color: #1791ff; color: #fff; } .modal footer { align-self: flex-end; height: 64px; line-height: 64px; border-top: 2px solid #bbbcbc; } .modal footer *.loader { font-weight: bold; font-size: 2em; display: flex; justify-content: center; align-items: center; margin-right: 15px; color: #002680; } .modal.m155 { width: 750px; height: 350px; top: calc(50%-350px / 2); left: calc(50%-750px / 2); } .modal.m155.multiple { height: 550px; top: calc(50%-550px / 2); } .modal.m155.multiple .body { height: 399px; } .modal.m155 header { background-color: #002680; color: #fff; font-family: 'Work Sans', sans-serif; font-weight: 600; font-size: 24px; text-align: left; padding: 0px 23px; } .modal.m155 h2 { font-size: 18px; text-align: left; color: #4b4b4b; width: 592px; margin: auto; margin-top: 20px; margin-bottom: 20px; } .modal.m155 .body { height: 199px; display: flex; align-items: center; justify-content: center; } .modal.m155 input[type=number] { width: 294px; height: 56px; font-size: 18px; line-height: 1.11; color: #4b4b4b; padding: 0 5px; box-sizing: border-box; text-align: right; width: 144px; } .modal.m155 input[type=password] { width: 294px; height: 56px; font-size: 17px; line-height: 1.11; color: #4b4b4b; padding: 0 5px; box-sizing: border-box; text-align: left; width: 400px; } .modal.m155 .content-real { width: 592px; display: flex; align-items: center; justify-content: flex-end; padding: 10px; box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.4); } .modal.m155 .content-real span { width: 100px; } .modal.m155 .content-password { display: flex; align-items: left; padding: 10px; } .modal.m155 .content-password input { margin-left: auto; } .modal.m155 .content-real-showval { display: flex; align-items: center; } .modal.m155 .content-real-showval span { word-wrap: break-word; max-width: 445px; } .modal.m155 .content-real-showval input { margin-left: auto; } .modal.m155 .content-modal-showval { display: flex; align-items: center; } .modal.m155 .content-modal-showval span { word-wrap: break-word; max-width: 700px; font-size: 30px; } .modal.m155 .content-btn { width: 592px; box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.4); margin-top: 17px; font-size: 18px; height: 52px; cursor: pointer; display: flex; align-items: center; } .modal.m155 .content-btn:hover { outline: 5px #1791ff auto; } .modal.m155 .content-btn [type="radio"]:checked, .modal.m155 .content-btn [type="radio"]:not(:checked) { visibility: hidden; } .modal.m155 .content-btn [type="radio"]:checked + label, .modal.m155 .content-btn [type="radio"]:not(:checked) + label { position: relative; padding-left: 45px; cursor: pointer; line-height: 25px; display: inline-block; color: #002e6e; } .modal.m155 .content-btn [type="radio"]:checked + label:before, .modal.m155 .content-btn [type="radio"]:not(:checked) + label:before { content: ""; position: absolute; left: 0; top: 0; width: 24px; height: 24px; border: 1px solid #ddd; border-radius: 100%; background: #fff; } .modal.m155 .content-btn [type="radio"][disabled]:checked + label, .modal.m155 .content-btn [type="radio"][disabled]:not(:checked) + label { cursor: not-allowed; } .modal.m155 .content-btn [type="radio"]:checked + label:after, .modal.m155 .content-btn [type="radio"]:not(:checked) + label:after { content: ""; width: 18px; height: 18px; background-image: linear-gradient(to bottom, #1756ad, #002680); position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .modal.m155 .content-btn [type="radio"][disabled]:checked + label:after, .modal.m155 .content-btn [type="radio"][disabled]:not(:checked) + label:after { background: #4e585e; } .modal.m155 .content-btn [type="radio"]:checked + label { font-weight: 600; } .modal.m155 .content-btn [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .modal.m155 .content-btn [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .modal.login, .modal.user-info { width: 600px; height: 610px; top: calc(50%-610px / 2); left: calc(50%-600px / 2); } .modal.login header, .modal.user-info header { background-color: #002680; color: #fff; font-family: 'Work Sans', sans-serif; font-weight: 600; font-size: 24px; text-align: left; padding: 0px 23px; } .modal.login .user-details, .modal.user-info .user-details { width: 250px; margin: auto; margin-bottom: 20px; } .modal.login .user-details span, .modal.user-info .user-details span, .modal.login .user-details strong, .modal.user-info .user-details strong { text-align: center; display: block; margin: 0 0 5px 0; font-size: 18px; } .modal.cmsconnect-info { width: 952px; height: 872px; top: calc(50%-872px / 2); left: calc(50%-952px / 2); color: #4b4b4b; } .modal.cmsconnect-info header { background-color: #002680; color: #fff; font-family: 'Work Sans', sans-serif; font-weight: 600; font-size: 24px; text-align: left; padding: 0px 23px; } .modal.cmsconnect-info .body { height: calc(100%-((64px/2)+1)); display: flex; width: 100%; } .modal.cmsconnect-info .body .menu { width: 20%; background-color: #e7e7e7; } .modal.cmsconnect-info .body .menu button { width: 100%; text-align: left; font-size: 16px; border: 0; height: 62px; border-bottom: 1px solid #cacaca; background-color: #e7e7e7; display: flex; align-items: center; color: #4b4b4b; } .modal.cmsconnect-info .body .menu button.selected { background-color: #fff; color: black; } .modal.cmsconnect-info .body .menu button i { font-size: 2em; padding-right: 15px; } .modal.cmsconnect-info .body .container { width: 80%; display: flex; flex-flow: row; justify-content: center; position: relative; } .modal.cmsconnect-info .body .container .err-container { background-color: #d0021b; color: white; font-weight: bold; position: absolute; width: 100%; height: 0px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); overflow: hidden; transition: 0.4s; } .modal.cmsconnect-info .body .container .err-container div { padding: 10px 10px; } .modal.cmsconnect-info .body .container .err-container.visible { height: 40px; cursor: pointer; } .modal.cmsconnect-info .body .container .status { width: 95%; margin-top: 15px; display: flex; flex-flow: column; justify-content: flex-start; } .modal.cmsconnect-info .body .container .status .btn-container { text-align: center; margin-top: 30px; } .modal.cmsconnect-info .body .container .status .status-container { background-color: #f8f8f8; display: flex; flex-flow: row; justify-content: space-between; height: 100px; margin-bottom: 20px; border-radius: 2px; border: solid 1px #dfdfdf; } .modal.cmsconnect-info .body .container .status .status-container .text { width: 100%; padding: 0 10px; display: flex; align-items: center; } .modal.cmsconnect-info .body .container .status .status-container .text * > b { line-height: 1.5em; } .modal.cmsconnect-info .body .container .status .status-container .icon { height: 100px; width: 100px; text-align: center; line-height: 100px; font-size: 47px; color: #1791ff; } .modal.cmsconnect-info .body .container .status .status-container .icon.green { color: #7ed321; } .modal.cmsconnect-info .body .container .status .status-container .icon.red { color: #d0021b; } .modal.cmsconnect-info .body .container .status .status-container .icon.std { color: #4b4b4b; } .modal.cmsconnect-info .body .container .reboot { width: 95%; margin-top: 15px; display: flex; flex-flow: column; justify-content: flex-start; } .modal.cmsconnect-info .body .container .reboot .reboot-container { background-color: #f8f8f8; display: flex; flex-flow: column; justify-content: center; align-items: center; height: 200px; margin-bottom: 20px; border-radius: 2px; border: solid 1px #dfdfdf; } .modal.cmsconnect-info .body .container .reboot .reboot-container i { font-size: 100px; margin-top: 20px; } .modal.cmsconnect-info .body .container .reboot .reboot-container i.green { color: #7ed321; } .modal.cmsconnect-info .body .container .reboot .reboot-container i.red { color: #d0021b; } .modal.cmsconnect-info .body .container .reboot .reboot-container i.blue { color: #1791ff; } .modal.cmsconnect-info .body .container .reboot .reboot-container .progress-line { height: 30px; width: 592px; margin: auto; } .modal.cmsconnect-info .body .container .reboot .reboot-container .progress-line progress { width: 552px; height: 12px; font-size: 14px; float: left; background-color: white; position: relative; } .modal.cmsconnect-info .body .container .reboot .reboot-container .progress-line progress[value]::-webkit-progress-value { color: #fff; background-color: #1791ff; border-radius: 4px; } .modal.cmsconnect-info .body .container .reboot .reboot-container .progress-line progress[value]::-webkit-progress-bar { background-color: #fff; border-radius: 4px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); } .modal.cmsconnect-info .body .container .reboot .btn-container { text-align: center; margin-top: 30px; } .modal.cmsconnect-info .body .container .network { width: 95%; margin-top: 15px; display: flex; flex-flow: column; justify-content: flex-start; } .modal.cmsconnect-info .body .container .network .form-group-row { display: flex; flex-flow: row; align-items: stretch; flex-wrap: wrap; } .modal.cmsconnect-info .body .container .network .form-group-row .form-group { padding: 0px 10px; margin-bottom: 20px; flex: 1; } .modal.cmsconnect-info .body .container .network .form-group-row .form-group input[type=text] { padding-left: 5px; } .modal.cmsconnect-info .body .container .network .form-group-row .form-group input:disabled { background-color: #e7e7e7; } .modal.cmsconnect-info .body .container .network .form-group-row .form-group textarea:disabled { background-color: #e7e7e7; } .modal.cmsconnect-info .body .container .network .form-group-row .form-group .togglebutton { height: 52px; display: flex; align-items: center; } .modal.cmsconnect-info .body .container .network .form-group-row .form-group label { margin-bottom: 5px; } .modal.cmsconnect-info .body .container .network .form-group-row .break { flex-basis: 100%; height: 0; } .modal.cmsconnect-info .body .container .network .footer { position: absolute; bottom: 0; width: 100%; left: 0; height: 60px; } .modal.cmsconnect-info .body .container .network .footer .pull-right { display: flex; flex-flow: row; } .modal.cmsconnect-info .body .container .network .footer .pull-right .success { height: 48px; margin-right: 10px; font-size: 45px; display: flex; justify-content: center; align-items: center; color: #7ed321; } .modal.machine-info { width: 600px; height: 730px; top: calc(50%-730px / 2); left: calc(50%-600px / 2); } .modal.machine-info header { background-color: #002680; color: #fff; font-family: 'Work Sans', sans-serif; font-weight: 600; font-size: 24px; text-align: left; padding: 0px 23px; } .modal.machine-info img { display: block; width: 88px; height: 88px; margin: auto; margin-top: 48px; margin-bottom: 40px; } .modal.machine-info .details { text-align: center; color: #4b4b4b; } .modal.machine-info .details > * { display: block; margin-bottom: 5px; height: 20px; line-height: 20px; } .modal.machine-info .details > label { text-align: right; } .modal.machine-info .details > label strong { display: inline-block; width: 50%; text-align: left; } .modal.machine-info .details > hr { border: none; } .modal.contact-info { width: 600px; height: 850px; top: calc(50%-850px / 2); left: calc(50%-600px / 2); } .modal.contact-info .body { position: relative; overflow: auto; } .modal.contact-info .loading { display: flex; align-items: center; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; line-height: 100%; background-color: #ffffff; font-size: 5em; color: #4b4b4b; justify-content: center; z-index: 100; } .modal.contact-info .error { display: flex; flex-flow: column; align-items: center; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; line-height: 100%; background-color: #ffffff; color: #4b4b4b; justify-content: center; z-index: 99; } .modal.contact-info .error .icon { font-size: 5em; margin-bottom: 15px; } .modal.contact-info .error .msg { font-weight: bold; margin-bottom: 25px; } .modal.contact-info .error .btn { width: 200px; margin-bottom: 15px; } .modal.contact-info .persona { margin-bottom: 18px; margin-top: 10px; } .modal.contact-info header { background-color: #002680; color: #fff; font-family: 'Work Sans', sans-serif; font-weight: 600; font-size: 24px; text-align: left; padding: 0px 23px; } .modal.contact-info img { display: block; width: 88px; height: 88px; margin: auto; margin-top: 48px; margin-bottom: 40px; } .modal.contact-info .scanLabel { font-size: 0.8em; margin-bottom: 17px; color: #002680; font-weight: bold; width: 90%; margin-left: auto; margin-right: auto; } .modal.contact-info .buttonContainer { margin-top: 30px; } .modal.contact-info .contactSuperContainer { display: flex; flex-direction: row; justify-content: space-around; color: #4b4b4b; margin-bottom: 10px; } .modal.contact-info .contactSuperContainer .firstColumn { width: auto; display: flex; flex-flow: column; align-items: center; justify-content: center; position: relative; } .modal.contact-info .contactSuperContainer .secondColumn { width: auto; display: flex; flex-flow: column; align-items: center; justify-content: center; } .modal.contact-info .contactContainer { display: flex; flex-direction: column; justify-content: center; margin-top: 20px; height: 450px; } .modal.contact-info .hoverqr { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(217, 217, 217, 0.8); display: flex; justify-content: center; align-items: center; } .modal.contact-info .qrcode { box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.4); border-radius: 2px; padding: 4px; width: 218px; height: 100%; position: relative; cursor: pointer; } .modal.contact-info .qrcode .name { width: 100%; height: 40px; display: flex; flex-flow: column; justify-content: center; text-align: center; overflow: hidden; } .modal.contact-info .qrcode .link { position: absolute; bottom: 0; right: 0; margin: 5px; padding: 4px; color: #002680; font-weight: bold; border-radius: 3px; background-color: #eaeaea; } .modal.contact-info .qrcode img { display: block; width: auto; height: auto; margin: auto; margin-bottom: auto; -webkit-user-drag: none; } .modal.contact-info .details { text-align: center; color: #4b4b4b; height: 70px; margin-bottom: 30px; } .modal.contact-info .details h3 { color: #002680; } .modal.contact-info .details > * { display: block; margin-bottom: 5px; margin-top: 0; line-height: 20px; } .modal.contact-info .details > label { text-align: right; } .modal.contact-info .details > label strong { display: inline-block; width: 50%; text-align: left; } .modal.contact-info .details > hr { border: none; } .modal.contact-info .contactInfo { margin-bottom: 30px; height: 95px; } .modal.contact-info .contactOpt { height: 300px; width: 100%; } .modal.contact-info .btn { margin: 0 auto; } .modal.self-adaptive { width: 750px; height: 350px; top: calc(50%-350px / 2); left: calc(50%-750px / 2); } .modal.self-adaptive header { background-color: #002680; color: #fff; font-family: 'Work Sans', sans-serif; font-weight: 600; font-size: 24px; text-align: left; padding: 0px 23px; } .modal.self-adaptive .body { height: 199px; display: flex; align-items: center; justify-content: center; } .modal.self-adaptive input[type=number] { width: 294px; height: 48px; font-size: 18px; line-height: 1.11; color: #4b4b4b; padding: 0 5px; box-sizing: border-box; text-align: right; width: 144px; } .modal.self-adaptive .loading { font-size: 5em; color: #4b4b4b; } .modal.self-adaptive .content { width: 592px; display: flex; align-items: center; justify-content: flex-end; padding: 15px; box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.4); } .modal.self-adaptive .content span { width: 100px; } .modal.loader { width: 896px; height: 453px; top: calc(50%-453px / 2); left: calc(50%-896px / 2); } .modal.loader header { background-color: #002680; color: #fff; font-family: 'Work Sans', sans-serif; font-weight: 600; font-size: 24px; text-align: left; padding: 0px 23px; } .modal.loader h2 { font-size: 18px; text-align: left; color: #4b4b4b; width: 592px; margin: auto; margin-top: 20px; margin-bottom: 20px; } .modal.loader .progress-line { height: 30px; width: 592px; margin: auto; } .modal.loader .progress-line i { font-size: 25px; margin-right: 15px; display: block; float: left; color: #1791ff; } .modal.loader .progress-line progress { width: 552px; height: 24px; font-size: 14px; float: left; background-color: white; position: relative; } .modal.loader .progress-line progress:after { display: block; content: attr(value) " %"; position: absolute; height: 24px; top: 0; left: 10px; line-height: 24px; color: #fff; font-weight: bold; } .modal.loader .progress-line progress[value]::-webkit-progress-value { color: #fff; background-color: #1791ff; border-radius: 12px; } .modal.loader .progress-line progress[value]::-webkit-progress-bar { background-color: #fff; border-radius: 12px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); } .modal.loader .axes-position-zeroing { height: 264px; width: 500px; display: flex; flex-flow: column; overflow: auto; margin: auto; margin-top: 20px; } .modal.loader .axes-position-zeroing .axes { min-height: 32px; width: 100%; display: flex; flex-flow: row; align-items: center; justify-content: space-between; margin-top: 8px; } .modal.loader .axes-position-zeroing .axes._7 { min-height: 26px; } .modal.loader .axes-position-zeroing .axes._8 { min-height: 22px; } .modal.loader .axes-position-zeroing .axes._9 { min-height: 18px; } .modal.loader .axes-position-zeroing .axes .variable { font-size: 48px; width: 75px; line-height: 0; font-weight: bold; color: #4b4b4b; text-align: right; margin-right: 10px; } .modal.loader .axes-position-zeroing .axes .variable._7 { font-size: 42px; line-height: 42px; } .modal.loader .axes-position-zeroing .axes .variable._8 { font-size: 36px; line-height: 36px; } .modal.loader .axes-position-zeroing .axes .variable._9 { font-size: 29px; line-height: 29px; } .modal.loader .axes-position-zeroing .axes .variable.more9 { width: 69px; } .modal.loader .axes-position-zeroing .axes .number { width: 100%; height: 32px; border-radius: 2px; display: flex; justify-content: flex-end; align-items: center; margin-right: 13px; color: #4b4b4b; padding-right: 8px; font-size: 20px; } .modal.loader .axes-position-zeroing .axes .number._7 { height: 26px; line-height: 26px; } .modal.loader .axes-position-zeroing .axes .number._8 { height: 22px; line-height: 22px; } .modal.loader .axes-position-zeroing .axes .number._9 { height: 18px; font-size: 18px; line-height: 18px; } .modal.loader .axes-position-zeroing .axes .number.more9 { margin-right: 5px; } .modal.loader .axes-position-zeroing .axes .number .umeasure { width: 32px; margin-left: 5px; text-align: left; } .modal.loader .axes-position-zeroing .axes:nth-child(odd) .number { background-color: #f3f3f3; } .modal.loader .axes-position-zeroing .axes:nth-child(even) .number { background-color: rgba(23, 145, 255, 0.3); } .modal.loader .axes-position-zeroing .axes:first-child { margin-top: 0px; } .modal.loader .axes-position-zeroing .axes:last-child { margin-bottom: 16px; } .backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; overflow: hidden; -webkit-backdrop-filter: blur(10px); background-color: rgba(217, 217, 217, 0.5); z-index: 1001; display: flex; align-items: center; justify-content: center; } .backdrop.nc { z-index: 1002; } .backdrop.internal { height: calc(100vh - 80px); } .modal.modal-confirm-delete { height: 300px; width: 500px; top: calc(50%-300px / 2); left: calc(50%-500px / 2); } .modal.modal-confirm-delete header { background-color: #002680; color: #fff; font-family: 'Work Sans', sans-serif; font-weight: 600; font-size: 24px; text-align: left; padding: 0px 23px; } .modal.modal-confirm-delete .body { text-align: center; margin-top: 30px; font-size: 18px; color: #4b4b4b; } .modal.modal-confirm-delete .modal-confirm-delete-footer { border-top: 2px solid #bbbcbc; } .modal.history-maintenance { width: 500px; height: 700px; top: calc(50%-700px / 2); left: calc(50%-500px / 2); } .modal.history-maintenance header { font-size: 20px; color: #002e6e; padding-left: 23px; } .modal.history-maintenance header button.close { position: absolute; width: 28px; height: 28px; border-radius: 50%; border: none; background-color: #002680; color: #fff; top: calc(50% - 14px); right: 14px; font-size: 16px; cursor: pointer; } .modal.history-maintenance header button.close:active { background-color: #1791ff; color: #fff; } .modal.history-maintenance .body { padding: 20px; } .modal.history-maintenance table { table-layout: fixed; width: 100%; border-collapse: collapse; } .modal.history-maintenance thead { border-bottom: solid 2px #979797; } .modal.history-maintenance thead tr th { height: 46px; } .modal.history-maintenance tr:nth-child(even) { background: #dddddd; } .modal.history-maintenance tr:nth-child(odd) { background: #FFF; } .modal.history-maintenance th:nth-child(1), .modal.history-maintenance td:nth-child(1) { width: 40%; max-width: 40%; text-align: left; padding-left: 10px; } .modal.history-maintenance th:nth-child(2), .modal.history-maintenance td:nth-child(2) { width: 30%; max-width: 30%; text-align: left; } .modal.history-maintenance th:nth-child(3), .modal.history-maintenance td:nth-child(3) { width: 30%; max-width: 30%; text-align: left; } .modal.history-maintenance th, .modal.history-maintenance td { overflow: hidden; } .modal.history-maintenance th div, .modal.history-maintenance td div { overflow: hidden; max-height: 64px; } .modal.history-maintenance tbody { display: block; overflow-y: hidden; overflow-x: hidden; max-height: 536px; } .modal.history-maintenance tbody.without-footer { height: 620px; } .modal.history-maintenance tbody::-webkit-scrollbar { width: 16px; } .modal.history-maintenance tbody::-webkit-scrollbar-track { margin: 20px 0px; background-color: #E5E5E5; border-radius: 15px; box-shadow: inset 0 1px 3px 0 #9F9F9F; } .modal.history-maintenance tbody::-webkit-scrollbar-thumb { width: 16px; background: #9F9F9F; border: 4px solid #E5E5E5; border-radius: 15px; } .modal.history-maintenance tbody tr { height: 62px; padding: 10px; } .modal.history-maintenance tbody tr td { text-align: center; } .modal.history-maintenance tbody tr td .users { background: #657178; color: white; padding: 6px 8px; margin-right: 8px; border-radius: 3px; } .modal.history-maintenance tbody tr td .type { color: white; padding: 6px 8px; border-radius: 3px; font-weight: bold; background-color: #d0021b; width: 34px; display: block; margin: auto; } .modal.history-maintenance tbody tr td .type.warning { background-color: #f5a623; color: #4b4b4b; } .modal.history-maintenance tbody tr.selected { background-color: rgba(23, 145, 255, 0.75); color: #fff; } .modal.history-maintenance tr { width: 100%; display: table; } .modal.create-maintenance { width: 896px; height: 696px; top: calc(50%-696px / 2); left: calc(50%-896px / 2); } .modal.create-maintenance header { font-size: 20px; color: #002e6e; padding-left: 23px; } .modal.create-maintenance header button.close { position: absolute; width: 28px; height: 28px; border-radius: 50%; border: none; background-color: #002680; color: #fff; top: calc(50% - 14px); right: 14px; font-size: 16px; cursor: pointer; } .modal.create-maintenance header button.close:active { background-color: #1791ff; color: #fff; } .modal.create-maintenance .typology { display: flex; flex-flow: column; } .modal.create-maintenance .typology .typology_lbl { margin-top: 22px; margin-left: 24px; font-size: 14px; line-height: 1.29; color: #878787; } .modal.create-maintenance .typology .radiobutton { margin-top: 17px; font-size: 18px; } .modal.create-maintenance .typology .radiobutton label { width: 220px; } .modal.create-maintenance .typology .radiobutton .machineimage { width: 19px; } .modal.create-maintenance .typology .radiobutton [type="radio"]:checked, .modal.create-maintenance .typology .radiobutton [type="radio"]:not(:checked) { visibility: hidden; } .modal.create-maintenance .typology .radiobutton [type="radio"]:checked + label, .modal.create-maintenance .typology .radiobutton [type="radio"]:not(:checked) + label { position: relative; padding-left: 45px; cursor: pointer; line-height: 25px; display: inline-block; color: #002e6e; } .modal.create-maintenance .typology .radiobutton [type="radio"]:checked + label:before, .modal.create-maintenance .typology .radiobutton [type="radio"]:not(:checked) + label:before { content: ""; position: absolute; left: 0; top: 0; width: 24px; height: 24px; border: 1px solid #ddd; border-radius: 100%; background: #fff; } .modal.create-maintenance .typology .radiobutton [type="radio"][disabled]:checked + label, .modal.create-maintenance .typology .radiobutton [type="radio"][disabled]:not(:checked) + label { cursor: not-allowed; } .modal.create-maintenance .typology .radiobutton [type="radio"]:checked + label:after, .modal.create-maintenance .typology .radiobutton [type="radio"]:not(:checked) + label:after { content: ""; width: 18px; height: 18px; background-image: linear-gradient(to bottom, #1756ad, #002680); position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .modal.create-maintenance .typology .radiobutton [type="radio"][disabled]:checked + label:after, .modal.create-maintenance .typology .radiobutton [type="radio"][disabled]:not(:checked) + label:after { background: #4e585e; } .modal.create-maintenance .typology .radiobutton [type="radio"]:checked + label { font-weight: 600; } .modal.create-maintenance .typology .radiobutton [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .modal.create-maintenance .typology .radiobutton [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .modal.create-maintenance .title, .modal.create-maintenance .description { display: flex; flex-flow: column; } .modal.create-maintenance .title .title_lbl, .modal.create-maintenance .description .title_lbl, .modal.create-maintenance .title .description_lbl, .modal.create-maintenance .description .description_lbl { margin-top: 22px; font-size: 14px; color: #878787; margin-bottom: 4px; } .modal.create-maintenance .title input, .modal.create-maintenance .description input { font-size: 18px; width: 416px; height: 48px; margin-left: 24px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); border: solid 1px #bbbcbc; } .modal.create-maintenance .title input[type="text"], .modal.create-maintenance .description input[type="text"] { padding: 10px; box-sizing: border-box; } .modal.create-maintenance .title textarea, .modal.create-maintenance .description textarea { border-radius: 2px; height: 97px; margin-left: 24px; margin-right: 24px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); border: solid 1px #bbbcbc; padding: 10px; box-sizing: border-box; resize: none; } .modal.create-maintenance .time { display: flex; flex-flow: row; } .modal.create-maintenance .time .date, .modal.create-maintenance .time .end_time { display: flex; flex-flow: column; } .modal.create-maintenance .time .date .date_lbl, .modal.create-maintenance .time .end_time .date_lbl, .modal.create-maintenance .time .date .end_time_lbl, .modal.create-maintenance .time .end_time .end_time_lbl { margin-top: 22px; margin-left: 24px; font-size: 14px; color: #878787; margin-bottom: 4px; } .modal.create-maintenance .time .date .data_Selector, .modal.create-maintenance .time .end_time .data_Selector { width: 209px; height: 48px; font-size: 18px; margin-left: 24px; border-radius: 2px; box-shadow: none; border: solid 1px #bbbcbc; } .modal.create-maintenance .time .date .time_Selector, .modal.create-maintenance .time .end_time .time_Selector { width: 110px; height: 48px; font-size: 18px; margin-left: 24px; border-radius: 2px; box-shadow: none; border: solid 1px #bbbcbc; } .modal.create-maintenance .time .date .data_Selector .mx-input, .modal.create-maintenance .time .end_time .data_Selector .mx-input, .modal.create-maintenance .time .date .time_Selector .mx-input, .modal.create-maintenance .time .end_time .time_Selector .mx-input { border: none; border-radius: 0px; height: 48px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); color: initial; } .modal.create-maintenance .time .date .data_Selector .mx-input:focus, .modal.create-maintenance .time .end_time .data_Selector .mx-input:focus, .modal.create-maintenance .time .date .time_Selector .mx-input:focus, .modal.create-maintenance .time .end_time .time_Selector .mx-input:focus { outline: 5px #1791ff auto; } .modal.create-maintenance .time .date .data_Selector .mx-input-append, .modal.create-maintenance .time .end_time .data_Selector .mx-input-append, .modal.create-maintenance .time .date .time_Selector .mx-input-append, .modal.create-maintenance .time .end_time .time_Selector .mx-input-append { width: 37px; } .modal.create-maintenance .time .date .data_Selector .mx-calendar-icon, .modal.create-maintenance .time .end_time .data_Selector .mx-calendar-icon, .modal.create-maintenance .time .date .time_Selector .mx-calendar-icon, .modal.create-maintenance .time .end_time .time_Selector .mx-calendar-icon { color: #002e6e; stroke-width: 12px; } .modal.create-maintenance .time .date .data_Selector .actived, .modal.create-maintenance .time .end_time .data_Selector .actived, .modal.create-maintenance .time .date .time_Selector .actived, .modal.create-maintenance .time .end_time .time_Selector .actived { background-color: #002e6e; } .modal.create-maintenance .time .date .data_Selector .today, .modal.create-maintenance .time .end_time .data_Selector .today, .modal.create-maintenance .time .date .time_Selector .today, .modal.create-maintenance .time .end_time .time_Selector .today { background-color: #d84b5c; border-radius: 16px; color: #fff; } .modal.create-maintenance .time .date input[type="date"], .modal.create-maintenance .time .end_time input[type="date"], .modal.create-maintenance .time .date input[type="time"], .modal.create-maintenance .time .end_time input[type="time"] { width: 209px; height: 48px; font-size: 18px; margin-left: 24px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); border: solid 1px #bbbcbc; } .modal.create-maintenance .time .date input[type="date"]::-webkit-inner-spin-button, .modal.create-maintenance .time .end_time input[type="date"]::-webkit-inner-spin-button { display: none; } .modal.create-maintenance .time .date input[type="date"]::-webkit-calendar-picker-indicator, .modal.create-maintenance .time .end_time input[type="date"]::-webkit-calendar-picker-indicator { color: rgba(0, 0, 0, 0); opacity: 1; display: block; background: url(/assets/icons/_png/calendar-25x25.png) no-repeat; width: 20px; height: 20px; border-width: thin; } .modal.create-maintenance .time .date input[type="time"], .modal.create-maintenance .time .end_time input[type="time"] { width: 112px; } .modal.create-maintenance .time .date input[type="time"]::-webkit-inner-spin-button, .modal.create-maintenance .time .end_time input[type="time"]::-webkit-inner-spin-button, .modal.create-maintenance .time .date input[type="time"]::-webkit-outer-spin-button, .modal.create-maintenance .time .end_time input[type="time"]::-webkit-outer-spin-button { display: none; } .modal.create-maintenance .repeat { display: flex; flex-flow: column; } .modal.create-maintenance .repeat .repeat_lbl { margin-top: 22px; margin-left: 24px; font-size: 14px; color: #878787; margin-bottom: 4px; } .modal.create-maintenance .repeat .repeat_input { display: flex; flex-flow: row; } .modal.create-maintenance .repeat .repeat_input input[type="text"], .modal.create-maintenance .repeat .repeat_input select { width: 56px; height: 48px; margin-left: 24px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); border: solid 1px #bbbcbc; box-sizing: border-box; } .modal.create-maintenance .repeat .repeat_input input[type="text"] { padding: 10px; } .modal.create-maintenance .repeat .repeat_input select { width: 144px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); margin-left: 16px; padding-left: 16px; } .modal.create-maintenance .repeat .repeat_input select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/assets/icons/_png/carets-up-down-blu-25x25.png) no-repeat 99% 50%; color: #4b4b4b; font-size: 18px; } .modal.info-equipment-box { width: 896px; height: 680px; border-radius: 2px; background-color: #fff; top: calc(50%-680px / 2); left: calc(50%-896px / 2); } .modal.info-equipment-box header { font-size: 20px; color: #002e6e; padding-left: 23px; } .modal.info-equipment-box button.close { position: absolute; width: 28px; height: 28px; border-radius: 50%; border: none; background-color: #002680; color: #fff; top: calc(50% - 14px); right: 14px; font-size: 16px; cursor: pointer; } .modal.info-equipment-box button.close:active { background-color: #1791ff; color: #fff; } .modal.info-equipment-box .tab-box-right { height: 81px; width: 100%; background-color: #e7e7e7; display: flex; flex-direction: row; border: none !important; } .modal.info-equipment-box .tab-box-right .tab { flex-grow: 0; flex-shrink: 0; float: left !important; width: 200px !important; height: 100% !important; margin: 0 !important; border: none !important; border-right: solid 1px #979797 !important; background-color: #e7e7e7; font-size: 18px !important; line-height: 1 !important; color: #4b4b4b !important; position: relative; } .modal.info-equipment-box .tab-box-right .tab.plus { border-right: none !important; } .modal.info-equipment-box .tab-box-right .tab.plus .btn { float: left !important; margin: 0; width: 48px; height: 48px; position: absolute; top: calc(50% - 24px); margin-left: 20px; padding: 0; } .modal.info-equipment-box .tab-box-right .tab.plus .btn .fa { vertical-align: middle; font-size: 21px; } .modal.info-equipment-box .tab-box-right .active { background-color: #fff; } .modal.info-equipment-box .tab-box-right .tab-box-scroll { width: 100%; overflow-y: hidden; overflow-x: auto; display: flex; flex-direction: row; flex-basis: auto; } .modal.info-equipment-box .tab-box-right .tab-box-scroll::-webkit-scrollbar { width: 5px; height: 5px; } .modal.info-equipment-box .tab-box-right .tab-box-scroll::-webkit-scrollbar-thumb { border-radius: 5px; height: 1px; background-color: rgba(0, 0, 0, 0.3); } .modal.info-equipment-box .info-equipment-body { height: calc(100% - 52px); width: 100%; display: flex; flex-flow: row; } .modal.info-equipment-box .info-equipment-body .info-equipment-body-left { width: 320px; height: 100%; display: flex; flex-flow: wrap; justify-content: center; } .modal.info-equipment-box .info-equipment-body .info-equipment-body-left img { width: 280px; height: 280px; margin-top: 36px; background-color: #dddddd; } .modal.info-equipment-box .info-equipment-body .info-equipment-body-left .tools { width: 100%; height: 100px; margin-top: 20px; text-align: center; } .modal.info-equipment-box .info-equipment-body .info-equipment-body-left button { width: 280px; } .modal.info-equipment-box .info-equipment-body .info-equipment-body-left .fa { margin-right: 10px; } .modal.info-equipment-box .info-equipment-body .info-equipment-body-left .explain { margin-top: 20px; text-align: left; width: 280px; display: inline-block; color: #4b4b4b; font-size: 15px; font-weight: 600; } .modal.info-equipment-box .info-equipment-body .info-equipment-body-right { width: calc(100% - 320px); height: calc(100% - 135px); } .modal.info-equipment-box .info-equipment-body .info-equipment-body-right table { width: 97%; height: 467px; display: block; margin-top: 32px; } .modal.info-equipment-box .info-equipment-body .info-equipment-body-right table tbody .info-equipment-category { text-align: center; margin-top: 32px; font-size: 18px; line-height: 1.11; color: #4b4b4b; } .modal.info-equipment-box .info-equipment-body .info-equipment-body-right table tbody tr { display: flex; width: 100%; flex-flow: row; } .modal.info-equipment-box .info-equipment-body .info-equipment-body-right table tbody tr td.columnleft, .modal.info-equipment-box .info-equipment-body .info-equipment-body-right table tbody tr td.columnright { height: 32px; background-color: #f1f1f1; margin: 4px; font-size: 18px; line-height: 1.11; display: flex; align-items: center; color: #4b4b4b; } .modal.info-equipment-box .info-equipment-body .info-equipment-body-right table tbody tr td.columnleft span, .modal.info-equipment-box .info-equipment-body .info-equipment-body-right table tbody tr td.columnright span { margin-left: 16px; } .modal.info-equipment-box .info-equipment-body .info-equipment-body-right table tbody tr td.columnleft { width: 256px; font-weight: 600; } .modal.info-equipment-box .info-equipment-body .info-equipment-body-right table tbody tr td.columnright { width: 216px; } .height555 { height: 555px !important; } .modal.load-depot { width: 696px; height: 462px; border-radius: 2px; background-color: #fff; top: calc(50%-462px / 2); left: calc(50%-696px / 2); } .modal.load-depot header { font-size: 20px; color: #002e6e; padding-left: 23px; } .modal.load-depot button.close { position: absolute; width: 28px; height: 28px; border-radius: 50%; border: none; background-color: #002680; color: #fff; top: calc(50% - 14px); right: 14px; font-size: 16px; cursor: pointer; } .modal.load-depot button.close:active { background-color: #1791ff; color: #fff; } .modal.load-depot .load-depot-box { height: calc(100%-230px); display: flex; align-items: center; justify-content: center; font-size: 18px; color: #002e6e; margin-top: 20px; flex-flow: column; } .modal.load-depot .load-depot-box .error { margin-top: 74px; color: #a10518; font-size: 22px; font-weight: bold; } .modal.load-depot .load-depot-box .load-depot-box-select { margin-top: 15px; } .modal.load-depot .load-depot-box .input-box { height: 70px; } .modal.load-depot .load-depot-box .input-box .title { margin: 0 15px; font-size: 16px; } .modal.load-depot .load-depot-box .input-box select.arrow { height: 36px; font-size: 16px; } .modal.load-depot footer .pull-right .btn { padding: 0 10px; } .modal.modal-iframe { width: 1800px; height: 800px; border-radius: 2px; background-color: #fff; top: calc(50%-800px / 2); left: calc(50%-1800px / 2); } .modal.modal-iframe header { font-size: 20px; color: #002e6e; padding-left: 23px; } .modal.modal-iframe header button.close { position: absolute; width: 28px; height: 28px; border-radius: 50%; border: none; background-color: #002680; color: #fff; top: calc(50% - 14px); right: 14px; font-size: 16px; cursor: pointer; } .modal.modal-iframe header button.close:active { background-color: #1791ff; color: #fff; } .modal.modal-iframe iframe { position: absolute; height: calc(100%-64px + 2px); width: 100%; border: none; } .modal.modal-image { width: 1800px; height: 800px; border-radius: 2px; background-color: #fff; top: calc(50%-800px / 2); left: calc(50%-1800px / 2); } .modal.modal-image header { font-size: 20px; color: #002e6e; padding-left: 23px; } .modal.modal-image header button.close { position: absolute; width: 28px; height: 28px; border-radius: 50%; border: none; background-color: #002680; color: #fff; top: calc(50% - 14px); right: 14px; font-size: 16px; cursor: pointer; } .modal.modal-image header button.close:active { background-color: #1791ff; color: #fff; } .modal.modal-image .body { height: calc(100%-64px); overflow: hidden; align-items: center; justify-content: center; display: flex; background-color: #cccccc; position: relative; } .modal.modal-image #imagecontainer { position: relative; max-width: 100%; max-height: 100%; } .modal.modal-load-program, .modal.modal-add-element-queue { width: 1808px; height: 873px; background-color: #fff; position: relative; margin: 95px auto; } .modal.modal-load-program header, .modal.modal-add-element-queue header { display: flex; align-items: center; padding-left: 24px; height: 81px; font-size: 20px; color: #002680; } .modal.modal-load-program header button.close, .modal.modal-add-element-queue header button.close { position: absolute; width: 28px; height: 28px; border-radius: 50%; border: none; background-color: #002680; color: #fff; top: calc(50% - 14px); right: 14px; font-size: 16px; cursor: pointer; } .modal.modal-load-program header button.close:active, .modal.modal-add-element-queue header button.close:active { background-color: #1791ff; color: #fff; } .modal.modal-load-program .modal-load-program-header, .modal.modal-add-element-queue .modal-load-program-header, .modal.modal-load-program .modal-add-element-queue-header, .modal.modal-add-element-queue .modal-add-element-queue-header { height: 70px; width: 100%; display: flex; flex-flow: column; } .modal.modal-load-program .modal-load-program-header .box-search, .modal.modal-add-element-queue .modal-load-program-header .box-search, .modal.modal-load-program .modal-add-element-queue-header .box-search, .modal.modal-add-element-queue .modal-add-element-queue-header .box-search { width: 100%; height: 70px; display: flex; flex-flow: row; align-items: center; background-color: #979797; } .modal.modal-load-program .modal-load-program-header .box-search .path, .modal.modal-add-element-queue .modal-load-program-header .box-search .path, .modal.modal-load-program .modal-add-element-queue-header .box-search .path, .modal.modal-add-element-queue .modal-add-element-queue-header .box-search .path { display: flex; flex-flow: row; color: #fff; margin-left: 20px; } .modal.modal-load-program .modal-load-program-header .box-search .path .child, .modal.modal-add-element-queue .modal-load-program-header .box-search .path .child, .modal.modal-load-program .modal-add-element-queue-header .box-search .path .child, .modal.modal-add-element-queue .modal-add-element-queue-header .box-search .path .child { display: flex; flex-flow: row; } .modal.modal-load-program .modal-load-program-header .box-search .path .child div + .fa.fa-chevron-right:first-child, .modal.modal-add-element-queue .modal-load-program-header .box-search .path .child div + .fa.fa-chevron-right:first-child, .modal.modal-load-program .modal-add-element-queue-header .box-search .path .child div + .fa.fa-chevron-right:first-child, .modal.modal-add-element-queue .modal-add-element-queue-header .box-search .path .child div + .fa.fa-chevron-right:first-child { display: none; } .modal.modal-load-program .modal-load-program-header .box-search .path .child .fa, .modal.modal-add-element-queue .modal-load-program-header .box-search .path .child .fa, .modal.modal-load-program .modal-add-element-queue-header .box-search .path .child .fa, .modal.modal-add-element-queue .modal-add-element-queue-header .box-search .path .child .fa { margin: 0px 22px; } .modal.modal-load-program .modal-load-program-header .box-search .search, .modal.modal-add-element-queue .modal-load-program-header .box-search .search, .modal.modal-load-program .modal-add-element-queue-header .box-search .search, .modal.modal-add-element-queue .modal-add-element-queue-header .box-search .search { display: flex; width: 100%; justify-content: flex-end; } .modal.modal-load-program .modal-load-program-header .box-search .search input, .modal.modal-add-element-queue .modal-load-program-header .box-search .search input, .modal.modal-load-program .modal-add-element-queue-header .box-search .search input, .modal.modal-add-element-queue .modal-add-element-queue-header .box-search .search input { width: 688px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); border: solid 1px #dfdfdf; background-color: #f8f8f8; } .modal.modal-load-program .modal-load-program-body, .modal.modal-add-element-queue .modal-load-program-body, .modal.modal-load-program .modal-add-element-queue-body, .modal.modal-add-element-queue .modal-add-element-queue-body { height: 631px; width: 100%; display: flex; position: relative; flex-flow: row; } .modal.modal-load-program .modal-load-program-body .ask-confirm, .modal.modal-add-element-queue .modal-load-program-body .ask-confirm, .modal.modal-load-program .modal-add-element-queue-body .ask-confirm, .modal.modal-add-element-queue .modal-add-element-queue-body .ask-confirm, .modal.modal-load-program .modal-load-program-body .cleanTempFolder, .modal.modal-add-element-queue .modal-load-program-body .cleanTempFolder, .modal.modal-load-program .modal-add-element-queue-body .cleanTempFolder, .modal.modal-add-element-queue .modal-add-element-queue-body .cleanTempFolder { top: 0; left: 0; position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; line-height: 3em; flex-flow: column; background-color: rgba(217, 217, 217, 0.5); } .modal.modal-load-program .modal-load-program-body .fileIsChanged, .modal.modal-add-element-queue .modal-load-program-body .fileIsChanged, .modal.modal-load-program .modal-add-element-queue-body .fileIsChanged, .modal.modal-add-element-queue .modal-add-element-queue-body .fileIsChanged { top: 0; left: 1112px; position: absolute; width: 696px; height: 100%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; line-height: 3em; flex-flow: column; background-color: rgba(217, 217, 217, 0.5); } .modal.modal-load-program .modal-load-program-body hr, .modal.modal-add-element-queue .modal-load-program-body hr, .modal.modal-load-program .modal-add-element-queue-body hr, .modal.modal-add-element-queue .modal-add-element-queue-body hr { width: 5%; } .modal.modal-load-program .modal-load-program-body .first-column, .modal.modal-add-element-queue .modal-load-program-body .first-column, .modal.modal-load-program .modal-add-element-queue-body .first-column, .modal.modal-add-element-queue .modal-add-element-queue-body .first-column { min-width: 215px; border-right: solid 2px #e7e7e7; display: flex; flex-flow: column; padding-top: 19px; } .modal.modal-load-program .modal-load-program-body .first-column .card-folder-path, .modal.modal-add-element-queue .modal-load-program-body .first-column .card-folder-path, .modal.modal-load-program .modal-add-element-queue-body .first-column .card-folder-path, .modal.modal-add-element-queue .modal-add-element-queue-body .first-column .card-folder-path { width: 200px; display: flex; margin-top: 8px 0 8px 5px; } .modal.modal-load-program .modal-load-program-body .second-column, .modal.modal-add-element-queue .modal-load-program-body .second-column, .modal.modal-load-program .modal-add-element-queue-body .second-column, .modal.modal-add-element-queue .modal-add-element-queue-body .second-column { height: calc(100% - 19px); min-width: 445px; border-right: solid 2px #e7e7e7; display: flex; flex-flow: column; padding-top: 19px; } .modal.modal-load-program .modal-load-program-body .second-column .content, .modal.modal-add-element-queue .modal-load-program-body .second-column .content, .modal.modal-load-program .modal-add-element-queue-body .second-column .content, .modal.modal-add-element-queue .modal-add-element-queue-body .second-column .content { width: 94%; height: 100%; } .modal.modal-load-program .modal-load-program-body .second-column .content .card-folder-path, .modal.modal-add-element-queue .modal-load-program-body .second-column .content .card-folder-path, .modal.modal-load-program .modal-add-element-queue-body .second-column .content .card-folder-path, .modal.modal-add-element-queue .modal-add-element-queue-body .second-column .content .card-folder-path { width: 371px; display: flex; margin-top: 8px 0 8px 8px; } .modal.modal-load-program .modal-load-program-body .second-column .group-btn, .modal.modal-add-element-queue .modal-load-program-body .second-column .group-btn, .modal.modal-load-program .modal-add-element-queue-body .second-column .group-btn, .modal.modal-add-element-queue .modal-add-element-queue-body .second-column .group-btn { display: flex; flex-flow: row; justify-content: center; margin-bottom: 16px; } .modal.modal-load-program .modal-load-program-body .second-column .group-btn input, .modal.modal-add-element-queue .modal-load-program-body .second-column .group-btn input, .modal.modal-load-program .modal-add-element-queue-body .second-column .group-btn input, .modal.modal-add-element-queue .modal-add-element-queue-body .second-column .group-btn input { width: 360px; height: 48px; padding: 0; box-sizing: border-box; font-size: 18px; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.4); } .modal.modal-load-program .modal-load-program-body .second-column .group-btn input[type="text"], .modal.modal-add-element-queue .modal-load-program-body .second-column .group-btn input[type="text"], .modal.modal-load-program .modal-add-element-queue-body .second-column .group-btn input[type="text"], .modal.modal-add-element-queue .modal-add-element-queue-body .second-column .group-btn input[type="text"] { padding-left: 5px; outline: none; } .modal.modal-load-program .modal-load-program-body .second-column .group-btn input:focus, .modal.modal-add-element-queue .modal-load-program-body .second-column .group-btn input:focus, .modal.modal-load-program .modal-add-element-queue-body .second-column .group-btn input:focus, .modal.modal-add-element-queue .modal-add-element-queue-body .second-column .group-btn input:focus { border-bottom: 1px solid #1791ff; box-shadow: none; } .modal.modal-load-program .modal-load-program-body .second-column .group-btn i, .modal.modal-add-element-queue .modal-load-program-body .second-column .group-btn i, .modal.modal-load-program .modal-add-element-queue-body .second-column .group-btn i, .modal.modal-add-element-queue .modal-add-element-queue-body .second-column .group-btn i { width: 44px; height: 44px; padding: 0; margin-top: 4px; color: #002680; } .modal.modal-load-program .modal-load-program-body .third-column, .modal.modal-add-element-queue .modal-load-program-body .third-column, .modal.modal-load-program .modal-add-element-queue-body .third-column, .modal.modal-add-element-queue .modal-add-element-queue-body .third-column { height: calc(100% - 19px); min-width: 447px; border-right: solid 2px #e7e7e7; display: flex; flex-flow: column; padding-top: 19px; } .modal.modal-load-program .modal-load-program-body .third-column .content, .modal.modal-add-element-queue .modal-load-program-body .third-column .content, .modal.modal-load-program .modal-add-element-queue-body .third-column .content, .modal.modal-add-element-queue .modal-add-element-queue-body .third-column .content { width: 94%; height: 100%; } .modal.modal-load-program .modal-load-program-body .third-column .content .card-folder-path, .modal.modal-add-element-queue .modal-load-program-body .third-column .content .card-folder-path, .modal.modal-load-program .modal-add-element-queue-body .third-column .content .card-folder-path, .modal.modal-add-element-queue .modal-add-element-queue-body .third-column .content .card-folder-path { width: 371px; display: flex; margin-top: 8px 0 8px 8px; } .modal.modal-load-program .modal-load-program-body .third-column .label-folder-empty, .modal.modal-add-element-queue .modal-load-program-body .third-column .label-folder-empty, .modal.modal-load-program .modal-add-element-queue-body .third-column .label-folder-empty, .modal.modal-add-element-queue .modal-add-element-queue-body .third-column .label-folder-empty { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; color: #4b4b4b; font-size: 20px; } .modal.modal-load-program .modal-load-program-body .third-column .group-btn, .modal.modal-add-element-queue .modal-load-program-body .third-column .group-btn, .modal.modal-load-program .modal-add-element-queue-body .third-column .group-btn, .modal.modal-add-element-queue .modal-add-element-queue-body .third-column .group-btn { display: flex; flex-flow: row; justify-content: center; margin-bottom: 16px; } .modal.modal-load-program .modal-load-program-body .third-column .group-btn input, .modal.modal-add-element-queue .modal-load-program-body .third-column .group-btn input, .modal.modal-load-program .modal-add-element-queue-body .third-column .group-btn input, .modal.modal-add-element-queue .modal-add-element-queue-body .third-column .group-btn input { width: 360px; height: 48px; padding: 0; box-sizing: border-box; font-size: 18px; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.4); } .modal.modal-load-program .modal-load-program-body .third-column .group-btn input[type="text"], .modal.modal-add-element-queue .modal-load-program-body .third-column .group-btn input[type="text"], .modal.modal-load-program .modal-add-element-queue-body .third-column .group-btn input[type="text"], .modal.modal-add-element-queue .modal-add-element-queue-body .third-column .group-btn input[type="text"] { padding-left: 5px; outline: none; } .modal.modal-load-program .modal-load-program-body .third-column .group-btn input:focus, .modal.modal-add-element-queue .modal-load-program-body .third-column .group-btn input:focus, .modal.modal-load-program .modal-add-element-queue-body .third-column .group-btn input:focus, .modal.modal-add-element-queue .modal-add-element-queue-body .third-column .group-btn input:focus { border-bottom: 1px solid #1791ff; box-shadow: none; } .modal.modal-load-program .modal-load-program-body .third-column .group-btn i, .modal.modal-add-element-queue .modal-load-program-body .third-column .group-btn i, .modal.modal-load-program .modal-add-element-queue-body .third-column .group-btn i, .modal.modal-add-element-queue .modal-add-element-queue-body .third-column .group-btn i { width: 44px; height: 44px; padding: 0; margin-top: 4px; color: #002680; } .modal.modal-load-program .modal-load-program-body .selected-item-blur, .modal.modal-add-element-queue .modal-load-program-body .selected-item-blur, .modal.modal-load-program .modal-add-element-queue-body .selected-item-blur, .modal.modal-add-element-queue .modal-add-element-queue-body .selected-item-blur { filter: blur(10px); padding: 10px !important; } .modal.modal-load-program .modal-load-program-body .selected-item, .modal.modal-add-element-queue .modal-load-program-body .selected-item, .modal.modal-load-program .modal-add-element-queue-body .selected-item, .modal.modal-add-element-queue .modal-add-element-queue-body .selected-item { width: 660px; height: 100%; display: flex; flex-flow: column; justify-content: flex-end; padding: 0 16px 0 22px; } .modal.modal-load-program .modal-load-program-body .selected-item .selected-item-header, .modal.modal-add-element-queue .modal-load-program-body .selected-item .selected-item-header, .modal.modal-load-program .modal-add-element-queue-body .selected-item .selected-item-header, .modal.modal-add-element-queue .modal-add-element-queue-body .selected-item .selected-item-header { height: 78px; width: 100%; display: flex; flex-flow: row; align-items: center; } .modal.modal-load-program .modal-load-program-body .selected-item .selected-item-header .subtitle, .modal.modal-add-element-queue .modal-load-program-body .selected-item .selected-item-header .subtitle, .modal.modal-load-program .modal-add-element-queue-body .selected-item .selected-item-header .subtitle, .modal.modal-add-element-queue .modal-add-element-queue-body .selected-item .selected-item-header .subtitle { display: flex; flex-flow: row; font-size: 13px; line-height: 4px; } .modal.modal-load-program .modal-load-program-body .selected-item .selected-item-header .subtitle .title, .modal.modal-add-element-queue .modal-load-program-body .selected-item .selected-item-header .subtitle .title, .modal.modal-load-program .modal-add-element-queue-body .selected-item .selected-item-header .subtitle .title, .modal.modal-add-element-queue .modal-add-element-queue-body .selected-item .selected-item-header .subtitle .title { min-width: 130px; text-align: right; color: #002680; } .modal.modal-load-program .modal-load-program-body .selected-item .selected-item-header .subtitle .text, .modal.modal-add-element-queue .modal-load-program-body .selected-item .selected-item-header .subtitle .text, .modal.modal-load-program .modal-add-element-queue-body .selected-item .selected-item-header .subtitle .text, .modal.modal-add-element-queue .modal-add-element-queue-body .selected-item .selected-item-header .subtitle .text { margin-right: 40px; color: #4b4b4b; margin-left: 5px; } .modal.modal-load-program .modal-load-program-body .selected-item .selected-item-header .selected-item-title, .modal.modal-add-element-queue .modal-load-program-body .selected-item .selected-item-header .selected-item-title, .modal.modal-load-program .modal-add-element-queue-body .selected-item .selected-item-header .selected-item-title, .modal.modal-add-element-queue .modal-add-element-queue-body .selected-item .selected-item-header .selected-item-title { height: 100%; width: 100%; display: flex; align-items: center; justify-content: flex-start; color: #002680; font-size: 26px; line-height: 55px; } .modal.modal-load-program .modal-load-program-body .selected-item .selected-item-header .group-button, .modal.modal-add-element-queue .modal-load-program-body .selected-item .selected-item-header .group-button, .modal.modal-load-program .modal-add-element-queue-body .selected-item .selected-item-header .group-button, .modal.modal-add-element-queue .modal-add-element-queue-body .selected-item .selected-item-header .group-button { height: 100%; width: 100%; display: flex; align-items: center; justify-content: flex-end; } .modal.modal-load-program .modal-load-program-body .selected-item .selected-item-header .group-button i, .modal.modal-add-element-queue .modal-load-program-body .selected-item .selected-item-header .group-button i, .modal.modal-load-program .modal-add-element-queue-body .selected-item .selected-item-header .group-button i, .modal.modal-add-element-queue .modal-add-element-queue-body .selected-item .selected-item-header .group-button i { font-size: 24px; } .modal.modal-load-program .modal-load-program-body .selected-item .selected-item-body, .modal.modal-add-element-queue .modal-load-program-body .selected-item .selected-item-body, .modal.modal-load-program .modal-add-element-queue-body .selected-item .selected-item-body, .modal.modal-add-element-queue .modal-add-element-queue-body .selected-item .selected-item-body { width: 100%; height: calc(100% - 78px); position: relative; border-top: solid 2px #e7e7e7; display: flex; flex-flow: column; } .modal.modal-load-program .modal-load-program-body .selected-item .selected-item-body .selected-item-body-image, .modal.modal-add-element-queue .modal-load-program-body .selected-item .selected-item-body .selected-item-body-image, .modal.modal-load-program .modal-add-element-queue-body .selected-item .selected-item-body .selected-item-body-image, .modal.modal-add-element-queue .modal-add-element-queue-body .selected-item .selected-item-body .selected-item-body-image { display: flex; width: 100%; margin-top: 10px; height: 331px; align-items: center; } .modal.modal-load-program .modal-load-program-body .selected-item .selected-item-body .selected-item-body-image .container, .modal.modal-add-element-queue .modal-load-program-body .selected-item .selected-item-body .selected-item-body-image .container, .modal.modal-load-program .modal-add-element-queue-body .selected-item .selected-item-body .selected-item-body-image .container, .modal.modal-add-element-queue .modal-add-element-queue-body .selected-item .selected-item-body .selected-item-body-image .container { margin: auto; overflow: visible; position: relative; cursor: pointer; width: 100%; height: 100%; overflow: hidden; } .modal.modal-load-program .modal-load-program-body .selected-item .selected-item-body .selected-item-body-image .container img, .modal.modal-add-element-queue .modal-load-program-body .selected-item .selected-item-body .selected-item-body-image .container img, .modal.modal-load-program .modal-add-element-queue-body .selected-item .selected-item-body .selected-item-body-image .container img, .modal.modal-add-element-queue .modal-add-element-queue-body .selected-item .selected-item-body .selected-item-body-image .container img { display: block; max-height: 331px; max-width: 567px; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4); } .modal.modal-load-program .modal-load-program-body .selected-item .selected-item-body .selected-item-body-image .container .eye, .modal.modal-add-element-queue .modal-load-program-body .selected-item .selected-item-body .selected-item-body-image .container .eye, .modal.modal-load-program .modal-add-element-queue-body .selected-item .selected-item-body .selected-item-body-image .container .eye, .modal.modal-add-element-queue .modal-add-element-queue-body .selected-item .selected-item-body .selected-item-body-image .container .eye { position: absolute; bottom: 2px; right: 10px; font-size: 25px; color: #002680; } .modal.modal-load-program .modal-load-program-body .selected-item .selected-item-body .selected-item-body-image .noimage, .modal.modal-add-element-queue .modal-load-program-body .selected-item .selected-item-body .selected-item-body-image .noimage, .modal.modal-load-program .modal-add-element-queue-body .selected-item .selected-item-body .selected-item-body-image .noimage, .modal.modal-add-element-queue .modal-add-element-queue-body .selected-item .selected-item-body .selected-item-body-image .noimage { display: block; margin: auto; height: 290px; width: 90%; text-align: center; line-height: 290px; color: #4b4b4b; font-size: 24px; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4); border: 1px solid rgba(0, 0, 0, 0.1); } .modal.modal-load-program .modal-load-program-body .selected-item .selected-item-body .selected-item-body-description, .modal.modal-add-element-queue .modal-load-program-body .selected-item .selected-item-body .selected-item-body-description, .modal.modal-load-program .modal-add-element-queue-body .selected-item .selected-item-body .selected-item-body-description, .modal.modal-add-element-queue .modal-add-element-queue-body .selected-item .selected-item-body .selected-item-body-description { display: flex; width: 100%; margin-top: 8px; overflow-x: hidden; height: calc(100% - 360px); flex-flow: column; } .modal.modal-load-program .modal-load-program-body .selected-item .selected-item-body .selected-item-body-description .key, .modal.modal-add-element-queue .modal-load-program-body .selected-item .selected-item-body .selected-item-body-description .key, .modal.modal-load-program .modal-add-element-queue-body .selected-item .selected-item-body .selected-item-body-description .key, .modal.modal-add-element-queue .modal-add-element-queue-body .selected-item .selected-item-body .selected-item-body-description .key { width: 200px; font-weight: 800; } .modal.modal-load-program .modal-load-program-body .selected-item .selected-item-body .selected-item-body-description .row, .modal.modal-add-element-queue .modal-load-program-body .selected-item .selected-item-body .selected-item-body-description .row, .modal.modal-load-program .modal-add-element-queue-body .selected-item .selected-item-body .selected-item-body-description .row, .modal.modal-add-element-queue .modal-add-element-queue-body .selected-item .selected-item-body .selected-item-body-description .row { width: 99%; font-family: monospace; white-space: pre; height: 32px; min-height: 32px; display: flex; align-items: center; color: #4b4b4b; line-height: 1.78px; text-align: justify; overflow: hidden; } .modal.modal-load-program .modal-load-program-body .selected-item .selected-item-body .selected-item-body-description .row label, .modal.modal-add-element-queue .modal-load-program-body .selected-item .selected-item-body .selected-item-body-description .row label, .modal.modal-load-program .modal-add-element-queue-body .selected-item .selected-item-body .selected-item-body-description .row label, .modal.modal-add-element-queue .modal-add-element-queue-body .selected-item .selected-item-body .selected-item-body-description .row label { font-size: 18px; margin-left: 5px; white-space: nowrap; } .modal.modal-load-program .modal-load-program-body .selected-item .selected-item-body .selected-item-body-description .row:nth-child(odd), .modal.modal-add-element-queue .modal-load-program-body .selected-item .selected-item-body .selected-item-body-description .row:nth-child(odd), .modal.modal-load-program .modal-add-element-queue-body .selected-item .selected-item-body .selected-item-body-description .row:nth-child(odd), .modal.modal-add-element-queue .modal-add-element-queue-body .selected-item .selected-item-body .selected-item-body-description .row:nth-child(odd) { background-color: rgba(23, 145, 255, 0.3); } .modal.modal-load-program .modal-load-program-body .selected-item .selected-item-body .selected-item-body-description .row:nth-child(even), .modal.modal-add-element-queue .modal-load-program-body .selected-item .selected-item-body .selected-item-body-description .row:nth-child(even), .modal.modal-load-program .modal-add-element-queue-body .selected-item .selected-item-body .selected-item-body-description .row:nth-child(even), .modal.modal-add-element-queue .modal-add-element-queue-body .selected-item .selected-item-body .selected-item-body-description .row:nth-child(even) { background-color: #f3f3f3; } .modal.modal-load-program .modal-load-program-body .selected-item .notselecteditem, .modal.modal-add-element-queue .modal-load-program-body .selected-item .notselecteditem, .modal.modal-load-program .modal-add-element-queue-body .selected-item .notselecteditem, .modal.modal-add-element-queue .modal-add-element-queue-body .selected-item .notselecteditem { position: absolute; right: 0; width: 695px; height: 631px; background-color: #f1f1f1; padding: 0; color: #4b4b4b; font-size: 24px; display: flex; align-items: center; justify-content: center; flex-flow: column; text-align: center; } .modal.modal-load-program .modal-load-program-body .selected-item .notselecteditem .label, .modal.modal-add-element-queue .modal-load-program-body .selected-item .notselecteditem .label, .modal.modal-load-program .modal-add-element-queue-body .selected-item .notselecteditem .label, .modal.modal-add-element-queue .modal-add-element-queue-body .selected-item .notselecteditem .label { margin-bottom: 20px; } .modal.modal-load-program .modal-load-program-body .selected-item .notselecteditem .path, .modal.modal-add-element-queue .modal-load-program-body .selected-item .notselecteditem .path, .modal.modal-load-program .modal-add-element-queue-body .selected-item .notselecteditem .path, .modal.modal-add-element-queue .modal-add-element-queue-body .selected-item .notselecteditem .path { font-style: italic; color: #4b4b4b88; margin-bottom: 90px; } .modal.modal-load-program .modal-load-program-footer, .modal.modal-add-element-queue .modal-load-program-footer, .modal.modal-load-program .modal-add-element-queue-footer, .modal.modal-add-element-queue .modal-add-element-queue-footer { height: 79px; width: 100%; display: flex; align-items: center; justify-content: flex-end; border-top: solid 2px #e7e7e7; } .modal.modal-load-program .modal-load-program-footer .togglebutton label, .modal.modal-add-element-queue .modal-load-program-footer .togglebutton label, .modal.modal-load-program .modal-add-element-queue-footer .togglebutton label, .modal.modal-add-element-queue .modal-add-element-queue-footer .togglebutton label { color: #4b4b4b; margin-right: 60px; font-size: 18px; font-weight: 600; } .modal.modal-load-program .modal-load-program-footer .togglebutton label span.toggle, .modal.modal-add-element-queue .modal-load-program-footer .togglebutton label span.toggle, .modal.modal-load-program .modal-add-element-queue-footer .togglebutton label span.toggle, .modal.modal-add-element-queue .modal-add-element-queue-footer .togglebutton label span.toggle { width: 92px; height: 31px; line-height: 31px; font-size: 13px; margin-left: -5px; } .modal.modal-load-program .modal-load-program-footer .togglebutton label .toggle:after, .modal.modal-add-element-queue .modal-load-program-footer .togglebutton label .toggle:after, .modal.modal-load-program .modal-add-element-queue-footer .togglebutton label .toggle:after, .modal.modal-add-element-queue .modal-add-element-queue-footer .togglebutton label .toggle:after { width: 29px; height: 29px; border-radius: 27px; top: 1px; } .modal.modal-load-program .modal-load-program-footer .togglebutton label input[type=checkbox]:checked + .toggle:after, .modal.modal-add-element-queue .modal-load-program-footer .togglebutton label input[type=checkbox]:checked + .toggle:after, .modal.modal-load-program .modal-add-element-queue-footer .togglebutton label input[type=checkbox]:checked + .toggle:after, .modal.modal-add-element-queue .modal-add-element-queue-footer .togglebutton label input[type=checkbox]:checked + .toggle:after { left: 48px; } .modal.modal-load-program .modal-load-program-footer .togglebutton label input[type=checkbox]:checked + .toggle:after, .modal.modal-add-element-queue .modal-load-program-footer .togglebutton label input[type=checkbox]:checked + .toggle:after, .modal.modal-load-program .modal-add-element-queue-footer .togglebutton label input[type=checkbox]:checked + .toggle:after, .modal.modal-add-element-queue .modal-add-element-queue-footer .togglebutton label input[type=checkbox]:checked + .toggle:after { width: 29px; height: 29px; border-radius: 27px; left: 62px; } .modal.modal-load-program .box-description, .modal.modal-add-element-queue .box-description { box-sizing: border-box; padding-top: 10px; height: 120px; width: 100%; border-top: solid 2px #e7e7e7; } .modal.modal-load-program .box-image, .modal.modal-add-element-queue .box-image { display: flex; justify-content: flex-start; flex-flow: column; min-height: 415px; width: 100%; margin-top: 16px; } .modal.modal-load-program .box-image .box-image-container, .modal.modal-add-element-queue .box-image .box-image-container { display: flex; justify-content: center; align-items: center; min-height: 329px; width: 100%; margin: 25px auto 23px auto; } .modal.modal-load-program .box-image .box-image-container img, .modal.modal-add-element-queue .box-image .box-image-container img { max-width: 577px; max-height: 329px; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4); } .modal.modal-load-program .box-image .linenumber, .modal.modal-add-element-queue .box-image .linenumber { display: flex; justify-content: center; align-items: center; } .modal.modal-load-program .box-image .linenumber div, .modal.modal-add-element-queue .box-image .linenumber div { width: 32px; height: 18px; } .modal.modal-load-program .box-image .linenumber div button, .modal.modal-add-element-queue .box-image .linenumber div button { margin: auto 4px; border: none; padding: 0; background: none; font-size: 18px; line-height: 1; color: #4b4b4b; } .modal.modal-load-program .box-image .linenumber div .target, .modal.modal-add-element-queue .box-image .linenumber div .target { color: #1791ff; font-weight: 600; } .modal.modal-job-add-parameter { width: 704px; height: 608px; top: calc(50%-608px / 2); left: calc(50%-704px / 2); background-color: #fff; } .modal.modal-job-add-parameter header { padding-left: 22px; font-size: 24px; font-weight: 600; color: #002680; } .modal.modal-job-add-parameter header button.close { display: flex; width: 28px; height: 28px; border-radius: 50%; border: none; background-color: #002680; color: #fff; font-size: 16px; float: right; cursor: pointer; } .modal.modal-job-add-parameter header button.close .fa { display: flex; margin-left: auto; margin-right: auto; } .modal.modal-job-add-parameter .job-add-parameter-body { height: 464px; width: 100%; display: flex; flex-flow: column; justify-content: flex-start; align-items: center; } .modal.modal-job-add-parameter .job-add-parameter-body .box:first-child { margin-top: 15px; margin-bottom: 8px; } .modal.modal-job-add-parameter .job-add-parameter-body .box { display: flex; margin: 8px; width: 656px; height: 80px; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); flex-flow: row; align-items: center; } .modal.modal-job-add-parameter .job-add-parameter-body .box .box-title { width: 100%; display: flex; justify-content: flex-start; font-size: 18px; line-height: 1.11; color: #4b4b4b; } .modal.modal-job-add-parameter .job-add-parameter-body .box .box-title label { margin-left: 15px; } .modal.modal-job-add-parameter .job-add-parameter-body .box .control { width: 100%; display: flex; justify-content: flex-end; } .modal.modal-job-add-parameter .job-add-parameter-body .box .control select { width: 304px; height: 48px; border-radius: 2px; margin-right: 16px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); background-color: #fff; border: solid 1px #bbbcbc; font-size: 18px; line-height: 1.11; color: #4b4b4b; padding-left: 16px; } .modal.modal-job-add-parameter .job-add-parameter-body .box .control input { width: 304px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); background-color: #fff; border: solid 1px #bbbcbc; margin: 16px; } .modal.modal-job-add-parameter .job-add-parameter-body .items-list { width: 475px; max-height: 248px; display: flex; flex-flow: column; } .modal.modal-job-add-parameter .job-add-parameter-body .items-list .title { height: 20px; font-size: 18px; line-height: 1.11; margin: 0 10px; color: #4b4b4b; } .modal.modal-job-add-parameter .job-add-parameter-body .items-list .items { width: 100%; max-height: 185px; min-height: 185px; display: flex; flex-flow: column; overflow: auto; } .modal.modal-job-add-parameter .job-add-parameter-body .items-list .items .group-item { width: 100%; min-height: 60px; display: flex; flex-flow: column; } .modal.modal-job-add-parameter .job-add-parameter-body .items-list .items .group-item .item { width: 100%; height: 48px; display: flex; flex-flow: row; align-items: center; } .modal.modal-job-add-parameter .job-add-parameter-body .items-list .items .group-item .item .number { font-size: 18px; line-height: 1.11; color: #4b4b4b; margin-right: 16px; } .modal.modal-job-add-parameter .job-add-parameter-body .items-list .items .group-item .item .input-text-box { margin-right: 8px; } .modal.modal-job-add-parameter .job-add-parameter-body .items-list .items .group-item .item .input-text-box input { width: 304px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); border: solid 1px #bbbcbc; } .modal.modal-job-add-parameter .job-add-parameter-body .items-list .items .group-item .item .group-button button.btn { padding: 0 12px; } .modal.modal-job-add-parameter .job-add-parameter-body .items-list .items .group-item .item .group-button button.btn .fa { font-size: 24px; } .modal.modal-job-add-parameter .job-add-parameter-body .items-list .items .group-item .item:first-child { margin-top: 12px; } .modal.modal-job-add-parameter .job-add-parameter-body .items-list .add-item { width: 100%; margin-top: 10px; display: flex; } .modal.modal-job-add-parameter .job-add-parameter-footer { width: 100%; height: 78px; display: flex; border-top: solid 2px #979797; flex-flow: row; align-items: center; justify-content: flex-end; } .modal.modal-edit-job { width: 952px; height: 872px; border-radius: 2px; top: calc(50%-392px); left: calc(50%-952px / 2); background-color: #fff; } .modal.modal-edit-job header { display: flex; align-items: center; height: 79px; padding-left: 23px; font-size: 24px; font-weight: 600; color: #002680; } .modal.modal-edit-job header button.close { display: flex; width: 28px; height: 28px; border-radius: 50%; border: none; background-color: #002680; color: #fff; font-size: 16px; float: right; cursor: pointer; } .modal.modal-edit-job header button.close .fa { display: flex; margin-left: auto; margin-right: auto; } .modal.modal-edit-job .modal-edit-job-body { height: 712px; width: 100%; display: flex; flex-flow: column; } .modal.modal-edit-job .modal-edit-job-body .tab-box { height: 81px; width: 100%; background-color: #e7e7e7; display: flex; flex-direction: row; border: none !important; } .modal.modal-edit-job .modal-edit-job-body .tab-box .tab { flex-grow: 0; flex-shrink: 0; float: left !important; width: 238px !important; height: 100% !important; margin: 0 !important; padding: 0; border: none !important; border-right: solid 1px #979797 !important; background-color: #e7e7e7; font-size: 18px !important; line-height: 1 !important; color: #4b4b4b !important; position: relative; } .modal.modal-edit-job .modal-edit-job-body .tab-box .tab.plus { border-right: none !important; } .modal.modal-edit-job .modal-edit-job-body .tab-box .tab.plus .btn { float: left !important; margin: 0; width: 48px; height: 48px; position: absolute; top: calc(50% - 24px); margin-left: 20px; padding: 0; } .modal.modal-edit-job .modal-edit-job-body .tab-box .tab.plus .btn .fa { vertical-align: middle; font-size: 21px; } .modal.modal-edit-job .modal-edit-job-body .tab-box .tab:last-child { border-right: none !important; } .modal.modal-edit-job .modal-edit-job-body .tab-box .active { background-color: #fff; border-top: solid 2px #1791ff !important; } .modal.modal-edit-job .modal-edit-job-body .tab-box .tab-box-scroll { width: 100%; overflow-y: hidden; overflow-x: auto; display: flex; flex-direction: row; flex-basis: auto; } .modal.modal-edit-job .modal-edit-job-body .tab-box .tab-box-scroll::-webkit-scrollbar { width: 5px; height: 5px; } .modal.modal-edit-job .modal-edit-job-body .tab-box .tab-box-scroll::-webkit-scrollbar-thumb { border-radius: 5px; height: 1px; background-color: rgba(0, 0, 0, 0.3); } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box { width: 100%; display: flex; flex-flow: column; justify-content: center; align-items: center; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-image { display: flex; justify-content: flex-start; flex-flow: column; height: 415px; width: 752px; margin-top: 16px; margin-bottom: 26px; background-color: #f3f3f3; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-image img { width: 577px; height: 329px; margin: 25px auto 23px auto; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-image .linenumber { display: flex; justify-content: center; align-items: center; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-image .linenumber div { width: 32px; height: 18px; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-image .linenumber div button { margin: auto 4px; border: none; padding: 0; background: none; font-size: 18px; line-height: 1; color: #4b4b4b; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-image .linenumber div .target { color: #1791ff; font-weight: 600; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-text { height: 104px; width: 834px; display: flex; flex-flow: column; margin: 0 auto; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-text .title { display: flex; font-size: 18px; line-height: 1; color: #002680; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-text .text { display: flex; margin-left: 14px; width: 820px; height: 72px; font-size: 18px; line-height: 1; margin-top: 14px; color: #4b4b4b; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-tool { height: 100%; width: 100%; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-tool .tag-tool-first { margin-top: 40px; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-params { height: 100%; width: 100%; display: flex; flex-flow: column; align-items: center; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-params .input-box { width: 656px; margin: 4px 0px; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-params .input-box.tag-params-first { margin-top: 36px; margin-bottom: 51px; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-params .input-box .control input { width: 96px; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-times { width: 100%; height: 100%; display: flex; flex-flow: column; align-items: center; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-times .row-time { width: 100%; display: flex; justify-content: space-around; align-items: center; flex-flow: row; font-size: 18px; font-weight: 600; line-height: 1.11; color: #4b4b4b; margin-top: 39px; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-times .row-time .box-time-to-use { display: flex; float: left; flex-flow: column; width: 292px; height: 109px; margin-left: 30px; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-times .row-time .box-time-to-use label { margin-bottom: 36px; text-align: center; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-times .row-time .box-time-to-use input { width: 288px; height: 48px; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-times .row-time .box-time-average-time { display: flex; float: right; flex-flow: column; width: 292px; height: 109px; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-times .row-time .box-time-average-time label { margin-bottom: 48px; text-align: center; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-times .row-time .box-time-average-time span { font-size: 36px; line-height: 0.56; color: #4b4b4b; text-align: center; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-times .box-history-time .box-history-time-title { width: 100%; display: flex; justify-content: center; margin-top: 64px; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-times .box-history-time table { width: 720px; height: 240px; border-collapse: collapse; border: solid 1px #979797; margin-top: 10px; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-times .box-history-time td, .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-times .box-history-time th { text-align: center; height: 46px; font-size: 14px; line-height: 1.43; color: #4b4b4b; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-times .box-history-time td { min-height: 46px; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-times .box-history-time thead tr th { font-size: 14px; line-height: 1.43; font-weight: 600; color: #4b4b4b; background-color: #fff; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-times .box-history-time tr:nth-child(even) { background-color: #f3f3f3; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-times .box-history-time tr:nth-child(odd) { background-color: rgba(23, 145, 255, 0.3); } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-times .box-history-time input[type=checkbox] { visibility: hidden; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-times .box-history-time .modal-edit-job-checkbox { width: 24px; height: 24px; display: flex; margin-left: 42%; align-items: center; position: relative; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-times .box-history-time .modal-edit-job-checkbox label { cursor: pointer; position: absolute; width: 22px; height: 22px; top: 0; left: 0; background-color: #f1f1f1; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); border-radius: 2px; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-times .box-history-time .modal-edit-job-checkbox label:after { opacity: 0; content: ''; position: absolute; width: 16px; height: 9px; background: transparent; top: 3px; left: 2px; border: 5px solid #1791ff; border-top: none; border-right: none; transform: rotate(-48deg); } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-times .box-history-time .modal-edit-job-checkbox input[type=checkbox]:checked + label { cursor: pointer; position: absolute; width: 22px; height: 22px; top: 0; left: 0; background-color: #f1f1f1; border: solid 1px #1791ff; border-radius: 2px; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-times .box-history-time .modal-edit-job-checkbox input[type=checkbox]:checked + label:after { opacity: 1; } .modal.modal-edit-job .modal-edit-job-body .modal-edit-job-box .box-tag-times .box-history-time .modal-edit-job-checkbox-label { display: flex; margin-left: 8px; font-size: 18px; line-height: 1.11; color: #4b4b4b; } .modal.modal-edit-job .modal-edit-job-footer { height: 78px; border-top: solid 2px #979797; width: 100%; } .modal.modal-edit-job .modal-edit-job-footer .group-btn { height: 100%; display: flex; align-items: center; justify-content: flex-end; } .modal.modal-missing-tools { width: 896px; height: 472px; border-radius: 2px; top: calc(50%-472px / 2); left: calc(50%-896px / 2); background-color: #fff; } .modal.modal-missing-tools header { display: flex; align-items: center; padding-left: 24px; font-size: 20px; color: #002680; } .modal.modal-missing-tools header button.close { display: flex; width: 28px; height: 28px; border-radius: 50%; border: none; background-color: #002680; color: #fff; font-size: 16px; float: right; cursor: pointer; } .modal.modal-missing-tools header button.close .fa { display: flex; margin-left: auto; margin-right: auto; } .modal.modal-missing-tools .modal-missing-tools-body.scrollable { height: 325px; } .modal.modal-missing-tools .modal-missing-tools-body.scrollable .modal-missing-tools-box { height: 100%; width: 100%; display: flex; flex-flow: column; align-items: center; margin-top: 22px; } .modal.modal-missing-tools .modal-missing-tools-body.scrollable .modal-missing-tools-box .title { display: flex; flex-flow: column; } .modal.modal-missing-tools .modal-missing-tools-body.scrollable .modal-missing-tools-box .title label { text-align: center; font-size: 18px; font-weight: 600; line-height: 1.11; color: #4b4b4b; } .modal.modal-missing-tools .modal-missing-tools-body.scrollable .modal-missing-tools-box .title span { font-size: 18px; line-height: 1.11; color: #4b4b4b; margin-top: 14px; } .modal.modal-missing-tools .modal-missing-tools-body.scrollable .modal-missing-tools-box .box-missing-tools { margin-top: 26px; } .modal.modal-missing-tools .modal-missing-tools-body.scrollable .modal-missing-tools-box .box-missing-tools .missing-tool { cursor: pointer; } .modal.modal-missing-tools .modal-missing-tools-body.scrollable .modal-missing-tools-box .box-missing-tools .missing-tool.selected { background-color: #1791ff; } .modal.modal-missing-tools .modal-missing-tools-footer { height: 79px; width: 100%; display: flex; align-items: center; justify-content: flex-end; border-top: solid 2px #979797; } .modal.modal-add-offset-tool { width: 1320px; height: 670px; border-radius: 2px; top: calc(50%-335px); left: calc(50%-1320px / 2); background-color: #fff; } .modal.modal-add-offset-tool header { display: flex; align-items: center; height: 79px; padding-left: 23px; font-size: 24px; font-weight: 600; color: #002680; } .modal.modal-add-offset-tool header button.close { display: flex; width: 28px; height: 28px; border-radius: 50%; border: none; background-color: #002680; color: #fff; font-size: 16px; float: right; cursor: pointer; } .modal.modal-add-offset-tool header button.close .fa { display: flex; margin-left: auto; margin-right: auto; } .modal.modal-add-offset-tool .modal-add-offset-tool-body { height: 513px; width: 100%; display: flex; flex-flow: column; align-items: center; } .modal.modal-add-offset-tool .modal-add-offset-tool-body .input-box { width: 700px; margin: 8px 0; } .modal.modal-add-offset-tool .modal-add-offset-tool-footer { height: 78px; border-top: solid 2px #979797; width: 100%; } .modal.modal-add-offset-tool .modal-add-offset-tool-footer .group-btn { height: 100%; display: flex; align-items: center; justify-content: flex-end; } .imageViewerZoom { position: absolute; width: 100%; height: 100%; background: #ffffff; top: 0; display: block; overflow: hidden; } .imageViewerZoom .container { width: 100%; height: 100%; cursor: -webkit-grab; } .imageViewerZoom .loading { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #cccccc; display: flex; align-items: center; text-align: center; font-size: 4em; justify-content: center; cursor: wait; color: #4b4b4b; } .imageViewerZoom img { position: absolute; user-drag: none; -webkit-user-drag: none; box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.4); } .imageViewerZoom::-webkit-scrollbar { width: 4px; height: 4px; background-color: transparent; } .imageViewerZoom::-webkit-scrollbar-thumb { border-radius: 2px; background-color: rgba(0, 0, 0, 0.3); } .imageViewerZoom .btngroup_close { position: absolute; top: 0; right: 0; margin-right: 20px; margin-top: 20px; } .imageViewerZoom .btngroup { position: absolute; bottom: 0; right: 0; margin-right: 20px; margin-bottom: 50px; } .imageViewerZoom .btngroup button { margin-top: 20px; } .imageViewerZoom .btngroup button.searchminus { margin-top: 0px; } .imageViewerZoom button { font-size: 20px; justify-content: center; display: flex; background-color: #ffffff; background-image: linear-gradient(to bottom, #1756ad, #002680); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); border-radius: 22px; border: none; height: 44px; max-height: 44px; min-width: 44px; max-width: 44px; cursor: pointer; color: #FFF; z-index: 1; } .imageViewerZoom button:disabled { background-color: #002680 !important; filter: grayscale(100%); } .imageViewerZoom button > img { height: 22px; margin: auto; display: block; } .imageViewerZoom button > img.h-20 { height: 20px; } .imageViewerZoom button > img.h-24 { height: 24px; } .imageViewerZoom button .machine-info small { display: block; text-align: left; margin-left: 5px; font-size: 11px; } .imageViewerZoom button.red { background-color: #d0021b; color: white; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4), inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); } .imageViewerZoom button.blue { background-color: #1791ff; color: white; } .imageViewerZoom button.dark-blue { background-color: #002680; color: white; } .imageViewerZoom button.dark-blue:active { background-color: #1791ff; } .imageViewerZoom button.gray { background-color: #4b4b4b; color: white; } .imageViewerZoom button.profile { width: 44px; color: #000; } .imageViewerZoom button.profile.colorWhite { color: #FFF; } .imageViewerZoom button.unclickable { cursor: default; } .imageViewerZoom input[type=range] { -webkit-appearance: none; margin: 18px 0; width: 200px; transform: rotate(-90deg); margin-top: 200px; } .imageViewerZoom input[type=range]:focus { outline: none; } .imageViewerZoom input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 9px; cursor: pointer; background: #979797; border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); } .imageViewerZoom input[type=range]::-webkit-slider-thumb { height: 30px; width: 30px; border-radius: 15px; background-color: #ffffff; background-image: linear-gradient(to left, #1756ad, #002680); box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.4); cursor: pointer; -webkit-appearance: none; margin-top: -10px; } .imageViewerZoom .rangecontainer { height: 257px; width: 44px; overflow: hidden; } .imageViewerZoom .rangecontainer .range { position: absolute; top: -15px; left: -79px; } .imageViewerZoom:active { cursor: -webkit-grabbing; } .modal.modal-report-select-column { width: 896px; height: 696px; top: calc(50%-696px / 2); left: calc(50%-896px / 2); background-color: #fff; } .modal.modal-report-select-column header { display: flex; align-items: center; height: 63px; padding-left: 23px; font-size: 20px; color: #002680; } .modal.modal-report-select-column header button.close { display: flex; width: 28px; height: 28px; border-radius: 50%; border: none; background-color: #002680; color: #fff; font-size: 16px; float: right; cursor: pointer; } .modal.modal-report-select-column header button.close .fa { display: flex; margin-left: auto; margin-right: auto; } .modal.modal-report-select-column .modal-report-body-header { display: flex; flex-flow: column; margin-left: 24px; margin-top: 20px; height: 95px; } .modal.modal-report-select-column .modal-report-body-header label { font-size: 18px; line-height: 1.11; color: #4b4b4b; } .modal.modal-report-select-column .modal-report-body-header div { display: flex; flex-flow: row; width: 267px; height: 24px; } .modal.modal-report-select-column .modal-report-body-header div input[type=checkbox] { visibility: hidden; } .modal.modal-report-select-column .modal-report-body-header div .modal-report-select-column-checkbox { width: 24px; height: 24px; display: flex; align-items: center; position: relative; margin-top: 29px; } .modal.modal-report-select-column .modal-report-body-header div .modal-report-select-column-checkbox label { cursor: pointer; position: absolute; width: 22px; height: 22px; top: 0; left: 0; background-color: #f1f1f1; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); border-radius: 2px; } .modal.modal-report-select-column .modal-report-body-header div .modal-report-select-column-checkbox label:after { opacity: 0; content: ''; position: absolute; width: 16px; height: 9px; background: transparent; top: 3px; left: 2px; border: 5px solid #1791ff; border-top: none; border-right: none; transform: rotate(-48deg); } .modal.modal-report-select-column .modal-report-body-header div .modal-report-select-column-checkbox input[type=checkbox]:checked + label { cursor: pointer; position: absolute; width: 22px; height: 22px; top: 0; left: 0; background-color: #f1f1f1; border: solid 1px #1791ff; border-radius: 2px; } .modal.modal-report-select-column .modal-report-body-header div .modal-report-select-column-checkbox input[type=checkbox]:checked + label:after { opacity: 1; } .modal.modal-report-select-column .modal-report-body-header div .modal-report-select-column-checkbox-label { display: flex; margin-left: 17px; margin-top: 29px; height: 29px; font-size: 18px; font-weight: 600; line-height: 1.11; color: #002680; } .modal.modal-report-select-column .modal-report-body-center { width: calc(100% - 24px); height: 452px; display: flex; padding-left: 24px; flex-flow: column; } .modal.modal-report-select-column .modal-report-body-center .modal-report-body-center-row { width: 100%; height: 100%; display: flex; flex-flow: row; margin: 24px 0; } .modal.modal-report-select-column .modal-report-body-center .modal-report-body-center-row div { display: flex; flex-flow: row; width: 267px; height: 24px; } .modal.modal-report-select-column .modal-report-body-center .modal-report-body-center-row div input[type=checkbox] { visibility: hidden; } .modal.modal-report-select-column .modal-report-body-center .modal-report-body-center-row div .modal-report-select-column-checkbox { width: 24px; height: 24px; display: flex; align-items: center; position: relative; } .modal.modal-report-select-column .modal-report-body-center .modal-report-body-center-row div .modal-report-select-column-checkbox label { cursor: pointer; position: absolute; width: 22px; height: 22px; top: 0; left: 0; background-color: #f1f1f1; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); border-radius: 2px; } .modal.modal-report-select-column .modal-report-body-center .modal-report-body-center-row div .modal-report-select-column-checkbox label:after { opacity: 0; content: ''; position: absolute; width: 16px; height: 9px; background: transparent; top: 3px; left: 2px; border: 5px solid #1791ff; border-top: none; border-right: none; transform: rotate(-48deg); } .modal.modal-report-select-column .modal-report-body-center .modal-report-body-center-row div .modal-report-select-column-checkbox input[type=checkbox]:checked + label { cursor: pointer; position: absolute; width: 22px; height: 22px; top: 0; left: 0; background-color: #f1f1f1; border: solid 1px #1791ff; border-radius: 2px; } .modal.modal-report-select-column .modal-report-body-center .modal-report-body-center-row div .modal-report-select-column-checkbox input[type=checkbox]:checked + label:after { opacity: 1; } .modal.modal-report-select-column .modal-report-body-center .modal-report-body-center-row div .modal-report-select-column-checkbox-label { display: flex; margin-left: 17px; height: 29px; font-size: 18px; font-weight: 600; line-height: 1.11; color: #002680; } .modal.modal-report-select-column .modal-report-body-footer { width: 100%; height: 62px; display: flex; border-top: solid 2px #bbbcbc; flex-flow: row; align-items: center; justify-content: flex-end; } .modal.create-user { width: 752px; height: 550px; top: calc(50%-550px / 2); left: calc(50%-752px / 2); } .modal.create-user header { font-size: 20px; color: #002e6e; padding-left: 23px; } .modal.create-user header button.close { position: absolute; width: 28px; height: 28px; border-radius: 50%; border: none; background-color: #002680; color: #fff; top: calc(50% - 14px); right: 14px; font-size: 16px; cursor: pointer; } .modal.create-user header button.close:active { background-color: #1791ff; color: #fff; } .modal.create-user .rows { display: flex; flex-flow: row; max-height: 418px; overflow-y: auto; } .modal.create-user .rows .sx { display: flex; flex-flow: column; width: 288px; } .modal.create-user .rows .sx .error { color: #a10518; font-size: 22px; font-weight: bold; text-align: center; } .modal.create-user .rows .sx .avatarContainer { width: 288px; height: 288px; display: flex; flex-flow: column; } .modal.create-user .rows .sx .avatarContainer .profile { margin: auto; background-color: #1177bb; font-size: 128px; justify-content: center; display: flex; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); align-items: center; border-radius: 72px; border: none; height: 144px; width: 144px; cursor: pointer; color: #000; z-index: 1; } .modal.create-user .rows .divider { width: 100%; height: 20px; } .modal.create-user .rows .content-btn { width: 440px; box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.4); margin-top: 17px; font-size: 18px; height: 52px; cursor: pointer; display: flex; align-items: center; } .modal.create-user .rows .content-btn:hover { outline: 5px #1791ff auto; } .modal.create-user .rows .content-btn [type="radio"]:checked, .modal.create-user .rows .content-btn [type="radio"]:not(:checked) { visibility: hidden; } .modal.create-user .rows .content-btn [type="radio"]:checked + label, .modal.create-user .rows .content-btn [type="radio"]:not(:checked) + label { position: relative; padding-left: 45px; cursor: pointer; line-height: 25px; display: inline-block; color: #002e6e; } .modal.create-user .rows .content-btn [type="radio"]:checked + label:before, .modal.create-user .rows .content-btn [type="radio"]:not(:checked) + label:before { content: ""; position: absolute; left: 0; top: 0; width: 24px; height: 24px; border: 1px solid #ddd; border-radius: 100%; background: #fff; } .modal.create-user .rows .content-btn [type="radio"][disabled]:checked + label, .modal.create-user .rows .content-btn [type="radio"][disabled]:not(:checked) + label { cursor: not-allowed; } .modal.create-user .rows .content-btn [type="radio"]:checked + label:after, .modal.create-user .rows .content-btn [type="radio"]:not(:checked) + label:after { content: ""; width: 18px; height: 18px; background-image: linear-gradient(to bottom, #1756ad, #002680); position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .modal.create-user .rows .content-btn [type="radio"][disabled]:checked + label:after, .modal.create-user .rows .content-btn [type="radio"][disabled]:not(:checked) + label:after { background: #4e585e; } .modal.create-user .rows .content-btn [type="radio"]:checked + label { font-weight: 600; } .modal.create-user .rows .content-btn [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .modal.create-user .rows .content-btn [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .modal.create-user .typology { display: flex; flex-flow: column; } .modal.create-user .typology .typology_lbl { margin-top: 22px; margin-left: 24px; font-size: 14px; line-height: 1.29; color: #878787; } .modal.create-user .typology .radiobutton { margin-top: 17px; font-size: 18px; } .modal.create-user .typology .radiobutton label[for="datefixed"] { margin-right: 209px; } .modal.create-user .typology .radiobutton [type="radio"]:checked, .modal.create-user .typology .radiobutton [type="radio"]:not(:checked) { visibility: hidden; } .modal.create-user .typology .radiobutton [type="radio"]:checked + label, .modal.create-user .typology .radiobutton [type="radio"]:not(:checked) + label { position: relative; padding-left: 45px; cursor: pointer; line-height: 25px; display: inline-block; color: #002e6e; } .modal.create-user .typology .radiobutton [type="radio"]:checked + label:before, .modal.create-user .typology .radiobutton [type="radio"]:not(:checked) + label:before { content: ""; position: absolute; left: 0; top: 0; width: 24px; height: 24px; border: 1px solid #ddd; border-radius: 100%; background: #fff; } .modal.create-user .typology .radiobutton [type="radio"][disabled]:checked + label, .modal.create-user .typology .radiobutton [type="radio"][disabled]:not(:checked) + label { cursor: not-allowed; } .modal.create-user .typology .radiobutton [type="radio"]:checked + label:after, .modal.create-user .typology .radiobutton [type="radio"]:not(:checked) + label:after { content: ""; width: 18px; height: 18px; background-image: linear-gradient(to bottom, #1756ad, #002680); position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .modal.create-user .typology .radiobutton [type="radio"][disabled]:checked + label:after, .modal.create-user .typology .radiobutton [type="radio"][disabled]:not(:checked) + label:after { background: #4e585e; } .modal.create-user .typology .radiobutton [type="radio"]:checked + label { font-weight: 600; } .modal.create-user .typology .radiobutton [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .modal.create-user .typology .radiobutton [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .modal.create-user .title, .modal.create-user .description { display: flex; flex-flow: column; } .modal.create-user .title .title_lbl, .modal.create-user .description .title_lbl { margin-top: 22px; margin-left: 24px; font-size: 14px; color: #878787; margin-bottom: 4px; } .modal.create-user .title input, .modal.create-user .description input { font-size: 18px; width: 416px; height: 48px; margin-left: 24px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); border: solid 1px #bbbcbc; } .modal.create-user .title input[type="text"], .modal.create-user .description input[type="text"], .modal.create-user .title input[type="password"], .modal.create-user .description input[type="password"] { padding: 10px; box-sizing: border-box; } .modal.create-user .title textarea, .modal.create-user .description textarea { border-radius: 2px; height: 97px; margin-left: 24px; margin-right: 24px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); border: solid 1px #bbbcbc; padding: 10px; box-sizing: border-box; resize: none; } .gauge-container { display: grid; grid-template-rows: 1fr auto 1fr; width: 610px; height: 610px; } .gauge-container hr { grid-row: 2; grid-column: 1; margin: auto; height: 5px; width: calc(610px/2); background-color: gray; z-index: 1; border: none; } .gauge-container .done, .gauge-container .target { display: flex; align-items: center; justify-content: center; font-size: 150px; font-weight: 200; } .gauge-container .done { grid-row: 1; grid-column: 1; align-items: flex-end; } .gauge-container .target { grid-row: 3; grid-column: 1; align-items: flex-start; } .gauge-container .gauge1, .gauge-container .gauge2 { grid-column: 1; grid-row-start: 1; grid-row-end: 3; } .gauge-container .gauge1 .gauge .dial, .gauge-container .gauge2 .gauge .dial { stroke: #003366; stroke-width: 2.5; fill: rgba(153, 207, 255, 0); } .gauge-container .gauge1 .gauge .dial.ok, .gauge-container .gauge2 .gauge .dial.ok { fill: rgba(153, 207, 255, 0.6); } .gauge-container .gauge1 .gauge .dial.pre, .gauge-container .gauge2 .gauge .dial.pre { fill: rgba(250, 163, 70, 0.6); } .gauge-container .gauge1 .gauge .value, .gauge-container .gauge2 .gauge .value { stroke: #90C03D; stroke-width: 2.5; } .gauge-container .gauge1 .gauge .errors, .gauge-container .gauge2 .gauge .errors { stroke: #d0021b; } .gauge-container .gauge1 .gauge .value-text, .gauge-container .gauge2 .gauge .value-text { fill: black; font-size: 20px; } .gauge-container .gauge2 .gauge .dial { stroke: rgba(0, 0, 0, 0.5); stroke-width: 1; } .gauge-container .gauge2 .gauge .value { stroke: #4caaff; stroke-width: 1; } .dashboard { font-family: "Work Sans"; height: calc(100% - 60px); width: 100%; background-image: url("../../assets/icons/png/bg.png"); position: fixed; z-index: 1002; display: grid; grid-template-rows: 144px 1fr; grid-template-columns: 152px 1fr 610px 1fr 152px; grid-row-gap: 40px; padding-top: 20px; padding-bottom: 40px; color: #4b4b4b; } .dashboard header { grid-row: 1; grid-column-start: 1; grid-column-end: -1; width: 100% !important; justify-content: space-between; height: 144px !important; position: relative !important; } .dashboard header .arch { justify-content: center; } .dashboard header .arch .box-gauge { width: 126px; margin: 0 15px; } .dashboard header .arch .box-gauge .minigauge .back { stroke-width: 6; } .dashboard header .arch .box-gauge .minigauge .front { stroke-width: 6; stroke: #1791ff; } .dashboard header .arch .box-gauge div:last-of-type label { color: #4b4b4b; } .dashboard header .arch .box-gauge div:last-of-type label:first-of-type { font-size: 18px; } .dashboard header .arch .box-gauge div:last-of-type label:last-of-type { font-size: 26px; text-transform: uppercase; } .dashboard header .arch .box-gauge .value { font-size: 1.8rem; top: 30%; color: #4b4b4b; } .dashboard header .arch .box-gauge .gauge-container { width: 126px; height: 126px; } .dashboard header .arch .box-gauge .gauge-container > .gauge > .value { stroke: #1791ff; } .dashboard header .arch .box-gauge .gauge-container.three > .gauge > .value-text { fill: #4b4b4b; } .dashboard header .ribbon-container, .dashboard header .app-ribbon { height: 144px; width: 152px; border-top-right-radius: 72px; border-bottom-right-radius: 72px; } .dashboard header .ribbon-container .status-icon, .dashboard header .app-ribbon .status-icon { width: 114px; height: 114px; border-radius: 57px; } .dashboard header .ribbon-container .status-icon *, .dashboard header .app-ribbon .status-icon * { font-size: 48px; } .dashboard header .header-buttons { padding-right: 21px; display: flex; flex-flow: column; align-items: flex-end; justify-content: space-between; height: 100%; } .dashboard header .header-buttons .user-info { font-size: 14px; } .dashboard header .header-buttons .user-info .name { text-align: right; } .dashboard header .header-buttons button.modal-close { box-shadow: none; background-color: #002680; color: white; } .dashboard .first_col { grid-row: 2; grid-column: 2; height: 100%; display: flex; flex-flow: column; } .dashboard .first_col .timing-area { display: grid; grid-template-rows: 1fr 1fr 1fr; height: 610px; } .dashboard .first_col .timing-area .start, .dashboard .first_col .timing-area .current, .dashboard .first_col .timing-area .end { display: flex; flex-flow: column; align-items: center; justify-content: center; position: relative; } .dashboard .first_col .timing-area .start::before, .dashboard .first_col .timing-area .current::before, .dashboard .first_col .timing-area .end::before { content: ""; display: block; width: 120%; height: 100%; position: absolute; background-repeat: no-repeat; background-position: 0 0; background-size: 100%; left: 0px; top: 0; z-index: 0; } .dashboard .first_col .timing-area .start small, .dashboard .first_col .timing-area .current small, .dashboard .first_col .timing-area .end small { font-size: 26px; text-transform: uppercase; z-index: 1; } .dashboard .first_col .timing-area .start time, .dashboard .first_col .timing-area .current time, .dashboard .first_col .timing-area .end time { font-size: 100px; font-weight: 300; z-index: 1; max-height: 140px; } .dashboard .first_col .timing-area .start::before { background-image: url(/assets/svg/dashboard-top-left.svg); } .dashboard .first_col .timing-area .end::before { background-image: url(/assets/svg/dashboard-bottom-left.svg); } .dashboard .first_col .timing-area .current { background-color: transparent; } .dashboard .first_col .timing-area .current time { font-size: 54px; font-weight: 500; } .dashboard .first_col .setpoint { margin: auto; display: grid; grid-template-rows: 1fr 1fr; grid-template-columns: 65px 125px 65px; grid-row-gap: 1rem; } .dashboard .first_col .setpoint img { grid-row: 1; grid-column: 1; margin: auto; height: 41px; width: 41px; } .dashboard .first_col .setpoint label { margin: auto; grid-row: 1; grid-column-start: 2; grid-column-end: -1; font-size: 54px; text-align: right; } .dashboard .first_col .setpoint .notenabled { opacity: 0.5; } .dashboard .first_col .setpoint .strike { text-decoration: line-through; } .dashboard .first_col .setpoint div { display: flex; flex-flow: column; font-weight: 500; align-items: center; } .dashboard .first_col .setpoint div small { font-size: 12px; line-height: 25px; text-transform: uppercase; } .dashboard .first_col .setpoint div span { line-height: 25px; font-size: 25px; } .dashboard .first_col .setpoint button { border: 2px solid #4b4b4b; border-radius: 50%; width: 65px; height: 65px; font-size: 36px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5); font-size: 28px; justify-content: center; align-items: center; display: flex; color: #4b4b4b; } .dashboard .first_col .setpoint button:disabled { background-color: #4b4b4baa; } .dashboard .first_col .setpoint button.pressed:not([disabled]), .dashboard .first_col .setpoint button:active:not([disabled]) { background-color: #4b4b4baa; } .dashboard .first_col .setpoint button:hover { border: 2px solid #1791ff; } .dashboard .second_col { grid-row: 2; grid-column: 3; height: 100%; display: flex; flex-flow: column; } .dashboard .second_col .remaining_time { margin: auto; display: flex; flex-flow: column; align-items: center; } .dashboard .second_col .remaining_time small { font-size: 26px; font-weight: 500; text-transform: uppercase; } .dashboard .second_col .remaining_time time { font-size: 120px; font-weight: 300; } .dashboard .third_col { grid-row: 2; grid-column-start: 4; grid-column-end: -1; height: 100%; display: flex; flex-flow: column; max-height: 836px; } .dashboard .third_col .recipe { height: 97px; position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .dashboard .third_col .recipe::before { content: ""; display: block; width: 761px; height: 100%; position: absolute; background-repeat: no-repeat; background-position: 50%; background-size: cover; left: -100px; top: 0; z-index: 0; background-image: url(/assets/svg/dashboard-top-right.svg); } .dashboard .third_col .recipe label { font-size: 36px; z-index: 1; } .dashboard .third_col .piece_time { cursor: pointer; display: grid; grid-template-rows: repeat(2, auto); grid-template-columns: repeat(2, auto); height: 260px; padding: 20px; } .dashboard .third_col .piece_time .piece_hours { grid-row: 1; grid-column: 1; } .dashboard .third_col .piece_time .time_cycle { grid-row: 1; grid-column: 2; } .dashboard .third_col .piece_time .piece_hours.selected span, .dashboard .third_col .piece_time .time_cycle.selected span { color: #1791ff !important; } .dashboard .third_col .piece_time div { display: flex; flex-flow: column; } .dashboard .third_col .piece_time div span { font-family: "Work Sans"; text-align: center; color: #4b4b4b; } .dashboard .third_col .piece_time div span:first-of-type { font-size: 26px; font-weight: 500; text-transform: uppercase; } .dashboard .third_col .piece_time div span:last-of-type { font-size: 120px; font-weight: 300; } .dashboard .third_col .pieces { height: 400px; } .dashboard .third_col .pieces aside { margin-top: 10px; height: calc(100% - 78px); } .history-item { display: flex; flex-flow: column nowrap; align-items: center; justify-content: flex-end; cursor: pointer; } .history-item .body { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 25px; width: 630px; align-items: center; height: 84px; background-color: #e8e8e8; border-bottom: 1px solid #4b4b4b; } .history-item .subitems { width: 630px; } .history-item .subitems .row { display: grid; grid-template-columns: 1fr 1fr 1fr; height: 60px; margin-left: 151px; width: calc(100% - 151px - 25px); background-color: #e8e8e8; border-bottom: 1px solid #4b4b4b; } .history-item label { text-align: right; font-size: 54px; font-weight: 500; } .history-item label.red { color: #d0021b; } .history-item .col { display: flex; flex-flow: column; align-items: center; justify-content: space-evenly; height: 100%; } .history-item .col small { font-size: 12px; font-weight: 500; text-transform: uppercase; text-align: center; } .history-item .col span { font-size: 25px; font-weight: 500px; } .history-item .col i { font-size: 32px; } .history-item button.trash { border-radius: 25px; width: 50px; height: 50px; border: 2px solid #4b4b4b; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5); } .history-item button.trash.pressed, .history-item button.trash:active:not([disabled]) { background-color: #4b4b4baa; } .history-item button.trash:hover { border: 2px solid #1791ff; } .history-list { height: 100%; overflow-y: scroll; margin-right: 8px; margin-top: 2px; } .warmers { position: relative; } .warmers svg { width: 100%; height: 100%; } .warmers svg rect { fill: none; stroke: 1px solid blue; } .warmers svg .resistance { width: calc(100% - 4px); height: calc(100% - 4px); background-color: #f40000; margin: 2px; border-radius: 4px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 32px; font-weight: bold; color: #fff; } .warmers svg .resistance.temp { grid-template-columns: 50% 50%; grid-template-rows: 50% 50%; display: grid; font-size: 22px; } .warmers svg .resistance.temp span { text-align: right; margin-right: 5px; } .warmers .icon { font-size: 30px; margin-left: 10px; } .slider { display: grid; grid-template-columns: 48px 1fr 48px; grid-column-gap: 1rem; width: 100%; flex-flow: row wrap; justify-content: space-between; align-items: center; } .slider .control { position: relative; flex: 1; } .slider .control input { position: absolute; top: calc(50% - 5px); left: 0; width: 100%; height: 6px; z-index: 2; margin: 0 -10px; width: calc(100% + 20px); -webkit-appearance: none; } .slider .control input:focus { outline: none; } .slider .control input::-webkit-slider-thumb { -webkit-appearance: none; width: 32px; height: 32px; border-radius: 50%; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); background-color: #002680; margin-top: -13px; } .slider .control input::-webkit-slider-runnable-track { height: 6px; background-color: #B0C4DE; width: calc(100% - 20px); margin: 0 10px; border-radius: 3px; } .slider .control .lines { position: absolute; top: calc(50% - 10px); left: 0; width: 100%; height: 20px; display: flex; justify-content: space-around; } .slider .control .lines .line { width: 3px; height: 20px; background-color: #B0C4DE; } .slider .control .labels { display: block; position: absolute; bottom: -15px; width: 100%; } .slider .control .labels small { position: absolute; left: calc(50% - 50px); width: 100px; text-align: center; } .slider .control .labels small:first-of-type { position: absolute; left: 0; text-align: left; } .slider .control .labels small:last-of-type { position: absolute; left: none; left: calc(100% - 100px) !important; text-align: right; } .slider button { width: 48px; height: 48px; border-radius: 8px; border: none; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5); background-image: linear-gradient(to bottom, #fff 0%, #bbbcbc 98%); } .keyboard { height: 262px; width: 262px; background-color: #bbbcbc; display: flex; justify-content: center; position: fixed; top: 0; left: 0; z-index: 9000; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5); } .keyboard .mask { display: grid; grid-template-columns: repeat(4, 52px); grid-template-rows: repeat(4, 52px); grid-gap: 5px 8px; margin-top: 7%; } .keyboard .mask button { border: none; background-image: linear-gradient(to bottom, #f1f1f1 0%, #bbbcbc 98%); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5); color: #002680; font-size: 20px; border-radius: 2px; } .keyboard .mask button.pressed, .keyboard .mask button:active:not([disabled]) { background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1); border: none !important; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.4) !important; } .keyboard .mask button[disabled] { border-radius: 2px; background-color: #dddddd; background-image: none; box-shadow: none; color: #878787; } .keyboard .mask button[disabled]:hover { box-shadow: none !important; } .keyboard .mask .zero { grid-column: 1 / span 2; grid-row: 0.8; } .keyboard .mask .submit { grid-column-start: 4; grid-column-end: 5; grid-row-start: 3; grid-row-end: 5; background-size: 54px; background-position-x: -1px; background-image: url(/assets/icons/png/submit.png); } .keyboard .mask .bCanc { grid-column: 0.8; grid-row: 0.66666667; background-size: 54px; background-image: url(/assets/icons/png/canc.png); } .keyboard .mask .b1 { grid-column: 0.5; grid-row: 0.75; } .keyboard .mask .b2 { grid-column: 0.66666667; grid-row: 0.75; } .keyboard .mask .b3 { grid-column: 0.75; grid-row: 0.75; } .keyboard .mask .b4 { grid-column: 0.5; grid-row: 0.66666667; } .keyboard .mask .b5 { grid-column: 0.66666667; grid-row: 0.66666667; } .keyboard .mask .b6 { grid-column: 0.75; grid-row: 0.66666667; } .keyboard .mask .b7 { grid-column: 0.5; grid-row: 0.5; } .keyboard .mask .b8 { grid-column: 0.66666667; grid-row: 0.5; } .keyboard .mask .b9 { grid-column: 0.75; grid-row: 0.5; } .keyboard .mask .bPunto { grid-column: 0.75; grid-row: 0.8; } .keyboard .mask .bPunto.point { background-image: linear-gradient(to bottom, #1756ad, #002680); color: white; } .keyboard .mask .bDel { grid-column: 0.8; grid-row: 0.5; } .keyboard .mask .focus { position: absolute; background-image: linear-gradient(to bottom, #1756ad, #002680); bottom: 6px; right: 4px; width: 10px; height: 10px; border-radius: 5px; } .pre_heat { grid-template-rows: 144px auto auto auto; grid-template-columns: repeat(6, 16.7%); } .pre_heat small { font-family: "Work Sans"; font-weight: 500; line-height: 1.96; text-align: center; color: #4b4b4b; } .pre_heat small:first-of-type { grid-row: 2; grid-column-start: 1; grid-column-end: -1; font-size: 67px; } .pre_heat small:last-of-type { grid-row: 3; grid-column-start: 1; grid-column-end: -1; font-size: 26px; text-transform: uppercase; } .pre_heat .preriscaldo_time { grid-row: 4; grid-column-start: 2; grid-column-end: 6; display: flex; justify-content: space-evenly; align-items: center; } .pre_heat .preriscaldo_time div { display: flex; flex-flow: column; } .pre_heat .preriscaldo_time div label { font-family: "Work Sans"; font-weight: 200; font-weight: 400; text-align: center; color: #4b4b4b; } .pre_heat .preriscaldo_time div label:first-of-type { font-size: 250px; } .pre_heat .preriscaldo_time div label:last-of-type { font-size: 50px; } .paddle { position: absolute; height: 920px; right: 0; bottom: 80px; overflow: visible; background-color: #ddd; width: 1360px; box-shadow: none; transform: translateX(1360px); transition: transform 0.3s 0.2s ease-in-out, box-shadow 0.3s linear; display: flex; align-items: stretch; justify-content: flex-start; z-index: 1001; } .paddle.open-full { transform: translateX(0); box-shadow: 2px 10px 15px 0 rgba(0, 0, 0, 0.5); transition: transform 0.1s ease-in-out, box-shadow 0.3s 0.1s linear; } .paddle.open-half { transform: translateX(680px); box-shadow: 2px 10px 15px 0 rgba(0, 0, 0, 0.5); transition: transform 0.1s ease-in-out, box-shadow 0.3s 0.1s linear; } .paddle .paddleButton { width: 40px; height: 80px; border-top-left-radius: 40px; border-bottom-left-radius: 40px; background-color: #ddd; box-shadow: -1px 3px 4px -4px rgba(0, 0, 0, 0.5); position: absolute; top: calc(50% - 40px); left: -40px; cursor: pointer; padding-left: 5px; display: flex; align-items: center; justify-content: center; } .paddle .paddleButton .circles { display: grid; grid-template-columns: 10px 10px; grid-template-rows: 10px 10px; grid-row-gap: 3px; grid-column-gap: 3px; } .paddle .paddleButton .circles div { border-radius: 5px; width: 10px; height: 10px; background-color: #002680; } .paddle section { width: calc(680px - 2rem); height: calc(100% - 2rem); border-right: 1px solid #bbbcbc; display: grid; grid-template-rows: 50px 1fr 50px; padding: 1rem; position: relative; } .paddle section header { display: flex; justify-content: center; align-items: flex-end; font-size: 24px; font-weight: 500; color: #002680; } .paddle section article { display: grid; grid-template-columns: 1fr 1fr; grid-row-gap: 20px; grid-column-gap: 20px; padding: 10px; overflow-y: auto; grid-template-rows: repeat(auto-fit, 100px); } .paddle section footer { position: relative; display: flex; align-items: center; justify-content: flex-end; } .paddle section footer .configure { width: 30px; height: 30px; cursor: pointer; font-size: 30px; color: #979797; margin: 0 1rem; } .paddle section footer .configure.active { color: #1791ff; } .softkey { width: 100%; height: 100px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); background-color: #808e96; cursor: pointer; color: #fff; font-size: 18px; font-weight: 500; display: grid; grid-template-columns: auto 1fr; grid-column-gap: 10px; align-items: center; justify-content: center; padding: 1rem; box-sizing: border-box; border: none; position: relative; } .softkey.active { box-shadow: inset 0px 0px 0px 3px #1791ff; } .softkey.active[disabled]::after { box-shadow: inset 0px 0px 0px 3px #1791ff !important; } .softkey[disabled]::after { top: 0; left: 0; position: absolute; width: 100%; height: 100%; background-color: #aaaaaaaa; content: ""; } .softkey button.configure { position: absolute; top: -10px; left: -10px; width: 28px; height: 28px; border-radius: 14px; border: 2px solid #002680; color: #002680; background: #fff; } .softkey.pressed:active, .softkey:active { background-color: #57636b; } .starred-softkey { box-sizing: border-box; border-radius: 2px; margin: 0 8px; text-align: center; font-size: 18px; font-weight: bold; box-shadow: none; padding: 0 20px; border: none; position: relative; background-image: linear-gradient(to bottom, #f1f1f1, #bbbcbc) !important; } .starred-softkey.pressed:active, .starred-softkey:active { background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1) !important; } .starred-softkey.pressed { background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1) !important; } .starred-softkey.active { box-shadow: inset 0px 0px 0px 3px #1791ff !important; } .starred-softkey.active[disabled]::after { box-shadow: inset 0px 0px 0px 3px #1791ff !important; } .starred-softkey img { -webkit-user-drag: none; } .starred-softkey[disabled]::after { top: 0; left: 0; position: absolute; width: 100%; height: 100%; background-color: #aaaaaaaa; content: ""; } .box-softkeys-prefered-footer { height: 65px; display: flex; justify-content: space-between; align-items: center; background-color: #002680; z-index: 100; color: #fff; font-size: 24px; padding: 0 30px; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; box-sizing: border-box; } .arch { display: flex; justify-content: flex-end; flex: 1; } .arch .box-gauge { width: 68px; position: relative; margin: 0 5px; } .arch .box-gauge .value { position: absolute; top: 35%; margin: auto; width: 100%; left: 0; /* right: 0; */ text-align: center; font-size: 0.8rem; color: #002680; } .arch .box-gauge div:last-of-type { display: flex; flex-direction: column; text-align: center; position: absolute; width: 100%; top: 65%; } .arch .box-gauge div:last-of-type label { font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #002680; } .modal.avvio-produzione-info { margin-top: 100px; width: 653px; height: 616px; } .modal.avvio-produzione-info section.body section { justify-content: center; } .modal.avvio-produzione-info section.body section .specific .disabled { width: 420px; height: 330px; } .modal.avvio-produzione-info section.body section .specific .tast { margin-left: 25%; } .modal.processo-info { width: 1808px; height: calc(100% - 104px); margin: 104px auto 0 auto; box-shadow: none; position: relative; } .modal.processo-info header { font-size: 22px; color: #4b4b4b; display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center; } .modal.processo-info header .tab-header { width: 70%; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 200px)); align-items: center; justify-content: flex-end; grid-column-gap: 10px; } .modal.processo-info header .tab-header .totp { margin-right: 10px; } .modal.processo-info header .tab-header button { border: none; border-radius: 2px; background-image: linear-gradient(to bottom, #f1f1f1 0%, #bbbcbc 98%); height: 48px; } .modal.processo-info header .tab-header button span { margin: auto; font-size: 13px; color: #4b4b4b; } .modal.processo-info header .tab-header button img { margin: auto; } .modal.processo-info header .tab-header label { display: flex; flex-flow: row; justify-self: flex-end; font-size: 32px; line-height: 1; } .modal.processo-info header .tab-header label div { display: flex; justify-content: center; align-items: center; } .modal.processo-info section.body { height: calc(100% - 66px); } .modal.processo-info section.body .gantt-header { fill: #cfcfcf; } .modal.processo-info section.body .gantt-header line { stroke: #bbb; stroke-width: 1; } .modal.progr-preriscaldo-info { margin-top: 200px; height: 690px; } .modal.progr-preriscaldo-info header { padding-left: 31px; display: flex; align-items: center; font-size: 20px; font-weight: bold; color: darkblue; } .modal.progr-preriscaldo-info footer { background-color: #ffffff; } .modal.progr-preriscaldo-info section.body { overflow: hidden; } .modal.progr-preriscaldo-info section.body section { padding: 0px; width: 100%; height: 100%; } .modal.progr-preriscaldo-info section.body section hr { border: none; } .modal.progr-preriscaldo-info section.body section aside { margin: 14px; justify-content: start; align-items: center; } .modal.progr-preriscaldo-info section.body section aside button { width: 300px; margin-bottom: 20px; } .modal.progr-preriscaldo-info section.body section .specific { margin: 0; padding: 20px; width: 100%; height: 100%; background-color: #bbbcbc; } .modal.progr-preriscaldo-info section.body section .specific div { display: flex; margin-bottom: 50px; } .modal.progr-preriscaldo-info section.body section .specific div .clock { border-radius: 50%; background-color: white; height: 300px; width: 300px; position: relative; } .modal.progr-preriscaldo-info section.body section .specific div .clock.second { margin-left: 20px; } .modal.progr-preriscaldo-info section.body section .specific div .clock span { flex-shrink: 0; border-radius: 50%; width: 20px; height: 20px; background-color: #002680; top: 140px; left: 140px; position: absolute; } .modal.progr-preriscaldo-info section.body section .specific div .clock button { position: absolute; top: 0; left: 125px; border-radius: 50%; width: 50px; height: 50px; background-image: none; box-shadow: none; background-color: white; color: black; font-size: 20px; } .modal.progr-preriscaldo-info section.body section .specific div .clock button:disabled { color: #818a8f !important; background-color: white!important; } .modal.progr-preriscaldo-info section.body section .specific div .clock .selected { background-color: #002680; color: white; } .modal.progr-preriscaldo-info section.body section .specific div div:first-of-type { flex-direction: column; margin-right: 20px; width: 200px; height: 300px; background-image: linear-gradient(to bottom, #1756ad, #002680); } .modal.progr-preriscaldo-info section.body section .specific div div:first-of-type label { color: #ADD8E6; margin: auto; } .modal.progr-preriscaldo-info section.body section .specific div div:first-of-type label:first-of-type { font-size: 67px; } .modal.progr-preriscaldo-info section.body section .specific div div:first-of-type label:last-of-type { font-size: 20px; margin-top: -50px; } .modal.progr-preriscaldo-info section.body section .specific div div.ampm { margin-left: -50px; height: 300px; flex-direction: column; } .modal.progr-preriscaldo-info section.body section .specific div div.ampm button { width: 50px; background-image: none; box-shadow: none; background-color: #bbbcbc; color: #002680; font-size: 20px; } .modal.progr-preriscaldo-info section.body section .specific div div.ampm button:first-of-type { margin-bottom: 250px; } .modal.progr-preriscaldo-info section.body section .specific div div.ampm button.selected { background-color: #002680; color: white; } .modal.progr-preriscaldo-info section.body section .specific div div.ampm button:disabled { color: #818a8f !important; background-color: #bbbcbc; } .modal.progr-preriscaldo-info section.body section .specific div button { border: none; width: 130px; height: 45px; border-radius: 22.5px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); background-image: linear-gradient(to bottom, #818a8f 0%, #42494e 98%); margin-right: 10px; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: white; } .modal.progr-preriscaldo-info section.body section .specific div button:disabled { background-image: none; color: #818a8f; background-color: #42494e !important; } .modal.progr-preriscaldo-info section.body section .specific div .active { box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.43); background-image: linear-gradient(to bottom, #42494e 0%, #818a8f 98%); } .modal.progr-preriscaldo-info section.body section .specific label { margin-bottom: 20px; font-size: 24px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #002680; } .modal.imbutitura-info section .specific { padding-left: 5px; justify-content: flex-end; } .modal.imbutitura-info section .specific .box { margin-bottom: 5px; background-color: #e5f3ff; } .popup { width: 288px; height: 218px; display: flex; flex-flow: column; background-color: #fff; z-index: 100; } .popup header { height: 64px; border-bottom: solid 2px #bbbcbc; position: relative; display: flex; align-items: center; font-size: 16px; color: #002680; padding-left: 16px; } .popup header button.close { position: absolute; width: 28px; height: 28px; border-radius: 50%; border: none; background-color: #fff; color: #002680; top: calc(50% - 20px); right: 14px; font-size: 16px; cursor: pointer; } .popup header button.close:active { background-color: #1791ff; color: #fff; } .popup section.body { width: 100%; height: calc(100% - 64px); } .popup.arrow-top { border: 2px solid #1791ff; } .popup.arrow-top::before { content: ''; display: block; position: absolute; left: 128px; bottom: 100%; width: 0; height: 0; border: 18px solid transparent; border-bottom-color: #1791ff; } .popup.arrow-top::after { content: ''; display: block; position: absolute; left: 130px; bottom: 100%; width: 0; height: 0; border: 16px solid transparent; border-bottom-color: #fff; } .row { display: flex; width: 100%; flex-direction: row; } .col { display: flex; flex-direction: column; } .relative { position: relative; } .absolute { position: absolute; } .absolute.bottom { bottom: 1rem; } .absolute.left { left: 1rem; } .absolute.right { right: 1rem; } .absolute.top { top: 1rem; } .full-height { height: 100%; } .full-width { width: 100%; } .pull-right { float: right; } .pull-left { float: left; } .form-group { display: block; margin-bottom: 33px; } .form-group label { display: block; color: #979797; font-size: 18px; line-height: 1; font-family: 'Work Sans', sans-serif; text-align: left; margin-bottom: 13px; } .form-group input, .form-group select { display: block; border-radius: 2px; border: solid 1px #dfdfdf; height: 48px; line-height: 1.1; font-family: 'Work Sans', sans-serif; color: #4b4b4b; font-size: 18px; background-color: #f8f8f8; margin: 0 0px; padding-right: 0; padding-left: 20px; width: calc(100% - 20px); } .form-group textarea { box-sizing: border-box; resize: none; display: block; border-radius: 2px; border: solid 1px #dfdfdf; height: 120px; font-family: 'Work Sans', sans-serif; color: #4b4b4b; font-size: 16px; background-color: #f8f8f8; margin: 0 0px; padding-right: 0; width: 100%; padding: 10px 5px; } .form-group select { padding: 0; width: 100%; } .form-group input.invalid:not([readonly]), .form-group input[aria-invalid="true"]:not([readonly]) { box-shadow: inset 0px 0px 0px 1px #d0021b !important; } .form-group small.error { text-align: left; display: block; color: #d0021b; font-size: 14px; font-family: 'Work Sans', sans-serif; line-height: 1; padding-left: 16px; margin: 2px 0; } .text-center { text-align: center; } .block { display: block; } .block-center { margin: auto !important; } input.invalid:not([readonly]), input[aria-invalid="true"]:not([readonly]) { box-shadow: inset 0px 0px 0px 1px #d0021b !important; } input:focus { outline: 5px #1791ff auto; } select:focus { outline: 5px #1791ff auto; } .radio-buttons { display: flex; justify-content: flex-start; align-items: center; } .radio-buttons input { width: 24px; height: 24px; object-fit: contain; border-radius: 12px; background-color: #f1f1f1; margin: 0 5px; } .radio-buttons label { font-size: 18px; line-height: 1.11; color: #4b4b4b; } .radio-buttons label:first-of-type { font-size: 24px; font-weight: 500; color: #002680; flex: 1; } .input-select { font-size: 18px; font-weight: 500; color: #6d6d6d; min-width: 200px; width: fit-content; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); border: none; display: flex; flex-flow: row nowrap; padding: 0 10px; align-items: center; justify-content: stretch; padding-right: 25px; position: relative; cursor: pointer; } .input-area { width: 100%; display: flex; flex-flow: row; align-items: center; justify-content: space-between; max-width: 472px; } .input-area.grid { display: grid; grid-template-rows: 1fr; grid-template-columns: repeat(2, auto); grid-column-gap: 1rem; } .input-area.grid > button { margin: 0; } .input-area.grid.grid-4 { grid-template-columns: repeat(4, auto); } .input-area.grid.grid-5 { grid-template-columns: repeat(5, auto); } .input-area.grid.grid-6 { grid-template-columns: repeat(6, auto); } .input-area.grid.grid-7 { grid-template-columns: repeat(7, auto); } .input-area.grid.grid-8 { grid-template-columns: repeat(8, auto); } .input-area.grid.grid-9 { grid-template-columns: repeat(9, auto); } .input-area.grid.grid-10 { grid-template-columns: repeat(10, auto); } .input-area.left { justify-content: flex-start; width: auto; justify-self: left; } .input-area span.toggle { margin-right: 0 !important; } .input-area.col { flex-flow: column; align-items: flex-start; height: auto; } .input-area h3 { color: #002680; margin: 18px 0; } .input-area .buttons { width: 100%; display: flex; flex-flow: row; margin-bottom: 18px; } .input-area .buttons:last-child { margin-bottom: 0; } .input-area label { color: #002680; font-size: 24px; font-weight: 500; overflow: hidden; } .input-area .numeric { font-size: 18px; font-weight: 500; color: #6d6d6d; width: 100px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); border: none; display: flex; flex-flow: row nowrap; padding: 0 4px; align-items: center; justify-content: stretch; } .input-area .numeric.disabled { background-color: rgba(0, 0, 0, 0.15); } .input-area .numeric.error { outline: 2px red auto; } .input-area .numeric.focused { background-color: #1791ff33; outline: 2px #1791ff auto; } .input-area .numeric input { border: none; font-size: 16px; text-align: right; height: calc(100% - 6px); width: 100%; outline: none !important; background-color: transparent; } .input-area .numeric input[type=number]::-webkit-inner-spin-button, .input-area .numeric input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .input-area .numeric span { padding: 0 3px; font-size: 14px; } .input-area select { min-width: 150px; height: 48px; background-color: #fff; padding: 0 20px; font-size: 1rem; } .modal.opzioni-info .noParamToEdit { position: relative; width: 100%; height: 100%; background-color: white; display: flex; justify-content: center; align-items: center; font-size: 3em; } .modal.opzioni-info section aside button { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5); width: 547px; height: 72px; background-color: #bbbcbc; border: none; text-align: left; color: #002680; font-size: 20px; } .modal.opzioni-info section aside button.active { background-color: white; } .opzionilavorazione { display: grid; grid-template-columns: 1fr 1fr; align-items: flex-start; width: 100%; height: 100%; } .opzionilavorazione .list { border-right: 2px solid #979797; height: 100%; } .opzionilavorazione .option-row { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; justify-content: space-around; height: 64px; cursor: pointer; } .opzionilavorazione .option-row:nth-child(odd) { background-color: #ddd; } .opzionilavorazione .option-row.active { background-color: rgba(23, 145, 255, 0.75); color: #fff; } button:focus { outline: none; } button { cursor: pointer; -webkit-tap-highlight-color: transparent; } button[disabled] { cursor: not-allowed !important; } button[disabled] * { cursor: not-allowed !important; } button.btn[disabled] { border-radius: 2px; background-color: #dddddd; background-image: none; box-shadow: none; color: #878787; } button.btn[disabled]:hover { box-shadow: none !important; } .btn-demo { color: #fff; font-size: 22px; font-weight: bold; } .button.btn { max-height: 48px; display: inline-flex; padding: 12px 20px !important; min-height: 48px; } button.btn, .button.btn { height: 48px; box-sizing: border-box; border-radius: 2px; margin: 0 8px; text-align: center; font-size: 18px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); padding: 0 20px; border: none; background-image: linear-gradient(to bottom, #f1f1f1, #bbbcbc); color: #002680; } button.btn.pressed, .button.btn.pressed, button.btn:active:not([disabled]), .button.btn:active:not([disabled]) { background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1); border: none !important; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.4) !important; } button.btn.active, .button.btn.active { border: #1791FF 2px solid; } button.btn:hover, .button.btn:hover { box-shadow: inset 0px 0px 0px 2px #8eb5e2; } button.btn.dark-blue, .button.btn.dark-blue { background-color: #002680; color: white; } button.btn.btn-danger, .button.btn.btn-danger { color: #d0021b; } button.btn.dark-blue:active, .button.btn.dark-blue:active { background-color: #004990 !important; } button.btn.pressed, .button.btn.pressed { background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1); border: none !important; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.4) !important; } button.square { height: 48px; width: 48px; padding: 0; margin: 0; } button.btn.btn-success { background-image: linear-gradient(to bottom, #1756ad, #002680); color: white; border: #001e48 1px solid; } button.btn.btn-success:active { background-image: linear-gradient(to bottom, #002680, #1756ad) !important; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.4); border: #001e48 1px solid !important; color: #8eb5e2; } button.btn.btn-success[disabled] { border-radius: 2px; box-shadow: none; color: #878787; border: none; } button.btn.btn-success[disabled]:hover { box-shadow: none !important; background-image: linear-gradient(to bottom, #1756ad, #002680) !important; } button.under { min-width: 118px; height: 45px; object-fit: contain; border-radius: 100px; background-image: linear-gradient(to bottom, #657178, #404040); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); border: none; display: flex; justify-content: center; align-items: center; cursor: pointer; color: #fff; font-weight: 500; font-size: 18px; } button.under img { max-width: 178px; max-height: 45px; } button.under.pressed:active, button.under:active { background-image: none; background-color: #404040; } button.under.pressed { background-image: linear-gradient(to bottom, #404040, #657178); box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.4); } button.square { border-radius: 2px !important; } button.square:hover { background-color: #002680; } .btn-spacer { margin: 0 8px; padding: 0 4px; display: flex; } .btn-spacer.collapsed { margin: 0; padding: 0; } button.modal-close { width: 28px; height: 28px; padding: none; border-radius: 50%; border: none; background-color: #002680; color: #fff; } button.modal-close i { font-size: 18px; } .btn-group { margin: 0 8px; padding: 0; display: flex; } .btn-group button { border-radius: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .btn-group button:first-child { border-top-left-radius: 2px !important; border-bottom-left-radius: 2px !important; } .btn-group button:last-child { border-top-right-radius: 2px !important; border-bottom-right-radius: 2px !important; } button.soft { width: 96px; height: 48px; margin: 4px; background-image: linear-gradient(to bottom, #f1f1f1, #bbbcbc); box-sizing: border-box; border: none; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5); color: #002680; font-size: 14px; border-radius: 2px; } button.soft.icon { display: flex; padding: 1px 12px; align-items: center; text-align: left; } button.soft.axes { width: 54px; font-size: 1.8em; display: block; font-weight: 600; padding: 0px; text-align: center; } button.soft img { image-rendering: -webkit-optimize-contrast; display: inline; vertical-align: bottom; margin-right: 6px; } button.soft.active { background-image: linear-gradient(to bottom, #007cc3, #1791ff) !important; color: white !important; box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5); } button.soft.active img { filter: grayscale(100%) invert(100) saturate(200); } button.soft:active { background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1); box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5); } button.soft.spaced { margin: 4px 8px; } button.soft[disabled]:not(.readonly) { background-color: #dddddd !important; box-shadow: none !important; color: #878787; } button.soft[disabled]:not(.readonly) img { filter: grayscale(100%) invert(44%); } button.soft.square { width: 60px; } button.soft.incremental { padding: 0px 2px; margin-right: 0px; margin-left: 0px; } button.soft.firstIncr { margin-left: 4px; border-radius: 2px 0px 0px 2px !important; } button.soft.middleIncr { border-radius: 0px !important; } button.soft.lastIncr { border-radius: 0px 2px 2px 0px !important; } button.soft i.fa { font-size: 24px; } button.soft.readonly { background: transparent; box-shadow: none; border: 3px solid #4e585e; color: #ddd; cursor: default; } button.soft.inverter { background: transparent; box-shadow: none; border: 3px solid #657178; color: white; } .togglebutton { vertical-align: middle; -webkit-tap-highlight-color: transparent; } .togglebutton, .togglebutton label, .togglebutton input, .togglebutton .toggle { user-select: none; } .togglebutton label { cursor: pointer; color: rgba(0, 0, 0, 0.26); } .form-group.is-focused .togglebutton label { color: rgba(0, 0, 0, 0.26); } .form-group.is-focused .togglebutton label:hover, .form-group.is-focused .togglebutton label:focus { color: rgba(0, 0, 0, 0.54); } fieldset[disabled] .form-group.is-focused .togglebutton label { color: rgba(0, 0, 0, 0.26); } .togglebutton label input[type=checkbox] { opacity: 0; width: 0; height: 0; display: none; } .togglebutton label .toggle { text-align: left; margin-left: 5px; } .togglebutton label .toggle.error { background-color: rgba(255, 0, 0, 0.7) !important; color: #222; background-image: none !important; } .togglebutton label .toggle, .togglebutton label input[type=checkbox][disabled] + .toggle { content: ""; display: inline-block; width: 70px; height: 24px; background-color: #ddd; border-radius: 15px; margin-right: 15px; transition: background 0.3s ease; vertical-align: middle; position: relative; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5); line-height: 24px; text-align: center; color: #979797; font-size: 10px; text-transform: uppercase; } .togglebutton label .toggle:after { content: ""; display: inline-block; width: 20px; height: 20px; background-image: linear-gradient(to bottom, #1756ad, #002680); border-radius: 20px; position: relative; box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.4); left: 1px; top: 2px; position: absolute; border: none; transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; } .togglebutton label input[type=checkbox][disabled] + .toggle:after, .togglebutton label input[type=checkbox][disabled]:checked + .toggle:after { background-color: #BDBDBD; } .togglebutton label input[type=checkbox] + .toggle:active:after, .togglebutton label input[type=checkbox][disabled] + .toggle:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.6), 0 0 0 20px rgba(0, 0, 0, 0.2); } .togglebutton label input[type=checkbox]:checked + .toggle:after { left: 48px; } .togglebutton label input[type=checkbox]:checked + .toggle { content: ""; background-image: linear-gradient(to bottom, #3fa4ff, #1791ff); color: #fff; } .togglebutton.big span.toggle, .togglebutton.big[disabled] span.toggle { height: 40px !important; width: 112px !important; border-radius: 20px !important; font-size: 17px !important; line-height: 40px !important; font-weight: bold !important; } .togglebutton.big span.toggle:after, .togglebutton.big[disabled] span.toggle:after { width: 36px !important; height: 36px !important; } .togglebutton.big input[type=checkbox]:checked + .toggle:after, .togglebutton.big[disabled] input[type=checkbox]:checked + .toggle:after { left: 74px; } .custom-checkbox { width: 22px; height: 22px; display: flex; align-items: center; position: relative; } .custom-checkbox label { cursor: pointer; position: absolute; width: 22px; height: 22px; top: 0; left: 0; background-color: #f1f1f1; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); border-radius: 2px; } .custom-checkbox label:after { opacity: 0; content: ''; position: absolute; width: 16px; height: 9px; background: transparent; top: 3px; left: 2px; border: 5px solid #1791ff; border-top: none; border-right: none; transform: rotate(-48deg); } .custom-checkbox input[type=checkbox]:checked + label { cursor: pointer; position: absolute; width: 22px; height: 22px; top: 0; left: 0; background-color: #f1f1f1; border: solid 1px #1791ff; border-radius: 2px; } .custom-checkbox input[type=checkbox]:checked + label:after { opacity: 1; } .custom-checkbox-label { display: flex; margin-left: 8px; font-size: 18px; line-height: 1.11; color: #4b4b4b; } @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 200; src: local('Work Sans Thin'), local('WorkSans-Thin'), url(/assets/fonts/WorkSans-Thin.ttf) format('truetype'); } @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 300; src: local('Work Sans Light'), local('WorkSans-Light'), url(/assets/fonts/WorkSans-Light.ttf) format('truetype'); } @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 400; src: local('Work Sans Regular'), local('WorkSans-Regular'), url(/assets/fonts/WorkSans-Regular.ttf) format('truetype'); } /* latin-ext */ @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 500; src: local('Work Sans Medium'), local('WorkSans-Medium'), url(/assets/fonts/WorkSans-Medium.ttf) format('truetype'); } /* latin-ext */ @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 600; src: local('Work Sans SemiBold'), local('WorkSans-SemiBold'), url(/assets/fonts/WorkSans-SemiBold.ttf) format('truetype'); } /* latin-ext */ @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 700; src: local('Work Sans Bold'), local('WorkSans-Bold'), url(/assets/fonts/WorkSans-Bold.ttf) format('truetype'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } .text-22 { font-size: 22px !important; } #app > header, .dashboard > header { display: flex; flex-flow: row nowrap; align-items: center; height: 80px; width: calc(100% - 152px); position: absolute; z-index: 801; top: 0; right: 0; left: 0; } #app > header button, .dashboard > header button { font-size: 28px; justify-content: center; align-items: center; display: flex; margin: 0 9px; background-color: #ffffff; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); border-radius: 22px; border: none; height: 44px; min-width: 44px; cursor: pointer; color: #002680; z-index: 1; } #app > header button.save-circle, .dashboard > header button.save-circle { background-image: url("../../assets/icons/png/circle@2x.png"); background-size: cover; } #app > header button.dot-circle, .dashboard > header button.dot-circle { background-image: url("../../assets/icons/png/circledot@2x.png"); background-size: cover; } #app > header button:disabled, .dashboard > header button:disabled { filter: grayscale(100%); } #app > header button > img, .dashboard > header button > img { height: 22px; margin: auto; display: block; } #app > header button > img.h-20, .dashboard > header button > img.h-20 { height: 20px; } #app > header button > img.h-24, .dashboard > header button > img.h-24 { height: 24px; } #app > header button .machine-info small, .dashboard > header button .machine-info small { display: block; text-align: left; margin-left: 5px; font-size: 11px; } #app > header button.red, .dashboard > header button.red { background-color: #d0021b; color: white; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4), inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); } #app > header button.blue, .dashboard > header button.blue { background-color: #1791ff; color: white; } #app > header button.dark-blue, .dashboard > header button.dark-blue { background-color: #002680; color: white; } #app > header button.dark-blue:active, .dashboard > header button.dark-blue:active { background-color: #1791ff; } #app > header button.gray, .dashboard > header button.gray { background-color: #4b4b4b; color: white; } #app > header button.profile, .dashboard > header button.profile { width: 44px; color: #000; background-size: cover; } #app > header button.profile.colorWhite, .dashboard > header button.profile.colorWhite { color: #FFF; } #app > header button.unclickable, .dashboard > header button.unclickable { cursor: default; } #app > header.turn-up .user-info time, .dashboard > header.turn-up .user-info time { color: #fff; } #app > header .user-info, .dashboard > header .user-info { display: flex; right: 12px; font-size: 25px; color: #4b4b4b; justify-content: flex-end; white-space: nowrap; } #app > header .user-info .window-buttons, .dashboard > header .user-info .window-buttons, #app > header .user-info time, .dashboard > header .user-info time { transition: color 200ms ease-in-out; margin-left: 10px; padding: 0 18px; border-left: 2px solid #bbbcbc; border-right: 2px solid #bbbcbc; display: flex; justify-content: center; align-items: center; } #app > header .user-info .window-buttons i, .dashboard > header .user-info .window-buttons i, #app > header .user-info time i, .dashboard > header .user-info time i { margin-right: 10px; } #app > header .machine-info, .dashboard > header .machine-info { min-width: 60px; margin-left: 5px; margin-right: 5px; } #app > header .context-menu, .dashboard > header .context-menu { position: relative; } #app > header .context-menu .context-area, .dashboard > header .context-menu .context-area { top: 50px; display: none; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); position: absolute; width: 300px; left: -126px; padding-inline-start: 0; padding-inline-end: 0; } #app > header .context-menu .context-area.show, .dashboard > header .context-menu .context-area.show { display: block !important; } #app > header .context-menu .context-area li, .dashboard > header .context-menu .context-area li { list-style-type: none; height: 62px; border-bottom: 1px solid rgba(0, 0, 0, 0.5); color: #545454; display: flex; align-items: center; justify-content: flex-start; padding: 0 28px; font-weight: 500; font-size: 18px; cursor: pointer; } #app > header .context-menu .context-area li:last-of-type, .dashboard > header .context-menu .context-area li:last-of-type { border-bottom: none; } #app > header .context-menu .context-area:before, .dashboard > header .context-menu .context-area:before { content: ""; position: absolute; top: -15px; left: calc(50% - 8px); display: block; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #fff; } .colorWhite { color: #fff !important; } .window-buttons { height: 80px; flex-flow: row nowrap; align-items: center; -webkit-user-select: none; position: fixed; z-index: 1000; top: 0; right: 0; display: flex; padding-right: 8px !important; } .window-buttons.prioritize { z-index: 9000; } .window-buttons button { font-size: 28px; justify-content: center; display: flex; margin: 0 9px; background-color: #ffffff; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); border-radius: 22px; border: none; height: 44px; min-width: 44px; cursor: pointer; color: #002680; } .window-buttons button.gray { background-color: #4b4b4b; color: white; } .window-buttons i { margin: auto !important; font-size: 16px; font-weight: normal; } .window-buttons .close { font-size: 32px; } .window-buttons .close:hover { background-color: #002680; } .ribbon-container { height: 100%; float: left; position: relative; display: flex; flex-flow: row nowrap; background-image: linear-gradient(to bottom, #ffffff, #eeeeee); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); border-top-right-radius: 40px; border-bottom-right-radius: 40px; margin-right: 5px; z-index: 801; } .ribbon-container .app-ribbon { justify-content: space-between; background-image: linear-gradient(to bottom, #ffffff, #eeeeee); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); min-width: 88px; width: 88px; transition: width 200ms ease-in-out; border-top-right-radius: 40px; border-bottom-right-radius: 40px; display: flex; align-items: center; height: 100%; cursor: pointer; color: #1791ff; } .ribbon-container .app-ribbon .status-icon { margin-left: 16px; margin-right: 8px; display: flex; color: #fff; align-items: center; min-width: 64px; width: 64px; height: 64px; border-radius: 32px; background-color: #1791ff; } .ribbon-container .app-ribbon .status-content { overflow: hidden; display: flex; align-items: center; flex-flow: row; flex-grow: 2; height: 100%; width: 100%; margin: 0px; white-space: nowrap; } .ribbon-container .app-ribbon .status-content .content { display: flex; flex-flow: column; } .ribbon-container .app-ribbon .status-content .content strong { font-size: 20px; font-weight: 800; } .ribbon-container .app-ribbon .status-content .content .processes { display: flex; flex-flow: row; font-size: 14px; padding: 0 5px; border: 1px solid #fff; float: left; display: block; margin: 0 3px; } .ribbon-container .app-ribbon .status-icon * { width: 100%; margin: auto; text-align: center; font-size: 32px; } .ribbon-container .service-ribbon { justify-content: space-between; display: flex; align-items: center; color: #d0021b; width: 122px; transition: width 200ms ease-in-out; cursor: pointer; overflow: hidden; } .ribbon-container .service-ribbon.collapsed { width: 0 !important; } .ribbon-container .service-ribbon .service-icon { width: 64px; min-width: 64px; height: 64px; border-radius: 32px; display: flex; align-items: center; background-color: #d0021b; background-image: linear-gradient(to bottom, #ff4d63, #a10518); margin: auto; text-align: center; margin-left: 16px; margin-right: 8px; } .ribbon-container .service-ribbon .service-icon img { display: block; margin: auto; } .ribbon-container .service-ribbon .service-content { overflow: hidden; display: flex; align-items: center; flex-flow: row; flex-grow: 2; height: 100%; width: 100%; margin: 0px; } .ribbon-container .service-ribbon .service-content .content { display: flex; flex-flow: column; } .ribbon-container .service-ribbon .service-content .content strong { font-size: 20px; font-weight: 800; } .ribbon-container .service-ribbon .service-content .content span { font-size: 14px; } .ribbon-container .app-ribbon > *, .ribbon-container .service-ribbon > * { margin: 8px; } .ribbon-container .app-ribbon i, .ribbon-container .service-ribbon i { font-size: 32px; } .app-ribbon.expander { width: 122px; } .app-ribbon.big, .app-ribbon.expander.big, .service-ribbon.big { width: 496px; } .app-ribbon.working { color: #7ed321; } .app-ribbon.working .status-icon { background-color: #7ed321; } .app-ribbon.working .status-icon i { margin-left: 5px; } .app-ribbon.alarm { background-image: linear-gradient(to bottom, #ff4d63, #a10518); color: #fff; cursor: pointer; } .app-ribbon.alarm .status-icon { background-color: #fff; color: #d0021b; } .app-ribbon.alarm.big.opened { background-image: linear-gradient(to bottom, #ffffff, #eeeeee); color: #d0021b; } .app-ribbon.alarm.big.opened .status-icon { background-color: #d0021b; color: #fff; } .app-ribbon.alarm.big.opened .processes { border: 1px solid #878787 !important; color: #4b4b4b; font-weight: 600; } .app-ribbon.warning { background-image: linear-gradient(to bottom, #f6a623, #dc8c09); color: #fff; } .app-ribbon.warning .status-icon { background-color: #fff; color: #f5a623; } .app-ribbon.warning.opened { background-image: linear-gradient(to bottom, #ffffff, #eeeeee); color: #f5a623; } .app-ribbon.warning.opened .status-icon { background-color: #f5a623; color: #fff; } .app-ribbon.warning.opened .processes { border: 1px solid #878787 !important; color: #4b4b4b; font-weight: 600; } .app-ribbon.open { background-image: linear-gradient(to bottom, #ffffff, #eeeeee) !important; } footer { position: absolute; z-index: 300; z-index: 820; bottom: 0; left: 0; right: 0; } footer .machine-area { position: absolute; bottom: 0; right: 0; width: 300px; height: 80px; display: flex; align-items: center; justify-content: space-evenly; } footer .machine-area img { margin: 0px 5px; } footer .container { display: flex; flex-direction: row; align-items: flex-end; background-image: linear-gradient(to bottom, #1791ff, #005e94); box-shadow: 3px 2px 3px 0 rgba(0, 0, 0, 0.4); right: 300px; margin: 0; border-top-right-radius: 40px; border-bottom-right-radius: 40px; line-height: 80px; padding: 0 0 9px 8px; height: 80px; position: absolute; bottom: 0; left: 0; box-sizing: border-box; overflow: visible; } footer .container .swipeup { width: 100%; } footer .container button { cursor: pointer; display: flex; margin-left: 19px; margin-right: 19px; border: none; min-width: 63px; min-height: 63px; max-width: 63px; max-height: 63px; border-radius: 31.5px; background-image: linear-gradient(to bottom, #cce8f8, #93cbfc); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.7); } footer .container button.main-production { background-image: url(../icons/png/produzione-BIG.png); background-size: cover; } footer .container button.tools-manager { background-image: url(../icons/png/attrezzaggio-BIG.png); background-size: cover; } footer .container button.report-manager { background-image: url(../icons/png/report-BIG.png); background-size: cover; } footer .container button.alarms-manager { background-image: url(../icons/png/allarmi-BIG.png); background-size: cover; } footer .container button.maintenance-manager { background-image: url(../icons/png/manutenzione-BIG.png); background-size: cover; } footer .container button.utilities { background-image: url(../icons/png/Utilities-big.png); background-size: cover; } footer .container button.externUtility { overflow: hidden; position: relative; box-sizing: border-box; background-image: url(../icons/png/button_bg.png); background-size: cover; } footer .container button.externUtility img { max-width: 63px; max-height: 63px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } footer .container button.externUtility div { max-width: 63px; max-height: 63px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 26px; font-weight: bold; color: #002680; text-shadow: 1px 1px 0px #fff; } footer .container .divider { height: 63px; line-height: 63px; margin-left: 20px; margin-right: 20px; color: #002680; font-size: 24px; text-shadow: 0px 0px 2px #f1f1f169; } footer .container button.scada { background-image: url(../icons/png/SCADA-big.png); background-size: cover; } footer .container button.ricetta { background-image: url(../icons/png/gestione-programmi-BIG.png); background-size: cover; } footer .container button.jobeditor { background-image: url(../icons/png/editor-BIG.png); background-size: cover; } footer .container button.users { background-image: url(../icons/png/users-BIG.png); background-size: cover; } footer .container button.progrprerisc { background-image: url(../icons/png/programmazione.png); background-size: cover; } footer .container button.clock { background-image: url(../icons/png/dashboard.png); background-size: cover; } footer .container button:active { box-shadow: 0px 0px 1px 1px #FFF; } footer .container button[disabled] { filter: grayscale(100%); } footer .container button.big { position: relative; min-height: 82px; min-width: 82px; border-radius: 41px; } footer .container button.big:before { content: " "; background-color: white; width: 16px; height: 4px; display: block; position: absolute; bottom: -8px; left: calc(50% - 8px); border-radius: 13px; } .turn-up .process-info { display: none; } .process-container { display: flex; flex-grow: 0; flex-shrink: 1; flex-basis: auto; overflow-x: auto; overflow-y: visible; height: 100%; align-items: center; border: none; } .process-container::-webkit-scrollbar { border-radius: 5px; height: 3px; background-color: rgba(0, 0, 0, 0.05); } .process-container::-webkit-scrollbar-thumb { border-radius: 5px; height: 1px; background-color: rgba(0, 0, 0, 0.3); } .process-info { background-color: #fff; width: 280px; min-width: 280px; max-width: 280px; height: 64px; overflow: hidden; position: relative; display: flex; justify-content: space-between; margin: 0 9px 0 0; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .process-info.msg { cursor: pointer; } .process-info .counter { width: 72px; min-width: 72px; height: 64px; background-color: #e5f1f9; color: black; display: flex; align-items: center; justify-content: center; font-size: 18px; } .process-info .content { display: flex; color: #f5a623; align-items: center; width: 100%; overflow: hidden; flex-flow: column; align-items: flex-start; justify-content: center; } .process-info .content .processname { color: #4b4b4b; } .process-info .status { width: 64px; height: 64px; min-width: 64px; font-size: 32px; color: #f5a623; } .process-info .status i { width: 64px; height: 64px; min-width: 64px; line-height: 64px; text-align: center; } .process-info .status i.animated { animation: scroll_up_proc 5s infinite; } .process-info .status i.mx { margin-top: 128px; color: #002680; } @keyframes scroll_up_proc { 0% { transform: translateY(64px); } 10% { transform: translateY(0px); } 40% { transform: translateY(0px); } 60% { transform: translateY(-192px); } 90% { transform: translateY(-192px); } 100% { transform: translateY(-256px); } } .process-info .content.RUN, .process-info .status.RUN { color: #7ed321; } .process-info .black { color: #4b4b4b; } .process-info .content.READY, .process-info .status.READY { color: #1791ff; } .process-selection { position: absolute; width: 48px; height: 790px; background-color: #657178; } .process-selection.empty { position: absolute; left: 0; top: -12px; width: 48px; height: 810px; background-color: #657178; } .process-selection .process { font-size: 48px; font-weight: 600; color: #fff; height: 131px; box-sizing: border-box; border-bottom: 4px solid #fff; -webkit-tap-highlight-color: transparent; display: flex; justify-content: center; align-items: center; flex-flow: column; cursor: pointer; } .process-selection .process small { font-size: 18px; font-weight: normal; } .process-selection .process.selected { cursor: default; background-color: #1791ff; } .process-selection .process:active:not(.selected) { background-color: rgba(0, 0, 0, 0.5); } .process-selection .process:first-child { border-top: 4px solid #fff; } #alarm-list, #service-list { position: absolute; left: 0; width: 0; height: 0; top: 40px; background-color: #fff; padding: 0 0; z-index: 800; box-sizing: border-box; display: flex; flex-wrap: nowrap; overflow: hidden; transition: width 200ms ease-in-out, height 200ms ease-in-out, padding 200ms ease-in-out, background-color 200ms ease-in-out, box-shadow 0ms 0ms; } #alarm-list.expanded, #service-list.expanded { width: 494px; padding: 0 24px; } #alarm-list.expanded.opened, #service-list.expanded.opened { padding: 72px 24px 24px 0px; height: calc(100vh - 120px); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); transition: width 200ms ease-in-out, height 200ms ease-in-out, padding 200ms ease-in-out, background-color 200ms ease-in-out, box-shadow 20ms 180ms; } #alarm-list.alarm, #service-list.alarm { background-color: #d84b5c; color: #4b4b4b; } #alarm-list.warning, #service-list.warning { background-color: #f3d39d; color: #4b4b4b; } #alarm-list > .content, #service-list > .content { height: calc(100% - 60px); padding-right: 24px; padding-left: 24px; min-width: calc(100% - 48px); transition: margin-left 200ms ease-in-out; } #alarm-list > .content.collapsed, #service-list > .content.collapsed { margin-left: -100%; } #alarm-list > .content > .general-buttons, #service-list > .content > .general-buttons { display: flex; justify-content: space-between; position: absolute; bottom: 10px; left: 16px; height: 50px; margin-bottom: 12px; width: calc(100% - 72px); transition: margin-left 200ms ease-in-out; } #alarm-list > .content > .general-buttons.collapsed, #service-list > .content > .general-buttons.collapsed { margin-left: -100%; } #alarm-list > .content > .general-buttons .btn, #service-list > .content > .general-buttons .btn { font-size: 16px; } #alarm-list .alarm-detail.content, #service-list .alarm-detail.content { color: #fff; } #alarm-list .alarm-detail.content.warning, #service-list .alarm-detail.content.warning { color: #4b4b4b; } #alarm-list .alarm-detail.content.warning .sources span.source, #service-list .alarm-detail.content.warning .sources span.source { border: 1px solid #4b4b4b !important; color: #4b4b4b; } #alarm-list .alarm-detail.content h2, #service-list .alarm-detail.content h2 { font-size: 18px; line-height: 21px; margin: 0; } #alarm-list .alarm-detail.content .btn-back, #service-list .alarm-detail.content .btn-back { position: absolute; bottom: 12px; } #alarm-list .alarm-detail.content .general-buttons, #service-list .alarm-detail.content .general-buttons { display: flex; justify-content: space-between; position: unset; width: auto; left: 0; } #alarm-list .alarm-detail.content .general-buttons .btn, #service-list .alarm-detail.content .general-buttons .btn { font-size: 16px; } #alarm-list .alarm-detail.content .sources, #service-list .alarm-detail.content .sources { margin-top: 10px; } #alarm-list .alarm-detail.content .sources span.source, #service-list .alarm-detail.content .sources span.source { font-size: 14px; float: left; display: block; border: 1px solid #fff !important; color: #fff; font-weight: 600; min-height: 20px; padding: 0 5px; line-height: 20px; margin-bottom: 3px; margin-right: 5px; } #alarm-list .alarm-detail.content .sources:after, #service-list .alarm-detail.content .sources:after { content: " "; display: block; clear: both; } #alarm-list .alarm-detail.content time, #service-list .alarm-detail.content time { display: block; } #alarm-list .alarm-detail.content span.summary, #service-list .alarm-detail.content span.summary { margin: 20px 0; display: block; } #alarm-list .alarm-detail.content hr, #service-list .alarm-detail.content hr { border-style: solid; } #alarm-list .alarm-detail.content .user-help, #service-list .alarm-detail.content .user-help { background-color: #fff; display: flex; height: 64px; margin: 12px 0; align-items: center; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } #alarm-list .alarm-detail.content .user-help .detail, #service-list .alarm-detail.content .user-help .detail { width: 100%; } #alarm-list .alarm-detail.content .user-help .detail strong, #service-list .alarm-detail.content .user-help .detail strong, #alarm-list .alarm-detail.content .user-help .detail span, #service-list .alarm-detail.content .user-help .detail span { display: block; color: #002680; font-size: 14px; } #alarm-list .alarm-detail.content .user-help .detail strong, #service-list .alarm-detail.content .user-help .detail strong { font-size: 18px; } #alarm-list .alarm-detail.content .user-help i.group, #service-list .alarm-detail.content .user-help i.group { min-width: 28px; height: 28px; object-fit: contain; background-image: url(../icons/png/group.png); background-size: cover; margin: 0 12px; } #alarm-list .alarm-item, #service-list .alarm-item { width: 100%; background-color: #fff; display: flex; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); border-radius: 2px; flex-flow: row; margin-bottom: 8px; } #alarm-list .alarm-item.warning .content h2, #service-list .alarm-item.warning .content h2, #alarm-list .alarm-item.warning .content .summary, #service-list .alarm-item.warning .content .summary { color: #f5a623; } #alarm-list .alarm-item.alarm .content h2, #service-list .alarm-item.alarm .content h2, #alarm-list .alarm-item.alarm .content .summary, #service-list .alarm-item.alarm .content .summary { color: #d0021b; } #alarm-list .alarm-item .content, #service-list .alarm-item .content { width: 240px; margin: 8px; margin-left: 24px; display: flex; flex-flow: column; justify-content: space-between; align-content: space-between; } #alarm-list .alarm-item .content h2, #service-list .alarm-item .content h2 { font-size: 18px; line-height: 21px; margin: 0; } #alarm-list .alarm-item .content .summary, #service-list .alarm-item .content .summary { font-size: 16px; line-height: 22px; margin: 0; display: flex; flex-flow: row; justify-content: space-between; } #alarm-list .alarm-item .content .sourcecontainer, #service-list .alarm-item .content .sourcecontainer { font-size: 14px; display: block; color: #4b4b4b; font-weight: 600; } #alarm-list .alarm-item .content .sourcecontainer .source, #service-list .alarm-item .content .sourcecontainer .source { border: 1px solid #878787 !important; padding: 0 5px; margin-right: 3px; } #alarm-list .alarm-item .content .sourcecontainer .restorationIsActive, #service-list .alarm-item .content .sourcecontainer .restorationIsActive { background-color: #1791ff; color: #fff; } #alarm-list .alarm-item button, #service-list .alarm-item button { cursor: pointer; border-radius: 2px; font-size: 18px; border: 1px solid #ccc; margin: 8px; width: 120px; color: #002680; height: 48px; background-image: linear-gradient(to bottom, #f1f1f1, #bbbcbc); } #alarm-list .alarm-item button:active, #service-list .alarm-item button:active { background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1); } .accordion header { height: 64px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); display: flex; justify-content: space-between; align-items: center; cursor: pointer; } .accordion header small { border: 2px solid #fff; border-radius: 100px; min-width: 28px; min-height: 28px; font-size: 12px; display: block; text-align: center; line-height: 28px; margin: 0 12px; } .accordion header strong { width: 100%; } .accordion header .expander { margin: 0 12px; line-height: 28px; height: 28px; width: 28px; font-size: 28px; } .accordion section { min-height: 0; max-height: 0; transition: max-height 100ms ease-in-out, min-height 200ms ease-in-out; overflow: hidden; } .accordion section.expanded { min-height: 64px; background-color: rgba(255, 255, 255, 0.1); max-height: 1000px; } .accordion section .item { height: 64px; width: 100%; text-align: center; line-height: 64px; } .accordion section .dropdown { height: 100%; margin-top: 2px; } .accordion section .dropdown .filename { display: flex; height: 64px; align-items: center; cursor: pointer; } .accordion section .dropdown .filename i { margin: 0 20px 0 20px; } .accordion section .dropdown .filename span { font-size: 18px; line-height: 1; overflow-x: hidden; overflow-y: hidden; width: 100%; height: 100%; display: flex; flex-flow: column; justify-content: center; } .accordion section .dropdown .filename.selected span, .accordion section .dropdown .filename.selected i { color: #4b4b4b; } .accordion section .dropdown .filename .right { width: 100%; display: flex; justify-content: flex-end; } .accordion section .dropdown .filename .right button.btn-hidden { visibility: hidden; } .accordion section .dropdown .filename .right button.btn-hidden i { font-size: 26px; visibility: visible; margin: 0 12px; cursor: pointer; } .accordion section .dropdown .filename.selected { background-color: rgba(255, 255, 255, 0.8); } .accordion section .dropdown .all-message-box { max-height: 310px; } .accordion section .dropdown .all-message-box .message-box { width: 390px; min-height: 96px; display: flex; flex-flow: column; align-items: center; justify-content: center; margin: 0 auto; cursor: pointer; } .accordion section .dropdown .all-message-box .message-box .message-box-header { height: calc(100% - 20px); width: 100%; display: flex; flex-flow: row; } .accordion section .dropdown .all-message-box .message-box .message-box-header textarea { border: none; resize: none; padding: 3px; box-sizing: border-box; cursor: pointer; } .accordion section .dropdown .all-message-box .message-box .message-box-header .avatar { width: 40px; height: 40px; margin-left: 16px; margin-top: 8px; float: left; background-color: #f4bf7e; color: black; line-height: 40px; border-radius: 20px; text-align: center; font-family: Arial, sans-serif; font-size: 18px; font-weight: bold; text-transform: uppercase; } .accordion section .dropdown .all-message-box .message-box .message-box-header .text-message { margin-left: 8px; width: 328px; height: 40px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); margin-top: 8px; float: right; cursor: pointer; } .accordion section .dropdown .all-message-box .message-box .message-box-body { display: flex; width: 100%; height: 14px; margin-left: 132px; } .accordion section .dropdown .all-message-box .message-box .message-box-body.my { margin-top: 5px; margin-left: 15px; } .accordion section .dropdown .all-message-box .message-box .message-box-body .text-date { font-size: 12px; color: #4b4b4b; float: left; width: 100%; height: 100%; cursor: pointer; } .accordion section .dropdown .all-message-box .message-box .groupbutton { width: 100%; height: 32px; display: flex; justify-content: flex-end; } .accordion section .dropdown .all-message-box .message-box .groupbutton.enablemodify { height: 100%; } .accordion section .dropdown .all-message-box .message-box .groupbutton button.btn-hidden { visibility: hidden; } .accordion section .dropdown .all-message-box .message-box .groupbutton button.btn-hidden i { font-size: 26px; visibility: visible; margin: 0 12px; cursor: pointer; } .accordion section .dropdown .all-message-box .message-box .groupbutton .modify-padding { padding: 9px 0px; } .accordion section .dropdown .all-message-box .message-box.selected { background-color: rgba(255, 255, 255, 0.8); } .accordion section .dropdown .allattach { display: flex; height: 64px; align-items: center; } .accordion section .dropdown .allattach button.btn-hidden { visibility: hidden; } .accordion section .dropdown .allattach button.btn-hidden span { font-size: 18px; line-height: 1; visibility: visible; margin: 0 0 0 20px; cursor: pointer; } .accordion section .dropdown .allnotes { display: flex; height: 20px; width: 408px; margin: 23px auto; } .accordion section .dropdown .allnotes button.btn-hidden { visibility: hidden; } .accordion section .dropdown .allnotes button.btn-hidden span { font-size: 18px; line-height: 1; visibility: visible; margin: 0 0 0 20px; color: #4b4b4b; cursor: pointer; } .accordion section .dropdown .addattach { display: flex; height: 64px; align-items: center; justify-content: center; border-top: solid 1px rgba(255, 255, 255, 0.1); } .accordion section .dropdown .addattach .btn { box-sizing: border-box; border-radius: 2px; margin: 0 8px; text-align: center; font-size: 18px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); padding: 14px 17px; border: none; background-image: linear-gradient(to bottom, #f1f1f1, #bbbcbc); color: #002680; } .accordion section .dropdown .addattach .btn:active { background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1); border: none !important; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.4) !important; } .accordion section .dropdown .addattach .btn:hover { box-shadow: inset 0px 0px 0px 2px #8eb5e2; } .accordion section .dropdown .addattach .btn.dark-blue { background-color: #002680; color: white; } .accordion section .dropdown .addattach .btn.btn-danger { color: #d0021b; } .accordion section .dropdown .addattach .group-button-add-attach { font-size: 18px; line-height: 1; color: #002680; } .accordion section .dropdown .addnote { height: 160px; width: 408px; display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto; border-top: solid 2px #fff; } .accordion section .dropdown .addnote .addnote-header { display: flex; flex-flow: row; height: 58px; } .accordion section .dropdown .addnote .addnote-header textarea { border: none; resize: none; padding: 3px; box-sizing: border-box; } .accordion section .dropdown .addnote .addnote-header .avatar { width: 40px; height: 40px; margin-left: 16px; margin-top: 8px; float: left; background-color: #f4bf7e; color: black; line-height: 40px; border-radius: 20px; text-align: center; font-family: Arial, sans-serif; font-size: 18px; font-weight: bold; text-transform: uppercase; } .accordion section .dropdown .addnote .addnote-header .text-add-note { margin-left: 8px; width: 328px; height: 40px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); margin-top: 8px; float: right; } .accordion section .dropdown .addnote .addnote-buttons { display: flex; width: 100%; justify-content: flex-end; } #service-list { width: 584px; height: 0; padding: 0 24px; } #service-list.expanded { width: 618px; } #service-list.opened { padding: 72px 24px 24px 24px; height: calc(100vh - 120px); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); } #service-list > .content { height: 100%; } #service-list .alarm-item.service .content { width: 100%; color: #4b4b4b; justify-content: space-between; } #service-list .alarm-item.service .content .summary { color: #d0021b; font-weight: bold; } .alarm-history-container { height: 100%; width: 100%; display: flex; justify-content: center; padding-top: 104px; } .alarm-history-container .alarm-history-box { width: 1808px; height: 872px; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .alarm-history-container .alarm-history-box .alarm-history-header { height: 64px; display: flex; align-items: center; border-bottom: solid 2px #e7e7e7; } .alarm-history-container .alarm-history-box .alarm-history-header .alarm-history-header-label { margin-left: 23px; font-size: 20px; color: #002680; } .alarm-history-container .alarm-history-body { width: 100%; height: 806px; display: flex; flex-flow: row; align-items: center; justify-content: center; } .alarm-history-container .alarm-history-body .alarm-history-body-left { width: 1241px; height: 766px; display: flex; flex-flow: column; margin-right: 23px; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter { width: 100%; height: 86px; display: flex; flex-flow: row; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-text, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-state, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-type, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-date-range, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-user { display: flex; flex-flow: column; margin: 0 12px; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-text label, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-state label, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-type label, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-date-range label, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-user label { font-size: 14px; line-height: 1.29; color: #878787; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-text input, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-state input, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-type input, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-date-range input, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-user input { width: 272px; height: 44px; border-radius: 2px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); border: solid 1px #bbbcbc; font-size: 18px; line-height: 1.11; color: #4b4b4b; padding-left: 16px; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-text input::placeholder, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-state input::placeholder, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-type input::placeholder, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-date-range input::placeholder, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-user input::placeholder { color: #bbbcbc; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-text input.mx-input, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-state input.mx-input, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-type input.mx-input, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-date-range input.mx-input, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-user input.mx-input { height: 48px; width: 288px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); color: #4b4b4b; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-text { margin-left: 0; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-state select, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-type select, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-date-range select, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-user select { width: 144px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); border: solid 1px #bbbcbc; font-size: 18px; line-height: 1.11; color: #4b4b4b; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .filter-date-range select { width: 192px; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .group-button { display: flex; height: 100%; justify-content: center; align-items: center; margin-left: auto; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .group-button .btn:last-child { margin-right: 0; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .multiselect { z-index: 100; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .multiselect label { font-size: 14px; line-height: 1.29; color: #878787; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .selectBox { position: relative; width: 144px; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .selectBox select { width: 100%; padding: 8px; cursor: pointer; height: 48px; font-size: 18px; line-height: 1.11; color: #4b4b4b; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); border-radius: 2px; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .selectBox select option { display: none; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .selectBoxU { position: relative; width: 320px; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .selectBoxU select { width: 100%; padding: 8px; cursor: pointer; height: 49px; font-size: 18px; line-height: 1.11; color: #4b4b4b; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); border-radius: 2px; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .selectBoxU select option { display: none; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .overSelect { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .checkboxes, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .checkboxesU { display: none; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .checkboxesView, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .checkboxesViewUser { width: calc(100% - 8px); background-color: #fff; display: block; z-index: 100; padding: 6px 4px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .checkboxesView label, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .checkboxesViewUser label { font-size: 18px; margin: 2px; display: flex; flex-flow: row; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .checkboxesView .label-state, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-left-filter .checkboxesViewUser .label-state { margin-left: 12px; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table { width: 1241px; height: 680px; border-radius: 2px; position: relative; border: solid 1px #979797; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table .loading { display: flex; align-items: center; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; line-height: 100%; background-color: #ffffff; font-size: 5em; color: #4b4b4b; justify-content: center; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table table { table-layout: fixed; width: 100%; border-collapse: collapse; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table thead { border-bottom: solid 2px #979797; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table thead tr th { height: 46px; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table tr:nth-child(even) { background: #dddddd; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table tr:nth-child(odd) { background: #FFF; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table th:nth-child(1), .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table td:nth-child(1) { width: 100px; max-width: 100px; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table th:nth-child(2), .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table td:nth-child(2) { width: 500px; max-width: 500px; text-align: left; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table th:nth-child(3), .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table td:nth-child(3) { width: 130px; max-width: 130px; text-align: left; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table th:nth-child(4), .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table td:nth-child(4) { width: 150px; max-width: 150px; min-width: 100px; text-align: left; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table th:nth-child(5), .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table td:nth-child(5) { width: 150px; min-width: 150px; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table th, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table td { overflow: hidden; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table th div, .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table td div { overflow: hidden; max-height: 64px; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table tbody { display: block; height: 559px; width: 1241px; overflow-y: hidden; overflow-x: hidden; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table tbody.without-footer { height: 620px; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table tbody::-webkit-scrollbar { width: 16px; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table tbody::-webkit-scrollbar-track { margin: 20px 0px; background-color: #E5E5E5; border-radius: 15px; box-shadow: inset 0 1px 3px 0 #9F9F9F; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table tbody::-webkit-scrollbar-thumb { width: 16px; background: #9F9F9F; border: 4px solid #E5E5E5; border-radius: 15px; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table tbody tr { cursor: pointer; height: 62px; padding: 10px; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table tbody tr td { text-align: center; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table tbody tr td .users { background: #657178; color: white; padding: 6px 8px; margin-right: 8px; border-radius: 3px; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table tbody tr td .type { color: white; padding: 6px 8px; border-radius: 3px; font-weight: bold; background-color: #d0021b; width: 34px; display: block; margin: auto; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table tbody tr td .type.warning { background-color: #f5a623; color: #4b4b4b; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table tbody tr.selected { background-color: rgba(23, 145, 255, 0.75); color: #fff; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table tr { width: 100%; display: table; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table tfoot { width: 100%; bottom: 0; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table tfoot.hidden { display: none; visibility: hidden; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table tfoot tr { width: 100%; display: table; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table tfoot tr td { height: 64px; width: 100%; font-size: 18px; color: #002680; position: relative; bottom: 0; border-top: solid 2px #bbbcbc; padding: 0; text-align: center; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table tfoot tr td div.group-label-button { text-align: center; margin: 8px 0 8px 0; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table tfoot tr td div.group-label-button button { width: 60px; padding: 0px; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table tfoot tr td div.group-label-button button.disabled { opacity: 0.65; cursor: default; box-shadow: none !important; pointer-events: none; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table tfoot tr td div.group-label-button button.disabled i.fa { color: #838383; } .alarm-history-container .alarm-history-body .alarm-history-body-left .alarm-history-table tfoot tr td div.group-label-button .freespace { width: 60px; display: inline-block; margin: 0 8px; } .alarm-history-container .alarm-history-body .alarm-disable-box-right { width: 496px; height: 760px; position: absolute; display: flex; align-items: center; justify-content: center; z-index: 200; background-color: #ffffffcc; font-size: 24px; font-weight: bold; color: #4b4b4b; } .alarm-history-container .alarm-history-body .alarm-history-body-right { width: 496px; height: 760px; border-radius: 2px; background-color: #dddddd; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); display: flex; align-items: center; justify-content: center; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right { display: flex; flex-flow: column; height: 675px; width: 443px; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-info { width: 94%; height: 180px; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-info .box-right-info-header .title { font-size: 18px; font-weight: bold; color: #d0021b; margin-bottom: 6px; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-info .box-right-info-header .subtitle { margin-bottom: 15px; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-info .box-right-info-header .subtitle .inside { height: 21px; border: solid 1px #9b9b9b; font-size: 14px; font-weight: 600; line-height: 1.29; color: #4b4b4b; padding: 0 5px; margin: 0 3px 0 0px; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-info .box-right-info-header .date { margin-bottom: 8px; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-info .box-right-info-header .date label { font-size: 16px; color: #4b4b4b; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-info .box-right-info-body { margin-bottom: 20px; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-info .box-right-info-body span { font-size: 18px; line-height: 1; color: #4b4b4b; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-info .box-right-info-footer { border-bottom: solid 2px #fff; padding-bottom: 12px; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-info .box-right-info-footer span { font-size: 18px; line-height: 1; color: #4b4b4b; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-info .box-right-info-footer span label { font-weight: bold; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action { height: 495px; width: 94%; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .wizard .user-help { background-color: #fff; display: flex; height: 64px; margin: 23px 0 12px 0; align-items: center; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .wizard .user-help .detail { width: 100%; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .wizard .user-help .detail strong, .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .wizard .user-help .detail span { display: block; color: #002680; font-size: 14px; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .wizard .user-help .detail strong { font-size: 18px; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .wizard .user-help i.group { min-width: 28px; height: 28px; object-fit: contain; background-image: url(../icons/png/group.png); background-size: cover; margin: 0 12px; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .group-button { display: flex; flex-flow: row; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .attach .accordion, .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .note .accordion { margin-top: 24px; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .attach .accordion .filename, .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .note .accordion .filename { display: flex; height: 64px; align-items: center; cursor: pointer; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .attach .accordion .filename i, .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .note .accordion .filename i { margin: 0 20px 0 20px; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .attach .accordion .filename span, .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .note .accordion .filename span { width: 100%; font-size: 18px; line-height: 1; color: #4b4b4b; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .attach .accordion .filename .right, .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .note .accordion .filename .right { width: 100%; display: flex; justify-content: flex-end; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .attach .accordion .filename .right button.btn-hidden, .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .note .accordion .filename .right button.btn-hidden { visibility: hidden; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .attach .accordion .filename .right button.btn-hidden i, .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .note .accordion .filename .right button.btn-hidden i { font-size: 26px; visibility: visible; margin: 0 12px; cursor: pointer; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .attach .accordion .filename.selected, .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .note .accordion .filename.selected { background-color: rgba(255, 255, 255, 0.8); } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .attach .accordion .allattach, .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .note .accordion .allattach, .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .attach .accordion .allnote, .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .note .accordion .allnote { display: flex; height: 64px; align-items: center; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .attach .accordion .allattach button.btn-hidden, .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .note .accordion .allattach button.btn-hidden, .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .attach .accordion .allnote button.btn-hidden, .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .note .accordion .allnote button.btn-hidden { visibility: hidden; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .attach .accordion .allattach button.btn-hidden span, .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .note .accordion .allattach button.btn-hidden span, .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .attach .accordion .allnote button.btn-hidden span, .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .note .accordion .allnote button.btn-hidden span { font-size: 18px; line-height: 1; visibility: visible; margin: 0 0 0 20px; color: #4b4b4b; cursor: pointer; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .attach .accordion header, .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .note .accordion header { color: #002680; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .attach .accordion header small, .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .note .accordion header small { border: 2px solid #002680; color: #002680; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .note .accordion header { color: #002680; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .note .accordion header small { border: 2px solid #002680; color: #002680; } .alarm-history-container .alarm-history-body .alarm-history-body-right .box-right .box-right-action .note .message-box { width: 370px; } .hmi-container { position: absolute; left: 0; width: 1088px; background-color: #4e585e; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5); height: 784px; } #nc-hmi { position: absolute; top: 0; left: 48px; height: 784px; width: 1040px; } #nc-hmi-img { position: absolute; top: 8px; left: 8px; height: 768px; width: 1024px; border: none; } #nc-hmi-img-fanuc { position: absolute; top: 22px; left: 40px; height: 740px; width: 960px; border: none; } .keys-area { position: absolute; height: calc(100% - 88px); right: 0; width: 824px; } #plc-softkeys-container { position: absolute; width: 816px; height: 472px; right: 8px; bottom: 48px; background-image: linear-gradient(to bottom, #657178, #657178 65px, #404040); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4); border-radius: 2px; } #plc-softkeys-container .softkeys-backdrop, #plc-softkeys-container .softkeys-backdrop-top, #plc-softkeys-container .softkeys-backdrop-left, #plc-softkeys-container .softkeys-backdrop-right, #plc-softkeys-container .softkeys-backdrop-bottom { position: absolute; z-index: 1; background-color: rgba(255, 255, 255, 0.5); } #plc-softkeys-container .softkeys-backdrop { top: 0; left: 0; right: 0; bottom: 0; } #plc-softkeys-container .btn-star { max-width: 56px; margin: 4px; background-image: linear-gradient(to bottom, #f1f1f1, #bbbcbc); box-sizing: border-box; border: none; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5); color: #002680; font-size: 14px; border-radius: 2px; } #plc-softkeys-container .btn-star:active { background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1); box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5); } #plc-softkeys-container > div.waiting::after { content: ""; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 72px; cursor: wait; background-color: rgba(255, 255, 255, 0.5); width: 100%; } #plc-softkeys-container > div.waiting-button { display: none; } #plc-softkeys-container > div.waiting-button.waiting { display: flex; position: absolute; justify-content: space-between; align-items: center; bottom: 0; width: calc(100% - 60px); height: 72px; background-color: #002680; z-index: 100; color: #fff; font-size: 24px; padding: 0 30px; } #plc-softkeys-container > div.container { width: 100%; height: 100%; display: flex; flex-flow: column; } #plc-softkeys-container > div > header { position: relative; height: 64px; min-height: 64px; display: flex; flex-flow: row nowrap; } #plc-softkeys-container > div > header button { flex-grow: 1; border: none; background: #4e585e; border: 1px solid #5c656b; border-top: none; border-bottom: none; position: relative; padding: 0; width: 100%; } #plc-softkeys-container > div > header button .fa-icons { font-size: 32px; color: #b2b2b2; } #plc-softkeys-container > div > header button img { filter: brightness(70%); } #plc-softkeys-container > div > header button.active { background-color: #657178; } #plc-softkeys-container > div > header button.active img { filter: brightness(100%); } #plc-softkeys-container > div > header button.active .fa-icons { color: #fff; } #plc-softkeys-container > div > header button:first-child { border-left: none; } #plc-softkeys-container > div > header button:last-child { border-right: none; } #plc-softkeys-container > div > header button .number { position: absolute; top: 8px; left: 8px; color: white; font-size: 12px; } #plc-softkeys-container > div > header button:active:not(.active) { background-color: rgba(0, 0, 0, 0.5); } #plc-softkeys-container .title { height: 40px; width: 100%; display: flex; flex-flow: row; align-items: center; justify-content: center; color: #fff; position: relative; } #plc-softkeys-container > div > section { display: flex; flex-flow: row wrap; align-content: flex-start; margin: 4px; margin-bottom: 16px; height: calc(100% - 124px); overflow: hidden; overflow-y: scroll; margin-right: 8px; } #plc-softkeys-container .box-select { width: 100%; height: 60px; display: flex; flex-flow: row; background-color: #404040; } #plc-softkeys-container .box-select .count-selected { width: 100%; display: flex; align-items: center; justify-content: flex-start; font-size: 20px; font-weight: bold; color: #fff; } #plc-softkeys-container .box-select .count-selected label { margin-left: 48px; } #plc-softkeys-container .box-select .group-btn { width: 100%; display: flex; align-items: center; justify-content: flex-end; } .siemens-keyboard-style { height: 650px !important; } .soft-key { cursor: pointer; position: relative; width: 184px; height: 70px; margin: 4px; box-sizing: border-box; background-color: #808e96; -webkit-tap-highlight-color: transparent; } .soft-key.notVisible { background-color: #4e585e; cursor: auto; } .soft-key.disabled::after, .soft-key:disabled::after { content: " "; position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.5); cursor: not-allowed; } .soft-key.selected { box-shadow: inset 0px 0px 0px 2px #1791ff; position: relative; } .soft-key.selected .detail section { height: 44px; width: 144px; } .soft-key.selected header { width: 179px; } .soft-key.opened { box-shadow: inset 0px 0px 0px 2px #4b4b4b; z-index: 4; } .soft-key.opened .detail section { height: 44px; width: 144px; } .soft-key.opened header { width: 179px; } .soft-key .menu-container { width: 386px; top: 80px; position: absolute; display: flex; left: -90px; justify-content: center; z-index: 100; transform: translateZ(0); } .soft-key .menu-container.top { top: -88px; } .soft-key .menu-container.top .menu::before { content: "\f0d7"; color: #4b4b4b; position: absolute; left: calc(50% - 11px); top: 60px; font-family: 'fontawesome'; font-size: 38px; } .soft-key .menu-container.left { left: -2px; justify-content: flex-start; } .soft-key .menu-container.right { left: -189px; justify-content: flex-end; } .soft-key .menu-container.bottom .menu::before { content: "\f0d8"; color: #4b4b4b; position: absolute; left: calc(50% - 11px); top: -26px; font-family: 'fontawesome'; font-size: 38px; } .soft-key .menu-container .menu { background-color: #4b4b4b; position: relative; padding: 7px; } .soft-key .menu-container .menu button { background-image: linear-gradient(to bottom, #5f676b, #4e585e); width: 60px; height: 60px; margin: 1px; font-size: 20px; color: #fff; border: none; position: relative; } .soft-key .menu-container .menu button.active { background-image: none; background-color: #1791ff; } .soft-key .menu-container .menu button:active { background-image: none; background-color: rgba(0, 0, 0, 0.5); } .soft-key .menu-container .menu button.active:active { background-image: none; background-color: rgba(0, 0, 0, 0.5); } .soft-key .menu-container .menu button.disabled::after, .soft-key .menu-container .menu button:disabled::after { content: " "; position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.5); } .soft-key header { height: 23px; text-align: center; color: #fff; font-size: 14px; line-height: 21px; border-bottom: 1px solid #fff; box-sizing: content-box; white-space: nowrap; overflow: hidden; width: 100%; margin-left: auto; margin-right: auto; } .soft-key.active { box-shadow: inset 0px 0px 0px 3px #1791ff; } .soft-key button.star { background: transparent; color: #fff; border: none; flex-grow: 1; } .soft-key button.star .fa-star { text-shadow: 1px 1px 1px #272634; } .soft-key button.star i { font-size: 24px; } .soft-key button.star.active { color: #1791ff; } .soft-key .detail { align-items: center; display: flex; flex-flow: row nowrap; } .soft-key .detail img { margin: 1px 6px; width: 25px; height: 25px; } .soft-key .detail.no-title { height: 100%; } .soft-key .detail.no-title section { display: flex; align-items: center; justify-content: center; border-left: none; height: 100% !important; color: #fff; } .soft-key .detail section { display: flex; flex-flow: row wrap; border-left: 1px solid #fff; width: 146px; margin-top: 0px; height: 46px; overflow-x: visible; } .soft-key .detail section.description { cursor: pointer; margin-top: 0; overflow: hidden; } .soft-key .detail section.description:active { background-color: #4e585e; } .soft-key .detail section.toggle { align-items: center; justify-content: center; } .soft-key .detail section.multiple { cursor: pointer; } .soft-key .detail section.multiple:active { background-color: #4e585e; } .soft-key .detail section.multiple:active span.active { background-color: #4e585e; } .soft-key .detail section.multiple span { display: flex; background: transparent; color: #fff; flex-grow: 1; min-width: 48px; min-height: 22px; margin-top: 0px; margin-left: 0px; box-sizing: border-box; border-right: 0.5px solid #fff; border-bottom: 0.5px solid #fff; align-items: center; position: relative; justify-content: center; } .soft-key .detail section.multiple span.active { background-color: #1791ff; } .soft-key .detail section.multiple span.active:active { background-color: #4e585e; } .soft-key .detail section.multiple span.disabled::after { content: " "; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.5); } .soft-key .detail section.multiple span.empty { background: transparent; } .soft-key .horizontal-scroll { margin: 0 auto; white-space: nowrap; overflow: hidden; } .soft-key .horizontal-scroll span { animation: marquee 3s linear infinite; } @keyframes marquee { 0% { transform: translate(0%, 0); } 100% { transform: translate(-100%, 0); } } .soft-key .soft-key-title { display: inline-block; } #nc-softkeys-container { width: 312px; height: 216px; margin: -4px; display: flex; flex-flow: row wrap; } #nc-softkeys-container .empty-space { display: block; width: 96px; height: 48px; margin: 4px; background-color: #4e585e; border-radius: 2px; } #nc-softkeys-container div { width: 100%; height: 100%; display: flex; flex-wrap: wrap; } #axes-softkeys-container { position: absolute; top: 0; left: 322px; width: 258px; height: 223px; margin: -4px; display: flex; flex-flow: row wrap; overflow: hidden; } #axes-softkeys-container .empty-space { display: block; width: 54px; height: 48px; margin: 4px; background-color: #4e585e; border-radius: 2px; } #axes-softkeys-container div { width: 100%; height: 100%; display: flex; flex-wrap: wrap; } .jog-menu, .auto-menu { background-color: #4e585e; position: absolute; top: 230px; margin-right: 8px; width: calc(100% - 16px); display: flex; padding: 4px; } .jog-menu:before, .auto-menu:before { content: "\f0d8"; color: #4e585e; position: absolute; left: 141px; top: -26px; font-family: 'fontawesome'; font-size: 38px; } .jog-menu .axes-menu-container > .menu > button, .auto-menu .axes-menu-container > .menu > button { background-image: linear-gradient(to bottom, #5f676b, #4e585e); min-width: 60px; height: 60px; margin: 1px; font-size: 20px; color: #fff; border: none; padding: 0; overflow: hidden; } .jog-menu .axes-menu-container > .menu > button.active, .auto-menu .axes-menu-container > .menu > button.active, .jog-menu .axes-menu-container > .menu > button:active, .auto-menu .axes-menu-container > .menu > button:active { background-image: none; background-color: #1791ff; } .jog-menu .incr-menu-container > .menu > button, .auto-menu .incr-menu-container > .menu > button { background-image: linear-gradient(to bottom, #5f676b, #4e585e); min-width: 60px; max-width: 60px; height: 60px; margin: 1px; font-size: 16px; color: #fff; border: none; padding: 0; overflow: hidden; } .jog-menu .incr-menu-container > .menu > button.active, .auto-menu .incr-menu-container > .menu > button.active { background-image: none; background-color: #1791ff; } .jog-menu .incr-menu-container > .menu > button:active, .auto-menu .incr-menu-container > .menu > button:active { background-image: none; background-color: rgba(0, 0, 0, 0.5); } .jog-menu .incr-menu-container > .menu > button.active:active, .auto-menu .incr-menu-container > .menu > button.active:active { background-image: none; background-color: rgba(0, 0, 0, 0.5); } .jog-menu .axes-menu-container, .auto-menu .axes-menu-container, .jog-menu .incr-menu-container, .auto-menu .incr-menu-container { width: 360px; position: absolute; display: flex; justify-content: center; z-index: 100; } .jog-menu .axes-menu-container .menu, .auto-menu .axes-menu-container .menu, .jog-menu .incr-menu-container .menu, .auto-menu .incr-menu-container .menu { background-color: #4b4b4b; padding: 7px; } .jog-menu .axes-menu-container:before, .auto-menu .axes-menu-container:before, .jog-menu .incr-menu-container:before, .auto-menu .incr-menu-container:before { content: "\f0d8"; color: #4b4b4b; position: absolute; left: 46px; top: -26px; font-family: 'fontawesome'; font-size: 38px; } .jog-menu .incr-menu-container, .auto-menu .incr-menu-container { top: 75px; left: 340px; } .jog-menu .incr-menu-container:before, .auto-menu .incr-menu-container:before { left: 164px; } .jog-menu .axes-menu-container, .auto-menu .axes-menu-container { top: 75px; left: 0; justify-content: left; } .jog-menu .axes-menu-container:before, .auto-menu .axes-menu-container:before { left: 23px; } .cursor-pointer { cursor: pointer; } .box-check { position: absolute; width: 33px; height: 32px; right: 0; bottom: 0; z-index: 100; background-color: #1791ff; } .box-check .check { position: absolute; width: 16px; height: 9px; background: transparent; top: 8px; left: 7px; border: 5px solid #fff; border-top: none; border-right: none; transform: rotate(-48deg); z-index: 100; } .keypad { width: 320px; height: 416px; border-radius: 2px; background-color: #bbbcbc; box-shadow: 2px 10px 15px 0 rgba(0, 0, 0, 0.4); position: relative; } .keypad header { height: 64px; width: 100%; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); display: flex; align-items: center; justify-content: space-between; } .keypad header > i { width: 20px; font-size: 32px; margin: 0 5px; color: #002680; text-align: center; } .keypad header span { text-align: left; flex-grow: 2; text-transform: capitalize; color: #4b4b4b; font-weight: 600; } .keypad header button { background: none; border: none; margin-right: 8px; } .keypad header button i { font-size: 32px; color: #002680; text-align: center; } .keypad .body { display: flex; flex-flow: column; align-items: center; height: calc(100% - 64px); } .keypad .body .display { display: flex; align-items: center; justify-content: center; margin-top: 23px; margin-bottom: 25px; height: 48px; } .keypad .body .display button { width: 48px; height: 48px; margin: 0 !important; border: none; padding: 0 !important; font-size: 18px !important; font-weight: normal !important; line-height: 48px; } .keypad .body .display input { width: calc(144px - 40px); height: 48px; border-radius: 2px; background-color: #f8f8f8; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); border: solid 1px #dfdfdf; padding: 0 20px; text-align: right; font-size: 18px; color: #4b4b4b; } .keypad .body .buttons { height: calc(100% - 96px); width: 256px; border-spacing: 8px; margin: -8px; } .keypad .body .buttons td { width: 25%; } .keypad .body .buttons button { padding: 0; width: 100%; height: 100%; border: none; margin: 0 !important; font-size: 18px !important; font-weight: normal !important; } .keypad .body .buttons button.blue { background-image: linear-gradient(to bottom, #1756ad, #002680); color: #ffffff; } .keypad .body .buttons button.rotate-90 i { transform: rotate(90deg); } #back-view { position: absolute; top: 80px; left: 0; right: 0; bottom: 80px; height: calc(100vh - 160px); z-index: 1; } #back-view > header { color: white; font-weight: 600; font-size: 24px; height: 40px; line-height: 40px; padding: 24px 50px; } #back-view > header button.close { float: right; width: 40px; height: 40px; border: none; border-radius: 20px; color: #657178; background-color: white; font-size: 40px; line-height: 40px; } #nc-buttons-container { width: 1039px; height: 60px; background-image: linear-gradient(to bottom, #657178, #657178 65px, #404040); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4); border-radius: 2px; display: inline-block; } #nc-buttons-container > span.container { width: 100%; height: 100%; } #nc-buttons-container > span > header { position: relative; height: 100%; display: flex; flex-flow: row nowrap; overflow: hidden; } #nc-buttons-container > span > header button { flex-grow: 1; border: none; background: #4e585e; border: 1px solid #5c656b; border-top: none; border-bottom: none; position: relative; padding: 0; width: 100%; color: white; font-size: 16px; } #nc-buttons-container > span > header button:first-child { border-left: none; } #nc-buttons-container > span > header button:last-child { border-right: none; } #nc-buttons-container > span > header button:active:not(.active) { background-color: rgba(0, 0, 0, 0.5); } .head-spindle, .head-production, .head-awj { border-top: 0; border-bottom: 0; width: 512px; min-height: 96px; margin: 4px; background-color: white; border-radius: 2px; box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.4); display: flex; flex-wrap: wrap; } .head-spindle > *, .head-production > *, .head-awj > *, .head-spindle, .head-production, .head-awj { box-sizing: border-box; } .head-spindle label, .head-production label, .head-awj label { color: #4b4b4b; font-size: 18px; line-height: 20px; font-weight: 600; margin: 8px 0; text-align: center; } .head-spindle header, .head-production header, .head-awj header { width: 94px; flex-shrink: 0; height: 100%; border-right: 2px solid #979797; display: flex; flex-flow: column; justify-content: center; align-items: center; font-size: 20px; font-weight: 600; color: #002680; } .head-spindle header span.process, .head-production header span.process, .head-awj header span.process { color: #002680; width: 64px; font-size: 14px; height: 21px; line-height: 21px; flex-grow: 0; text-transform: uppercase; text-align: center; border: 1px solid #002680; margin: 8px; } .head-spindle section, .head-production section, .head-awj section { width: 218px; flex-shrink: 0; display: flex; flex-flow: column; justify-content: space-between; } .head-spindle section div, .head-production section div, .head-awj section div { padding: 10px 8px; padding-top: 0; display: flex; flex-flow: row nowrap; justify-content: space-between; } .head-spindle section div button, .head-production section div button, .head-awj section div button { width: 48px; height: 48px; border: none; background-image: linear-gradient(to bottom, #f1f1f1, #bbbcbc); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5); border-radius: 2px; } .head-spindle section div button i, .head-production section div button i, .head-awj section div button i { color: #002680; font-size: 22px; } .head-spindle section div button:active, .head-production section div button:active, .head-awj section div button:active { background-image: linear-gradient(to bottom, #404040, #657178); color: white; box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5); } .head-spindle section div button:disabled, .head-production section div button:disabled, .head-awj section div button:disabled { background-color: #dddddd !important; background-image: none !important; box-shadow: none !important; } .head-spindle section div button:disabled i, .head-production section div button:disabled i, .head-awj section div button:disabled i { color: #878787; } .head-spindle section div span, .head-production section div span, .head-awj section div span { text-align: center; color: #4b4b4b; font-size: 14px; display: flex; flex-flow: column; justify-content: center; } .head-spindle section div span h5, .head-production section div span h5, .head-awj section div span h5 { margin: 0; font-size: 18px; font-weight: 600; } .head-spindle .tool-box, .head-production .tool-box, .head-awj .tool-box { display: flex; width: 116px; height: 96px; border-left: 2px solid #979797; } .head-spindle .tool-box .tool-box-data, .head-production .tool-box .tool-box-data, .head-awj .tool-box .tool-box-data { border: none; overflow: hidden; height: 96px; width: 114px; } .head-spindle .tool-box .tool-box-data .tool-name, .head-production .tool-box .tool-box-data .tool-name, .head-awj .tool-box .tool-box-data .tool-name { white-space: pre; line-height: 30px; } .head-spindle .tool-box .tool-box-data .tool-duplo, .head-production .tool-box .tool-box-data .tool-duplo, .head-awj .tool-box .tool-box-data .tool-duplo { font-size: 14px; line-height: 18px; } .head-spindle .tool-box .tool-box-data .clickable, .head-production .tool-box .tool-box-data .clickable, .head-awj .tool-box .tool-box-data .clickable { cursor: pointer; } .head-spindle .tool-box .tool-box-siemens, .head-production .tool-box .tool-box-siemens, .head-awj .tool-box .tool-box-siemens { font-size: 16px; } .head-spindle .tool-box .arrow-box, .head-production .tool-box .arrow-box, .head-awj .tool-box .arrow-box { display: flex; align-items: center; width: 0px; height: 96px; font-size: 23px; } .head-spindle .tool-box .arrow-box i, .head-production .tool-box .arrow-box i, .head-awj .tool-box .arrow-box i { padding-left: 5px; } .head-spindle .abrasive, .head-production .abrasive, .head-awj .abrasive { overflow: hidden; width: 102px; } .head-spindle .abrasive .tool-name, .head-production .abrasive .tool-name, .head-awj .abrasive .tool-name { white-space: pre; line-height: 41px; } .head-spindle .abrasive .tool-duplo, .head-production .abrasive .tool-duplo, .head-awj .abrasive .tool-duplo { font-size: 14px; line-height: 18px; } .head-spindle .detailBoxOpened, .head-production .detailBoxOpened, .head-awj .detailBoxOpened { background-color: rgba(23, 145, 255, 0.3); } .head-spindle .tool-box-data, .head-production .tool-box-data, .head-awj .tool-box-data, .head-spindle .load-box, .head-production .load-box, .head-awj .load-box, .head-spindle .abrasive, .head-production .abrasive, .head-awj .abrasive, .head-spindle .vacuum, .head-production .vacuum, .head-awj .vacuum { display: flex; flex-flow: column; align-items: center; border-left: 2px solid #979797; color: #4b4b4b; position: relative; } .head-spindle .tool-box-data span, .head-production .tool-box-data span, .head-awj .tool-box-data span, .head-spindle .load-box span, .head-production .load-box span, .head-awj .load-box span, .head-spindle .abrasive span, .head-production .abrasive span, .head-awj .abrasive span, .head-spindle .vacuum span, .head-production .vacuum span, .head-awj .vacuum span { font-weight: 600; font-size: 30px; line-height: 30px; } .head-spindle .tool-box-data.disabled > label, .head-production .tool-box-data.disabled > label, .head-awj .tool-box-data.disabled > label, .head-spindle .load-box.disabled > label, .head-production .load-box.disabled > label, .head-awj .load-box.disabled > label, .head-spindle .abrasive.disabled > label, .head-production .abrasive.disabled > label, .head-awj .abrasive.disabled > label, .head-spindle .vacuum.disabled > label, .head-production .vacuum.disabled > label, .head-awj .vacuum.disabled > label, .head-spindle .tool-box-data.disabled > span, .head-production .tool-box-data.disabled > span, .head-awj .tool-box-data.disabled > span, .head-spindle .load-box.disabled > span, .head-production .load-box.disabled > span, .head-awj .load-box.disabled > span, .head-spindle .abrasive.disabled > span, .head-production .abrasive.disabled > span, .head-awj .abrasive.disabled > span, .head-spindle .vacuum.disabled > span, .head-production .vacuum.disabled > span, .head-awj .vacuum.disabled > span, .head-spindle .tool-box-data.disabled > small, .head-production .tool-box-data.disabled > small, .head-awj .tool-box-data.disabled > small, .head-spindle .load-box.disabled > small, .head-production .load-box.disabled > small, .head-awj .load-box.disabled > small, .head-spindle .abrasive.disabled > small, .head-production .abrasive.disabled > small, .head-awj .abrasive.disabled > small, .head-spindle .vacuum.disabled > small, .head-production .vacuum.disabled > small, .head-awj .vacuum.disabled > small { color: #4b4b4b !important; } .head-spindle .tool-box-data.disabled::after, .head-production .tool-box-data.disabled::after, .head-awj .tool-box-data.disabled::after, .head-spindle .load-box.disabled::after, .head-production .load-box.disabled::after, .head-awj .load-box.disabled::after, .head-spindle .abrasive.disabled::after, .head-production .abrasive.disabled::after, .head-awj .abrasive.disabled::after, .head-spindle .vacuum.disabled::after, .head-production .vacuum.disabled::after, .head-awj .vacuum.disabled::after { content: " "; position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(216, 216, 216, 0.5); } .head-spindle .load-box span, .head-production .load-box span, .head-awj .load-box span { color: #1791ff; } .head-spindle .load-box.danger span, .head-production .load-box.danger span, .head-awj .load-box.danger span { color: #d0021b !important; } .head-spindle .load-box.warning span, .head-production .load-box.warning span, .head-awj .load-box.warning span { color: #f5a623 !important; } .head-spindle .vacuum, .head-production .vacuum, .head-awj .vacuum { width: 88px; flex-shrink: 0; } .head-spindle .abrasive, .head-production .abrasive, .head-awj .abrasive { width: 116px; } .head-spindle .load-box, .head-production .load-box, .head-awj .load-box { width: 102px; } .head-spindle.selected, .head-production.selected, .head-awj.selected { box-shadow: inset 0px 0px 0px 2px #51adff; } .head-spindle.selected *, .head-production.selected *, .head-awj.selected * { border-color: #51adff !important; } .head-spindle.selected header, .head-production.selected header, .head-awj.selected header { background-color: #51adff; color: #fff; } .head-spindle.selected header span.process, .head-production.selected header span.process, .head-awj.selected header span.process { border-color: #fff !important; color: #fff; } .head-spindle.selected .detail-box, .head-production.selected .detail-box, .head-awj.selected .detail-box { border-left: 2px solid; border-top: 2px solid; border-bottom: 2px solid; } .head-spindle .detail-box, .head-production .detail-box, .head-awj .detail-box { background-color: white; height: 96px; width: 416px; display: flex; position: absolute; right: 154px; } .head-spindle .detail-box span, .head-production .detail-box span, .head-awj .detail-box span { width: 156px; font-size: 18px; line-height: 20px; font-weight: 600; } .head-spindle .detailBoxTransition-enter-active, .head-production .detailBoxTransition-enter-active, .head-awj .detailBoxTransition-enter-active, .head-spindle .detailBoxTransition-leave-active, .head-production .detailBoxTransition-leave-active, .head-awj .detailBoxTransition-leave-active { width: 416px; transition: width 0.5s; overflow: hidden; } .head-spindle .detailBoxTransition-enter, .head-production .detailBoxTransition-enter, .head-awj .detailBoxTransition-enter, .head-spindle .detailBoxTransition-leave-to, .head-production .detailBoxTransition-leave-to, .head-awj .detailBoxTransition-leave-to { width: 0; transition: width 0.5s; } .head-spindle .detailBoxTransition-enter .column-right, .head-production .detailBoxTransition-enter .column-right, .head-awj .detailBoxTransition-enter .column-right, .head-spindle .detailBoxTransition-leave-to .column-right, .head-production .detailBoxTransition-leave-to .column-right, .head-awj .detailBoxTransition-leave-to .column-right { box-shadow: none; } .head-spindle .column-left, .head-production .column-left, .head-awj .column-left { display: flex; flex-direction: column; width: 247px; border-right: 2px solid #979797; } .head-spindle .column-left .row, .head-production .column-left .row, .head-awj .column-left .row { display: flex; flex-direction: row; flex-wrap: wrap; width: 247px; justify-content: space-between; align-items: center; flex: 1; } .head-spindle .column-left .row span, .head-production .column-left .row span, .head-awj .column-left .row span { margin-left: 5px; font-size: 15px; line-height: 15px; } .head-spindle .column-left .row .number, .head-production .column-left .row .number, .head-awj .column-left .row .number { width: 70px; height: 25px; border-radius: 2px; display: flex; justify-content: flex-end; align-items: center; margin-right: 8px; color: #4b4b4b; padding-right: 8px; font-size: 20px; } .head-spindle .column-left .row:nth-child(odd) .number, .head-production .column-left .row:nth-child(odd) .number, .head-awj .column-left .row:nth-child(odd) .number { background-color: #f3f3f3; } .head-spindle .column-left .row:nth-child(even) .number, .head-production .column-left .row:nth-child(even) .number, .head-awj .column-left .row:nth-child(even) .number { background-color: rgba(23, 145, 255, 0.3); } .head-spindle .column-right, .head-production .column-right, .head-awj .column-right { display: flex; flex-direction: row; width: 167px; justify-content: center; align-items: center; box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.5); } .head-spindle .column-right .column, .head-production .column-right .column, .head-awj .column-right .column { width: 56px; flex: 1; text-align: center; flex-direction: column; } .head-spindle .column-right .column img, .head-production .column-right .column img, .head-awj .column-right .column img { opacity: 0.2; width: 45px; padding: 5px; height: auto; } .head-spindle .column-right .column .iconActive, .head-production .column-right .column .iconActive, .head-awj .column-right .column .iconActive { opacity: 1; color: #f1f1f1; } .head-place-holder { width: 240px; height: 102px; margin: 4px; margin-bottom: 6px; margin-top: 6px; background-color: #4e585e; border-radius: 2px; } .head-std { width: 240px; height: 102px; margin: 4px; margin-bottom: 6px; margin-top: 6px; background-color: white; border-radius: 2px; box-sizing: border-box; box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.4); display: flex; } .head-std > * { box-sizing: border-box; } .head-std header { display: flex; font-size: 18px; color: #002680; padding: 0 4px; height: 24px; line-height: 24px; flex-shrink: 0; border-bottom: 1px solid #dfdfdf; justify-content: space-between; font-weight: 600; } .head-std header span.title { font-size: 16px; flex-grow: 1; width: 100%; overflow: hidden; margin-right: 4px; white-space: nowrap; } .head-std header span.process, .head-std header span.isRunning { color: #002680; width: 32px; font-size: 14px; height: 20px; flex-grow: 0; line-height: 20px; margin-top: 1px; text-transform: uppercase; text-align: center; border: 1px solid #002680; } .head-std header span.process i, .head-std header span.isRunning i { line-height: 20px; } .head-std header span.isRunning { margin-right: 4px; } .head-std section { width: calc(100% - 56px); display: flex; flex-flow: column; justify-content: space-between; position: relative; } .head-std section div { padding: 7px 8px; display: flex; flex-flow: row nowrap; justify-content: space-between; } .head-std section div button { width: 48px; min-width: 48px; height: 48px; border: none; background-image: linear-gradient(to bottom, #f1f1f1, #bbbcbc); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5); border-radius: 2px; } .head-std section div button i { color: #002680; font-size: 22px; } .head-std section div button:active { background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1); box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5); } .head-std section div button:disabled { background-color: #dddddd !important; background-image: none !important; box-shadow: none !important; } .head-std section div button:disabled i { color: #878787; } .head-std section div span { text-align: center; color: #4b4b4b; font-size: 14px; display: flex; flex-flow: column; justify-content: center; width: 70px; overflow: hidden; } .head-std section div span h5 { margin: 0; font-size: 18px; font-weight: 600; } .head-std section span.progress { position: absolute; font-size: 12px; color: #1791ff; bottom: 6px; width: 100%; text-align: center; font-weight: 600; } .head-std section progress { width: 100%; height: 6px; background-color: #fff; } .head-std section progress::-moz-progress-bar { background-color: #fff; } .head-std section progress::-webkit-progress-value { background-image: linear-gradient(to right, #1791ff, #33c4ff); transition: width 0.3s; } .head-std aside { width: 56px; height: 100%; display: flex; flex-flow: column; } .head-std aside .tool-box { overflow: hidden; } .head-std aside .tool-box .tool-name { white-space: pre; line-height: 20px; } .head-std aside .tool-box .tool-duplo { font-size: 11px; font-weight: normal; } .head-std aside .tool-box .tool-box-siemens { font-size: 11px; } .head-std aside .tool-box, .head-std aside .load-box { height: 50%; display: flex; flex-flow: column; align-items: center; justify-content: center; border-left: 1px solid #dfdfdf; overflow: hidden; position: relative; } .head-std aside .tool-box label, .head-std aside .load-box label { color: #4b4b4b; font-size: 14px; line-height: 20px; font-weight: normal; } .head-std aside .tool-box span, .head-std aside .load-box span { font-weight: 600; font-size: 18px; line-height: 14px; } .head-std aside .tool-box small, .head-std aside .load-box small { color: #4b4b4b; font-size: 10px; } .head-std aside .tool-box.disabled > label, .head-std aside .load-box.disabled > label, .head-std aside .tool-box.disabled > span, .head-std aside .load-box.disabled > span, .head-std aside .tool-box.disabled > small, .head-std aside .load-box.disabled > small { color: #4b4b4b !important; } .head-std aside .tool-box.disabled::after, .head-std aside .load-box.disabled::after { content: " "; position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(216, 216, 216, 0.5); } .head-std aside .load-box { border-top: 1px solid #dfdfdf; } .head-std aside .load-box label, .head-std aside .load-box span { color: #1791ff; } .head-std aside .load-box.danger label, .head-std aside .load-box.danger span { color: #d0021b !important; } .head-std aside .load-box.warning label, .head-std aside .load-box.warning span { color: #f5a623 !important; } .head-std.selected header { background-image: linear-gradient(to right, #1791ff, #33c4ff); color: #fff; border-right: none; } .head-std.selected header span.process { border-color: #fff !important; color: #fff; } .head-std.selected header span.isRunning { border-color: #fff !important; color: #fff; } .heads-container { position: absolute; top: -6px; right: 4px; display: flex; flex-flow: row wrap; width: 512px; height: 230px; overflow-x: hidden; } .mini { width: 262px; } .heads-container-lt4 { right: -12px; } .siemens-keyboard-head-style { width: 828px !important; right: 0px; overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap; height: 132px; } .head-production { max-width: 530px; width: 530px; height: 96px; } .width-small { width: 512px; } .head-production header { min-height: 96px; justify-content: start; } .head-production header .title { display: flex; flex-flow: row; font-size: 18px; line-height: 20px; font-weight: 600; margin-top: 8px; width: 100%; text-align: center; overflow: hidden; height: 46px; align-items: start; } .head-production header > div { display: flex; flex-flow: row; align-items: center; justify-content: center; margin-top: 3px; } .head-production header > div span.process { width: 27px; font-size: 16px; height: 27px; line-height: 27px; } .head-production.selected header { min-height: 96px; } .test-container { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; } .tooling-container { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; } .tooling-container .tooling-box { width: 1504px; height: 759px; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); overflow: hidden; } .tooling-container .tooling-box .header { font-size: 24px; font-weight: 600; color: #002680; height: 65px; width: 100%; display: flex; align-items: center; justify-content: space-between; } .tooling-container .tooling-box .header .title { margin-left: 24px; } .tooling-container .tooling-box .header .btn { box-sizing: border-box; border-radius: 2px; margin: 0 8px; text-align: center; font-size: 18px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); padding: 14px 17px; border: none; background-image: linear-gradient(to bottom, #f1f1f1, #bbbcbc); color: #002680; } .tooling-container .tooling-box .header .btn:active { background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1); border: none !important; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.4) !important; } .tooling-container .tooling-box .header .btn:hover { box-shadow: inset 0px 0px 0px 2px #8eb5e2; } .tooling-container .tooling-box .header .btn.dark-blue { background-color: #002680; color: white; } .tooling-container .tooling-box .header .btn.btn-danger { color: #d0021b; } .tooling-container .tooling-box .header .group-button-add-attach { font-size: 18px; line-height: 1; color: #002680; } .tooling-container .tooling-box .tooling-boxbody { width: 100%; height: calc(100% - 65px); top: 65px; background-color: #bbbcbc; display: flex; flex-flow: column; } .tooling-container .tooling-box .tooling-boxbody .header { font-size: 20px; margin-top: 18px; margin-left: 80px; margin-bottom: 0; } .tooling-container .tooling-box .tooling-boxbody .list-top, .tooling-container .tooling-box .tooling-boxbody .list-bottom { display: flex; align-items: center; height: 100%; margin-bottom: 10px; overflow-y: hidden; overflow-x: auto; padding-left: 80px; } .tooling-container .tooling-box .tooling-boxbody .divider { width: 1480px; height: 4px; background-color: #d8d8d8; border: solid 1px #979797; margin-left: 12px; } .tool { margin: auto; width: 360px; height: 64px; background-color: #fff; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); display: flex; flex-flow: row; align-self: center; justify-items: center; font-size: 18px; line-height: 1.11; color: #4b4b4b; margin-bottom: 4px; } .tool .image { display: flex; align-items: center; justify-content: center; margin-left: 21px; margin-right: 29px; } .tool .image img { width: 48px; height: 48px; } .tool .text-body { text-align: left; width: calc(100% - 159px); margin-top: 11px; } .tool .text-body ul { margin: 0; padding: 0; } .tool .text-body ul li { display: inline; margin-right: 5px; padding-right: 5px; } .tool .text-body ul li:not(:last-child) { border-right: 1px solid #4b4b4b; } .tool .text-right { display: flex; align-items: center; color: #1791ff; } .tool .fa { display: flex; align-items: center; font-size: 24px; margin-left: 20px; color: #002680; cursor: pointer; } .smooth-dnd-ghost { transform: rotateZ(3deg); transition: 0s; } .smooth-dnd-ghost .tool { background-color: #cccccccc; box-shadow: 0px 0px 2px 3px #1791ff; } .smooth-dnd-ghost .fa { display: none; } .card { width: 288px; height: 216px; background-color: #fff; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); margin: 8px; cursor: pointer; position: relative; } .card > header { width: 288px; height: 64px; border-radius: 2px; background-color: #f1f1f1; } .card > header span { font-size: 18px; float: left; color: #002680; margin-top: 22px; margin-left: 24px; } .card > header button { float: right; margin: 8px 8px 8px; width: 48px; height: 48px; color: #002680; padding: 0; } .card > header button .fa { height: 22px; font-size: 24px; width: 25px; } .card > i { color: #002680; position: absolute; bottom: 0px; right: 9px; font-size: 74px; } .card > section { height: calc(100% - 64px); display: flex; justify-content: center; align-items: center; } .detail-card { width: 288px; height: 216px; background-color: #fff; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); margin-right: 32px; } .detail-card header { width: 288px; height: 64px; border-radius: 2px; background-color: #f1f1f1; border-bottom: 2px solid #fff; } .detail-card header .title { width: 64px; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; float: left; color: #4b4b4b; border-right: 2px solid #fff; position: relative; overflow: hidden; } .detail-card header .title img { height: 45px; } .detail-card header .title.disabled::after { content: "|"; position: absolute; width: 100%; height: 64px; top: 0; left: 0; right: 0; bottom: 0; display: block; line-height: 64px; text-align: center; font-size: 22px; transform: rotate(-46deg) scaleY(5); overflow: hidden; color: #ff4d63; } .detail-card header button { float: right; margin: 8px 8px 8px; width: 48px; height: 48px; color: #002680; padding: 0; } .detail-card header button .fa { height: 22px; font-size: 24px; width: 25px; } .detail-card section { height: calc(100% - 66px); width: 100%; display: flex; align-items: center; justify-content: center; background-color: #f1f1f1; } .equipment { width: 360px; height: 64px; background-color: #fff; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); display: flex; flex-flow: row; align-self: center; margin: auto; justify-items: center; font-size: 18px; line-height: 1.11; color: #4b4b4b; margin-bottom: 4px; cursor: pointer; } .equipment.selected { background-color: rgba(23, 145, 255, 0.75); color: #fff; } .equipment.selected .image { background-color: #FFF; } .equipment.selected .text-body-position { color: #fff; } .equipment.selected .text-body-spindle { color: #fff; } .equipment .image { display: flex; align-items: center; justify-content: center; margin-top: 8px; margin-left: 14px; width: 48px; height: 48px; background-color: #DDD; } .equipment .image img { width: 48px; height: 48px; } .equipment .text-body { text-align: left; width: 100%; margin-top: 11px; margin-left: 14px; } .equipment .text-body-position { margin-top: 24px; width: 120px; height: 20px; font-size: 16px; text-align: left; color: #1791ff; } .equipment .text-body-spindle { display: flex; width: 220px; height: 64px; font-size: 14px; text-align: center; align-items: center; color: #1791ff; } .input-box { width: 100%; height: 80px; border-radius: 2px; display: flex; flex-flow: row; background-color: #fff; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); } .input-box .title { font-size: 18px; line-height: 1.11; color: #4b4b4b; height: 100%; display: flex; align-items: center; margin-left: 15px; } .input-box .control { height: 100%; display: flex; margin-right: 16px; align-items: center; margin-left: auto; } .input-box .control input, .input-box .control select { width: 294px; height: 48px; font-size: 18px; line-height: 1.11; color: #4b4b4b; padding: 0 5px; box-sizing: border-box; border: solid 1px #ccc; } .input-box .control input[type=number], .input-box .control select[type=number] { text-align: right; width: 144px; } .input-box .control input:read-only { border: solid 1px transparent; } .input-box .control select:disabled { border: solid 1px transparent; -webkit-appearance: menulist-text; -moz-appearance: menulist-text; } .load-equipment { width: 495px; height: 64px; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); display: flex; flex-flow: row; font-size: 18px; line-height: 1.11; color: #4b4b4b; } .load-equipment .image { display: flex; align-items: center; justify-content: center; margin-left: 16px; margin-right: 15px; } .load-equipment .text-body { display: flex; align-items: center; justify-content: center; } .load-equipment .arrow { display: flex; align-items: center; justify-content: center; margin-left: auto; margin-right: 20px; } .load-equipment .arrow .fa-arrow-up, .load-equipment .arrow .fa-arrow-down { font-size: 24px; } .load-equipment .arrow .fa-arrow-up { color: #54AEFF; } .load-equipment .arrow .fa-arrow-down { color: #DC4557; } .card-utilities { width: 288px; height: 216px; border-radius: 2px; background-color: #f1f1f1; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); cursor: pointer; } .card-utilities .card-utilities-header { height: 64px; width: 100%; border-bottom: solid 2px #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #002680; } .card-utilities .card-utilities-body { height: calc(100% - 66px); width: 100%; display: flex; align-items: center; justify-content: center; } .card-utilities .card-utilities-body button { width: 272px; height: 136px; display: flex; align-items: center; justify-content: center; background: #f1f1f1; } .card-utilities .card-utilities-body .card-utilities-body-label { width: 104px; height: 104px; display: flex; align-items: center; justify-content: center; background-color: #fff; font-size: 48px; font-weight: 600; color: #002680; } .card-assisted-tooling { width: 256px; height: 249px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .card-assisted-tooling .card-assisted-tooling-body { height: 233px; display: flex; flex-flow: column; align-items: center; } .card-assisted-tooling .card-assisted-tooling-body div.icon .fa-arrow-up { margin-top: 28px; font-size: 25px; color: #1791ff; } .card-assisted-tooling .card-assisted-tooling-body div.icon .fa-arrow-down { margin-top: 28px; font-size: 25px; color: red; } .card-assisted-tooling .card-assisted-tooling-body .image { margin-top: 11px; overflow: hidden; } .card-assisted-tooling .card-assisted-tooling-body .image img { width: 108px; } .card-assisted-tooling .card-assisted-tooling-body .image img.anim_up { animation: scroll_up 3s infinite; } .card-assisted-tooling .card-assisted-tooling-body .image img.anim_dw { animation: scroll_dw 3s infinite; } @keyframes scroll_dw { 0% { transform: translateY(-108px); } 30% { transform: translateY(0px); } 70% { transform: translateY(0px); } 100% { transform: translateY(108px); } } @keyframes scroll_up { 0% { transform: translateY(108px); } 30% { transform: translateY(0px); } 70% { transform: translateY(0px); } 100% { transform: translateY(-108px); } } .card-assisted-tooling .card-assisted-tooling-body .text { font-size: 18px; line-height: 1.11; color: #4b4b4b; text-align: center; } .card-assisted-tooling .card-assisted-tooling-footer { height: 16px; background-color: #002680; } .card-tool-depot { width: 272px; height: 136px; display: flex; flex-flow: column; background-color: #f1f1f1; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); z-index: 1; } .card-tool-depot .card-tool-depot-body { width: 100%; height: 100%; display: flex; flex-flow: row; } .card-tool-depot .card-tool-depot-body .card-tool-depot-image { position: relative; margin-top: 20px; margin-left: 10px; } .card-tool-depot .card-tool-depot-body .card-tool-depot-image img { max-width: 104px; max-height: 104px; cursor: pointer; } .card-tool-depot .card-tool-depot-body .card-tool-depot-image i { position: absolute; right: 0; bottom: 10px; font-size: 28px; cursor: pointer; } .card-tool-depot .card-tool-depot-body .card-tool-depot-image i.fa { color: #002680; } .card-tool-depot .card-tool-depot-body .card-tool-depot-title { display: flex; height: 100%; min-width: calc(100% - 164px); flex-flow: column; justify-content: center; margin-left: 20px; font-size: 18px; line-height: 1.11; color: #4b4b4b; overflow: hidden; } .card-tool-depot .card-tool-depot-body .card-tool-depot-title ul { margin-top: 10px; -webkit-padding-start: 17px; font-size: 15px; line-height: 19px; white-space: nowrap; } .card-tool-depot .card-tool-depot-body .card-tool-depot-remove { width: 100%; margin-top: 8px; margin-right: 8px; margin-left: auto; display: flex; font-size: 24px; color: #002680; } .card-tool-depot .card-tool-depot-body .card-tool-depot-remove .btn { height: 48px; width: 48px; font-size: 24px; margin: 0 -26px; padding: 0; } .card-maintenance-wizard { width: 408px; height: 64px; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .card-maintenance-wizard .card-maintenance-wizard-body { height: 100%; display: flex; flex-flow: row; align-items: center; } .card-maintenance-wizard .card-maintenance-wizard-body .card-maintenance-wizard-image { margin-left: 20px; } .card-maintenance-wizard .card-maintenance-wizard-body .card-maintenance-wizard-image img { width: 28px !important; height: 28px !important; } .card-maintenance-wizard .card-maintenance-wizard-body .card-maintenance-wizard-title { height: 100%; display: flex; flex-flow: column; justify-content: center; } .card-maintenance-wizard .card-maintenance-wizard-body .card-maintenance-wizard-title div.wizard { font-size: 18px; font-weight: 600; line-height: 1; color: #002e6e; margin-left: 20px; } .card-maintenance-wizard .card-maintenance-wizard-body .card-maintenance-wizard-title div { font-size: 14px; line-height: 1.29; color: #002e6e; margin-left: 20px; } .card-maintenance-wizard .card-maintenance-wizard-body .card-maintenance-wizard-start { margin-left: auto; margin-right: 0; } .card-maintenance-wizard .card-maintenance-wizard-body .card-maintenance-wizard-start button div { font-size: 18px; color: #002e6e; } .softkeys-prefered { width: 480px; min-height: 64px; display: flex; flex-flow: row; align-items: center; background-color: #dfdfdf; position: relative; cursor: pointer; } .softkeys-prefered.active { box-shadow: inset 0px 0px 0px 3px #1791ff; } .softkeys-prefered .star { height: 100%; display: flex; align-items: center; margin-left: 16px; } .softkeys-prefered .title { font-size: 14px; line-height: 1.43; color: #002680; height: 100%; display: flex; align-items: center; margin-left: 14px; } .softkeys-prefered .control { height: 100%; display: flex; margin-right: 16px; align-items: center; margin-left: auto; } .softkeys-prefered .control input, .softkeys-prefered .control select { width: 294px; height: 48px; font-size: 18px; line-height: 1.11; color: #4b4b4b; padding: 0 5px; box-sizing: border-box; border: solid 1px #ccc; } .softkeys-prefered .control input[type=number], .softkeys-prefered .control select[type=number] { text-align: right; width: 144px; } .softkeys-prefered .control input:read-only { border: solid 1px transparent; } .softkeys-prefered .control select:disabled { border: solid 1px transparent; -webkit-appearance: menulist-text; -moz-appearance: menulist-text; } .softkeys-prefered .control .togglebutton label span.toggle { width: 92px; height: 31px; line-height: 31px; font-size: 13px; } .softkeys-prefered .control .togglebutton label .toggle:after { width: 29px; height: 29px; border-radius: 27px; top: 1px; } .softkeys-prefered .control .togglebutton label input[type=checkbox]:checked + .toggle:after { left: 48px; } .softkeys-prefered .control .togglebutton label input[type=checkbox]:checked + .toggle:after { width: 29px; height: 29px; border-radius: 27px; left: 62px; } .softkeys-prefered .control .multiple { display: flex; flex-flow: row wrap; border-left: 1px solid #979797; width: 144px; margin-top: -1px; height: 46px; overflow-x: visible; cursor: pointer; } .softkeys-prefered .control .multiple:active { background-color: #bbbcbc; color: #fff; border-color: #fff; } .softkeys-prefered .control .multiple:active span { background-color: #bbbcbc; color: #fff; border-color: #fff; } .softkeys-prefered .control .multiple span { display: flex; background: transparent; color: #979797; flex-grow: 1; min-width: 48px; min-height: 22px; margin-top: -1px; margin-left: -1px; box-sizing: border-box; border: 0.5px solid #979797; align-items: center; position: relative; justify-content: center; } .softkeys-prefered .control .multiple span.active { background-color: #1791ff; color: #fff; } .softkeys-prefered .control .multiple span.empty { background: transparent; } .softkeys-prefered .control .button .fa { font-size: 32px; color: #002680; } .card-axes-production { height: 562px; width: 232px; background-color: #fff; display: flex; flex-flow: column; } .card-axes-production .first-box-axes { height: 294px; width: 100%; display: flex; flex-flow: column; overflow: auto; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); margin-top: 8px; } .card-axes-production .first-box-axes .axes { min-height: 32px; width: 100%; display: flex; flex-flow: row; align-items: center; justify-content: space-between; margin-top: 8px; } .card-axes-production .first-box-axes .axes._7 { min-height: 26px; } .card-axes-production .first-box-axes .axes._8 { min-height: 22px; } .card-axes-production .first-box-axes .axes._9 { min-height: 18px; } .card-axes-production .first-box-axes .axes .variable { font-size: 48px; width: 75px; line-height: 0; font-weight: bold; color: #4b4b4b; text-align: right; } .card-axes-production .first-box-axes .axes .variable._7 { font-size: 42px; } .card-axes-production .first-box-axes .axes .variable._8 { font-size: 36px; } .card-axes-production .first-box-axes .axes .variable._9 { font-size: 29px; } .card-axes-production .first-box-axes .axes .variable.more9 { width: 69px; } .card-axes-production .first-box-axes .axes .number { width: 135px; height: 32px; border-radius: 2px; display: flex; justify-content: flex-end; align-items: center; margin-right: 8px; color: #4b4b4b; padding-right: 8px; font-size: 20px; } .card-axes-production .first-box-axes .axes .number._7 { height: 26px; } .card-axes-production .first-box-axes .axes .number._8 { height: 22px; } .card-axes-production .first-box-axes .axes .number._9 { height: 18px; font-size: 18px; } .card-axes-production .first-box-axes .axes .number.more9 { margin-right: 5px; } .card-axes-production .first-box-axes .axes .umeasure { width: 32px; margin-left: 5px; text-align: left; } .card-axes-production .first-box-axes .axes:nth-child(odd) .number { background-color: #f3f3f3; } .card-axes-production .first-box-axes .axes:nth-child(even) .number { background-color: rgba(23, 145, 255, 0.3); } .card-axes-production .first-box-axes .axes:first-child { margin-top: 16px; } .card-axes-production .first-box-axes .axes:last-child { margin-bottom: 16px; } .card-axes-production .first-box-axes .tabs { min-height: 30px; width: 100%; background-color: #e7e7e7; display: flex; flex-direction: row; } .card-axes-production .first-box-axes .tabs button { visibility: hidden; border: none; } .card-axes-production .first-box-axes .tabs .tab { visibility: visible; width: 77px; border-right: solid 1px #979797; } .card-axes-production .first-box-axes .tabs .tab.active { background-color: #fff; border-top: solid 2px #1791ff !important; } .card-axes-production .first-box-axes .tabs .tab:last-child { border: none; } .card-axes-production .first-box-axes .content-box { height: calc(100% - 30px); width: 100%; display: flex; flex-flow: column; overflow: auto; } .override-box { height: 260px; width: 232px; display: block; margin: auto; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .override-box .label-container { display: flex; justify-content: space-around; font-weight: 600; text-align: center; } .override-box .label-container .title { font-size: 14px; } .override-box .label-container .value { font-size: 25px; } .override-box .label-container .rapid { color: #002680; } .override-box .label-container .work { color: #1791ff; } .card-folder-path { width: auto; height: 64px; display: flex; align-items: center; flex-flow: row; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); background-color: #fff; margin: 4px 0 4px 5px; cursor: pointer; } .card-folder-path .context-menu { position: relative; width: 40px; } .card-folder-path .context-menu .context-area { top: 50px; display: none; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); position: absolute; width: 300px; left: -126px; padding-inline-start: 0; padding-inline-end: 0; } .card-folder-path .context-menu .context-area.show { display: block !important; z-index: 10; } .card-folder-path .context-menu .context-area li { list-style-type: none; height: 62px; border-bottom: 1px solid rgba(0, 0, 0, 0.5); color: #545454; display: flex; align-items: center; justify-content: flex-start; padding: 0 28px; font-weight: 500; font-size: 18px; cursor: pointer; } .card-folder-path .context-menu .context-area li:last-of-type { border-bottom: none; } .card-folder-path .context-menu .context-area:before { content: ""; position: absolute; top: -15px; left: calc(50% - 8px); display: block; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #fff; } .card-folder-path:not(.disabled):active { background-color: rgba(0, 0, 0, 0.4); box-shadow: none; color: #fff; } .card-folder-path:not(.disabled):active .card-folder-path-icon > i, .card-folder-path:not(.disabled):active .card-folder-path-arrow > i { color: #fff; } .card-folder-path label { cursor: pointer; } .card-folder-path .card-folder-path-icon { margin-left: 16px; } .card-folder-path .card-folder-path-icon i { width: 16px; font-size: 22px; color: #002680; } .card-folder-path .card-folder-path-name { width: 100%; margin-left: 21px; overflow: hidden; max-height: 64px; } .card-folder-path .card-folder-path-arrow { width: 21px; display: flex; justify-content: flex-end; } .card-folder-path .card-folder-path-arrow i { font-size: 28px; color: #002680; font-size: 40px; margin-right: 3px; } .card-folder-path.disabled { content: ''; background-color: rgba(23, 145, 255, 0.3); cursor: not-allowed; } .card-folder-path.disabled * { cursor: not-allowed; } .card-element-queue { width: 408px; height: 64px; display: flex; flex-flow: row; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .card-element-queue.border-green { border: solid 2px #7ed321; } .card-element-queue.border-green .card-element-queue-right .square-number { width: 112px; } .card-element-queue.border-blue { border: solid 2px #1791ff; } .card-element-queue.border-orange { border: solid 2px #f5a623; } .card-element-queue.finished { border: none; font-size: 18px; } .card-element-queue.finished .card-element-queue-name { color: #979797; } .card-element-queue.finished .card-element-queue-right .square-number { width: 112px; } .card-element-queue.finished .card-element-queue-right .square-number label { font-size: 25px; color: #1791ff; } .card-element-queue .card-element-queue-name { width: 100%; display: flex; align-items: center; justify-content: flex-start; margin-left: 14px; color: #002680; } .card-element-queue .card-element-queue-right { width: 100%; display: flex; align-items: center; justify-content: flex-end; position: relative; } .card-element-queue .card-element-queue-right .square-number { width: 48px; height: 48px; background-color: #e5f1f9; text-align: center; line-height: 48px; margin-right: 8px; } .card-element-queue .card-element-queue-right .square-number label { font-size: 18px; color: #002680; } .card-element-queue .card-element-queue-right button.btn { padding: 0 17px; } .card-element-queue .card-element-queue-right button.btn i.fa.fa-trash { font-size: 24px; } .smooth-dnd-draggable-wrapper .element-queue:first-child { margin-top: 3px; } .card-production-cms { width: 1024px; height: 768px; display: flex; background-color: #979797; flex-flow: row; position: relative; } .card-production-cms .overlay-noauto { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 2px; background-color: rgba(255, 255, 255, 0.9); font-size: 30px; color: #4b4b4b; box-sizing: border-box; display: flex; align-items: center; justify-content: center; } .card-production-cms .overlay-noauto .messsage { text-align: center; font-weight: bold; max-width: 60%; } .card-production-cms .overlay-noauto .btn { margin-top: 20px; font-size: 24px; } .card-production-cms .overlay-noauto .btn img { height: 18px; filter: brightness(0) invert(); margin-right: 10px; } .card-production-cms .overlay-noauto .btn:disabled img { filter: grayscale(100%) invert(44%); } .card-production-cms .card-production-cms-queue { width: 100%; height: 100%; display: flex; justify-content: flex-start; } .card-production-cms .card-production-cms-job { width: 100%; height: 100%; display: flex; justify-content: flex-end; } .card-production-cms .card-production-cms-job .load-container { width: 100%; background-color: #bbbcbc; } .card-production-cms .card-production-cms-job .load-container .center-container { text-align: center; height: 100px; margin-top: calc(384px - 50px); } .card-production-cms .card-production-cms-job .load-container .labelLoadPrg { color: #4b4b4b; font-size: 36px; font-weight: 600; } .card-production-cms .card-production-cms-job .load-container button { margin-top: 10px; } .card-queue-production { width: 520px; height: 768px; background-color: #fff; display: flex; flex-flow: column; } .card-queue-production .card-queue-production-header { height: 63px; width: 100%; display: flex; flex-flow: row; border-bottom: solid 2px #979797; } .card-queue-production .card-queue-production-header .title { width: 100%; height: 100%; display: flex; align-items: center; margin-left: 24px; font-size: 20px; color: #002680; justify-content: flex-start; } .card-queue-production .card-queue-production-header .group-button { width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-end; } .card-queue-production .card-queue-production-header .group-button i { font-size: 24px; } .card-queue-production .card-queue-production-body { height: 623px; width: 100%; display: flex; flex-flow: column; } .card-queue-production .card-queue-production-body .queue-header { height: 64px; width: 100%; } .card-queue-production .card-queue-production-body .queue-header .tab-box { height: 64px; width: 100%; background-color: #e7e7e7; display: flex; flex-direction: row; border: none !important; } .card-queue-production .card-queue-production-body .queue-header .tab-box .tab { flex-grow: 0; flex-shrink: 0; float: left !important; width: 256px !important; height: 100% !important; margin: 0 !important; padding: 0; border: none !important; border-right: solid 1px #979797 !important; background-color: #e7e7e7; font-size: 18px !important; line-height: 1 !important; color: #4b4b4b !important; position: relative; } .card-queue-production .card-queue-production-body .queue-header .tab-box .tab.plus { border-right: none !important; } .card-queue-production .card-queue-production-body .queue-header .tab-box .tab.plus .btn { float: left !important; margin: 0; width: 48px; height: 48px; position: absolute; top: calc(50% - 24px); margin-left: 20px; padding: 0; } .card-queue-production .card-queue-production-body .queue-header .tab-box .tab.plus .btn .fa { vertical-align: middle; font-size: 21px; } .card-queue-production .card-queue-production-body .queue-header .tab-box .tab:last-child { border-right: none !important; } .card-queue-production .card-queue-production-body .queue-header .tab-box .active { background-color: #fff; border-top: solid 2px #1791ff !important; } .card-queue-production .card-queue-production-body .queue-header .tab-box .tab-box-scroll { width: 100%; overflow-y: hidden; overflow-x: auto; display: flex; flex-direction: row; flex-basis: auto; } .card-queue-production .card-queue-production-body .queue-header .tab-box .tab-box-scroll::-webkit-scrollbar { width: 5px; height: 5px; } .card-queue-production .card-queue-production-body .queue-header .tab-box .tab-box-scroll::-webkit-scrollbar-thumb { border-radius: 5px; height: 1px; background-color: rgba(0, 0, 0, 0.3); } .card-queue-production .card-queue-production-body .queue-body { height: calc(100% - 63px); width: calc(100% - 16px); display: flex; flex-flow: column; align-items: center; justify-content: flex-start; margin: 16px 0 0 4px; } .card-queue-production .card-queue-production-body .queue-body .element-queue { display: flex; flex-flow: row; align-items: center; margin-bottom: 16px; width: 432px; margin-right: 8px; } .card-queue-production .card-queue-production-body .queue-body .element-queue label.number { display: flex; height: 100%; margin-right: 16px; font-size: 20px; color: #4b4b4b; } .card-queue-production .card-queue-production-body .queue-body .popup { position: absolute; display: flex; padding: 4px; } .card-queue-production .card-queue-production-body .queue-body .popup .edit-reps { width: 100%; height: calc(100% - 26px); display: flex; align-items: center; justify-content: space-around; } .card-queue-production .card-queue-production-body .queue-body .popup .group-button { width: 100%; display: flex; justify-content: flex-end; } .card-queue-production .card-queue-production-body .queue-body .popup .group-button .btn.btn-success.btn-small { height: 26px; font-size: 12px; } .card-queue-production .card-queue-production-body .queue-body .popup input { width: 50px; height: 30px; } .card-queue-production .card-queue-production-body .queue-footer { display: flex; margin: 20px 0 0 8px; border-top: solid 2px #e7e7e7; height: 47px; width: 97%; } .card-queue-production .card-queue-production-body .queue-footer label { width: 100%; height: 100%; display: flex; align-items: center; margin-left: 24px; font-size: 20px; color: #002680; justify-content: flex-start; } .card-queue-production .card-queue-production-footer { height: 62px; width: 100%; display: flex; border-top: solid 2px #979797; } .card-queue-production .card-queue-production-footer .add-item { display: flex; width: 100%; height: 100%; flex-flow: row; align-items: center; justify-content: center; } .card-queue-production .card-queue-production-footer .add-item label { font-size: 20px; color: #002680; } .card-queue-production .card-queue-production-footer .add-item i { font-size: 24px; } .card-job-production { width: 502px; height: 768px; background-color: #fff; position: relative; } .card-job-production .card-job-production-header { height: 63px; width: 100%; display: flex; flex-flow: row; border-bottom: solid 2px #979797; } .card-job-production .card-job-production-header .title { width: 100%; height: 100%; display: flex; align-items: center; margin-left: 24px; font-size: 20px; color: #002680; justify-content: flex-start; } .card-job-production .card-job-production-header .box-right { width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-end; margin-right: 8px; } .card-job-production .card-job-production-header .box-right .rectangle { width: 152px; height: 48px; border-radius: 2px; background-color: #e7e7e7; } .card-job-production .card-job-production-header .box-right .rectangle label { width: 100%; height: 100%; justify-content: center; display: flex; align-items: center; font-size: 20px; color: #002680; } .card-job-production .card-job-production-body { width: 100%; height: calc(100% - 63px); display: flex; flex-flow: column; align-items: center; justify-content: center; } .card-job-production .card-job-production-body .card-job-production-body-top { display: flex; align-items: center; justify-content: flex-end; height: 335px; width: 1000px; } .card-job-production .card-job-production-body .card-job-production-body-top .var { min-height: 32px; width: 100%; display: flex; flex-flow: row; align-items: center; justify-content: space-between; margin-top: 8px; } .card-job-production .card-job-production-body .card-job-production-body-top .var .variable { font-size: 20px; line-height: 1; font-weight: bold; color: #4b4b4b; width: 100%; text-align: right; padding-right: 10px; } .card-job-production .card-job-production-body .card-job-production-body-top .var .number { width: 200px; height: 32px; border-radius: 2px; display: flex; justify-content: flex-end; align-items: center; color: #4b4b4b; padding-right: 8px; font-size: 20px; } .card-job-production .card-job-production-body .card-job-production-body-top .var .umeasure { width: 32px; margin-left: 5px; text-align: left; } .card-job-production .card-job-production-body .card-job-production-body-top .var .message { width: 800px; border-radius: 2px; display: flex; align-items: center; color: #4b4b4b; padding-right: 8px; font-size: 20px; text-align: left; padding-left: 8px; } .card-job-production .card-job-production-body .card-job-production-body-top .var:nth-child(odd) .elm { background-color: #f3f3f3; } .card-job-production .card-job-production-body .card-job-production-body-top .var:nth-child(even) .elm { background-color: rgba(23, 145, 255, 0.3); } .card-job-production .card-job-production-body .card-job-production-body-top .img-container { width: 500px; display: flex; margin: auto; align-content: center; align-items: center; } .card-job-production .card-job-production-body .card-job-production-body-top .info-container { width: 500px; padding-left: 20px; height: 335px; text-align: right; } .card-job-production .card-job-production-body .card-job-production-body-top .container { margin: auto; overflow: visible; position: relative; cursor: pointer; } .card-job-production .card-job-production-body .card-job-production-body-top .container img { display: block; max-height: 315px; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4); max-width: 100%; } .card-job-production .card-job-production-body .card-job-production-body-top .container .eye { position: absolute; bottom: 2px; right: 10px; font-size: 25px; color: #002680; } .card-job-production .card-job-production-body .card-job-production-body-top .noimage { display: flex; align-items: center; justify-content: center; height: 290px; width: 100%; max-width: 100%; text-align: center; color: #4b4b4b; font-size: 24px; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4); border: 1px solid rgba(0, 0, 0, 0.1); padding-left: 100px; padding-right: 100px; } .card-job-production .card-job-production-body .card-job-production-body-bottom { width: 464px; height: 337px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); display: flex; flex-flow: column; } .card-job-production .card-job-production-body .card-job-production-body-bottom .tabs { height: 64px; width: 100%; background-color: #e7e7e7; display: flex; flex-direction: row; } .card-job-production .card-job-production-body .card-job-production-body-bottom .tabs button { visibility: hidden; border: none; } .card-job-production .card-job-production-body .card-job-production-body-bottom .tabs .tab { color: #002680; font-size: 20px; visibility: visible; width: 232px; border-right: solid 1px #979797; } .card-job-production .card-job-production-body .card-job-production-body-bottom .tabs .tab.active { color: #1791ff; background-color: #fff; border-top: solid 2px #1791ff !important; } .card-job-production .card-job-production-body .card-job-production-body-bottom .tabs .tab:last-child { border: none; } .card-job-production .card-job-production-body .card-job-production-body-bottom .content-box { height: calc(100% - 64px); width: 100%; display: flex; flex-flow: column; font-family: monospace; } .card-job-production .card-job-production-body .card-job-production-body-bottom .content-box .row { width: 464px; height: 32px; display: flex; align-items: center; color: #4b4b4b; line-height: 1.78px; text-align: justify; overflow: hidden; white-space: pre; font-weight: bold; } .card-job-production .card-job-production-body .card-job-production-body-bottom .content-box .row label { font-size: 18px; margin-left: 36px; } .card-job-production .card-job-production-body .card-job-production-body-bottom .content-box .row:nth-child(odd) { background-color: rgba(23, 145, 255, 0.3); } .card-job-production .card-job-production-body .card-job-production-body-bottom .content-box .row:nth-child(even) { background-color: #f3f3f3; } .card-job-production .card-job-production-body .card-job-production-body-bottom .content-box .row:first-child { margin-top: 16px; } .card-job-production .card-job-production-body .card-job-production-body-bottom .content-box .row.selected { background-color: rgba(23, 145, 255, 0.75); color: #fff; } .card-job-production .card-job-production-body .card-job-production-body-bottom .content-box .row.selected .triangle { margin-left: 16px; width: 0; height: 0; border-top: 6px solid transparent; border-left: 8px solid #fff; border-bottom: 6px solid transparent; } .card-job-production .card-job-production-body .card-job-production-body-bottom .content-box .row.selected label { margin: 12px; } .card-job-production .card-job-production-body .card-job-production-body-bottom .content-box .card-production-section-file { margin: 4px; } .card-job-production .card-job-production-body .card-job-production-body-bottom .content-box.scrollable { width: 97%; } .card-job-production-box-start { position: absolute; z-index: 100; width: 100%; height: 100%; top: 0; background-color: rgba(255, 255, 255, 0.95); display: flex; align-items: center; justify-content: center; } .card-production-section-file { width: 400px; height: 48px; background-color: #fff; border: solid 1px #f3f3f3; display: flex; flex-flow: row; } .card-production-section-file .section-file-header { height: 100%; width: 64px; background-color: #f3f3f3; color: #002680; font-size: 20px; display: flex; align-items: center; justify-content: center; } .card-production-section-file .section-file-body { width: calc(100% - 72px); height: 100%; display: flex; align-items: center; justify-content: center; } .card-production-section-file .section-file-body .text { width: 100%; display: flex; justify-content: flex-start; font-size: 20px; color: #002680; margin-left: 8px; } .card-production-section-file .section-file-body .text label { width: 260px; } .card-production-section-file .section-file-body .icon { width: 100%; display: flex; justify-content: flex-end; margin-right: 8px; } .card-production-section-file .section-file-body .icon .fa { width: 25px; font-size: 25px; } .card-production-section-file .section-file-body .icon .fa.fa-check { color: #1791ff; } .card-production-section-file .section-file-body .icon .fa.fa-play { color: #7ed321; } .card-production-section-file .section-file-body .icon .fa.fa-hourglass-half { color: #ffb31e; } /* bordo green per card section file*/ .border-green { border: solid 1px #7ed321; } /* larghezza quando gli assi in card axes in production sono maggiori di 5 dopo scrollbar*/ .first-box-axes.scrollable .axes .number.width-number { overflow: visible; width: 128px; } .menu-container { width: 386px; top: 80px; position: absolute; display: flex; left: calc(50% - 193px); justify-content: center; z-index: 100; transform: translateZ(0); cursor: default; } .menu-container.top { top: -88px; } .menu-container.top .menu::before { content: "\f0d7"; color: #dfdfdf; position: absolute; left: calc(50% - 11px); top: 60px; font-family: 'fontawesome'; font-size: 38px; } .menu-container.left { left: -2px; justify-content: flex-start; } .menu-container.right { left: -189px; justify-content: flex-end; } .menu-container.bottom .menu::before { content: "\f0d8"; color: #dfdfdf; position: absolute; left: calc(50% - 11px); top: -26px; font-family: 'fontawesome'; font-size: 38px; } .menu-container .menu { background-color: #dfdfdf; position: relative; padding: 7px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .menu-container .menu button { background-image: linear-gradient(to bottom, #5f676b, #4e585e); width: 60px; height: 60px; margin: 1px; font-size: 20px; color: #fff; border: none; position: relative; cursor: pointer; } .menu-container .menu button.active { background-image: none; background-image: linear-gradient(to bottom, #1756ad, #002680); } .menu-container .menu button:active { background-image: none; background-color: #1791ff; } .menu-container .menu button.active:active { background-image: none; background-color: #1791ff; } .menu-container .menu button.disabled::after, .menu-container .menu button:disabled::after { content: " "; position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.5); cursor: not-allowed; } .width-100 { width: 100% !important; } .width-body-bottom { width: 1000px !important; } .selected-path-drive { background-color: rgba(23, 145, 255, 0.3); color: #002680; } .selected-path-drive .not-exist { color: #d0021b !important; } .selected-path-drive.dark { background-color: rgba(23, 145, 255, 0.75); color: #fff; } .selected-path-drive.dark * { color: #fff; } .objects-job { margin: 8px; width: 456px; height: 72px; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); display: flex; flex-flow: column; align-items: center; } .objects-job .main { display: flex; flex-flow: row; align-items: center; flex: 1; width: 100%; min-height: 62px; } .objects-job .objects-job-image { margin-left: 8px; } .objects-job .objects-job-title { margin-left: 24px; font-size: 18px; font-weight: 600; line-height: 1.11; color: #4b4b4b; margin-right: auto; } .objects-job .buttons { margin-right: 7px; } .objects-job .buttons button { margin: 0 4px; } .objects-job .details { flex: 1 100%; display: flex; width: calc(100% - 4px); padding: 16px; border-top: 1px solid #e7e7e7; } .objects-job .details input, .objects-job .details select { width: 288px; height: 48px; font-size: 18px; border: solid 1px #bbbcbc; border-radius: 2px; padding: 5px 10px; } .job-expanded { width: 623px !important; height: auto !important; } .min { height: 40px !important; min-height: 40px !important; } .min .main { min-height: auto !important; } .missing-tool { margin: auto; width: 720px; height: 64px; background-color: #fff; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); display: flex; flex-flow: row; align-self: center; justify-items: center; font-size: 18px; line-height: 1.11; color: #4b4b4b; margin-bottom: 4px; } .missing-tool .image { display: flex; align-items: center; justify-content: center; margin-left: 21px; margin-right: 15px; } .missing-tool .image img { width: 32px; height: 32px; } .missing-tool .text-code { display: flex; align-items: center; } .missing-tool .text-title { width: 100%; display: flex; align-items: center; margin-left: 16px; } .missing-tool .text-right { width: 100%; display: flex; align-items: center; justify-content: flex-end; font-size: 14px; line-height: 1.29; color: #d0021b; } .missing-tool .fa { display: flex; align-items: center; font-size: 24px; margin: 0 20px; color: #002680; cursor: pointer; } .card-report { width: 288px; height: 216px; background-color: #fff; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); margin: 8px; position: relative; } .card-report > header { width: 288px; height: 64px; border-radius: 2px; border-bottom: solid 2px #f1f1f1; } .card-report > header span { font-size: 18px; float: left; color: #002680; margin-top: 22px; margin-left: 24px; } .card-report > section { height: calc(100% - 64px); display: flex; justify-content: center; align-items: center; } .card-report-production { width: 100%; height: 100%; display: flex; } .card-report-production .reports-box-body-left { width: 1455px; height: 100%; } .card-report-production .reports-box-body-left .body-left-header, .card-report-production .reports-box-body-left .body-left-header-machinestatus { width: 100%; height: 70px; display: flex; flex-flow: row; margin-top: 18px; border-right: solid 2px #dddddd; position: relative; margin-bottom: 16px; } .card-report-production .reports-box-body-left .body-left-header .mx-datepicker-range, .card-report-production .reports-box-body-left .body-left-header-machinestatus .mx-datepicker-range { width: 170px; height: 70px; } .card-report-production .reports-box-body-left .body-left-header .mx-datepicker-range .mx-input-wrapper, .card-report-production .reports-box-body-left .body-left-header-machinestatus .mx-datepicker-range .mx-input-wrapper { margin-right: 24px; width: 253px; } .card-report-production .reports-box-body-left .body-left-header .mx-datepicker-range .mx-input-wrapper .mx-input, .card-report-production .reports-box-body-left .body-left-header-machinestatus .mx-datepicker-range .mx-input-wrapper .mx-input { width: 253px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); border: solid 1px #bbbcbc; font-size: 18px; line-height: 1.11; color: #4b4b4b; padding-left: 16px; } .card-report-production .reports-box-body-left .body-left-header > div, .card-report-production .reports-box-body-left .body-left-header-machinestatus > div { display: flex; flex-flow: column; height: 70px; margin-right: 24px; } .card-report-production .reports-box-body-left .body-left-header > div label, .card-report-production .reports-box-body-left .body-left-header-machinestatus > div label { font-size: 14px; line-height: 1.29; color: #878787; } .card-report-production .reports-box-body-left .body-left-header > div label.intervaldate, .card-report-production .reports-box-body-left .body-left-header-machinestatus > div label.intervaldate { width: 253px; font-size: 14px; line-height: 1.29; color: #878787; } .card-report-production .reports-box-body-left .body-left-header > div select, .card-report-production .reports-box-body-left .body-left-header-machinestatus > div select { width: 192px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); border: solid 1px #bbbcbc; font-size: 18px; line-height: 1.11; color: #4b4b4b; padding-left: 16px; } .card-report-production .reports-box-body-left .body-left-header > div div.interval-time, .card-report-production .reports-box-body-left .body-left-header-machinestatus > div div.interval-time { display: flex; flex-flow: row; } .card-report-production .reports-box-body-left .body-left-header > div div.interval-time input[type="time"], .card-report-production .reports-box-body-left .body-left-header-machinestatus > div div.interval-time input[type="time"] { width: 96px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); font-size: 18px; line-height: 1.11; color: #bbbcbc; border: none; padding-left: 16px; } .card-report-production .reports-box-body-left .body-left-header > div div.interval-time input[type="time"]:first-child, .card-report-production .reports-box-body-left .body-left-header-machinestatus > div div.interval-time input[type="time"]:first-child { margin-right: 16px; } .card-report-production .reports-box-body-left .body-left-header > div div.interval-time input[type="time"]::-webkit-inner-spin-button, .card-report-production .reports-box-body-left .body-left-header-machinestatus > div div.interval-time input[type="time"]::-webkit-inner-spin-button { -webkit-appearance: none; display: none; border: none; } .card-report-production .reports-box-body-left .body-left-header > div input.program, .card-report-production .reports-box-body-left .body-left-header-machinestatus > div input.program { width: 256px; height: 46px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); font-size: 18px; line-height: 1.11; color: #bbbcbc; padding-left: 16px; border: none; } .card-report-production .reports-box-body-left .body-left-header > div .reports-select-operator, .card-report-production .reports-box-body-left .body-left-header-machinestatus > div .reports-select-operator { width: 192px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); font-size: 18px; line-height: 1.11; color: #4b4b4b; } .card-report-production .reports-box-body-left .body-left-header > div .reports-select-shift, .card-report-production .reports-box-body-left .body-left-header-machinestatus > div .reports-select-shift { width: 144px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .card-report-production .reports-box-body-left .body-left-header .multiselect, .card-report-production .reports-box-body-left .body-left-header-machinestatus .multiselect { z-index: 100; } .card-report-production .reports-box-body-left .body-left-header .multiselect label, .card-report-production .reports-box-body-left .body-left-header-machinestatus .multiselect label { font-size: 14px; line-height: 1.29; color: #878787; } .card-report-production .reports-box-body-left .body-left-header .selectBoxU, .card-report-production .reports-box-body-left .body-left-header-machinestatus .selectBoxU { position: relative; width: 192px; } .card-report-production .reports-box-body-left .body-left-header .selectBoxU select, .card-report-production .reports-box-body-left .body-left-header-machinestatus .selectBoxU select { width: 100%; padding: 8px; cursor: pointer; height: 48px; font-size: 18px; line-height: 1.11; color: #4b4b4b; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); border-radius: 2px; } .card-report-production .reports-box-body-left .body-left-header .selectBoxU select option, .card-report-production .reports-box-body-left .body-left-header-machinestatus .selectBoxU select option { display: none; } .card-report-production .reports-box-body-left .body-left-header .overSelect, .card-report-production .reports-box-body-left .body-left-header-machinestatus .overSelect { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .card-report-production .reports-box-body-left .body-left-header .checkboxes, .card-report-production .reports-box-body-left .body-left-header-machinestatus .checkboxes, .card-report-production .reports-box-body-left .body-left-header .checkboxesU, .card-report-production .reports-box-body-left .body-left-header-machinestatus .checkboxesU { display: none; } .card-report-production .reports-box-body-left .body-left-header .checkboxesView, .card-report-production .reports-box-body-left .body-left-header-machinestatus .checkboxesView, .card-report-production .reports-box-body-left .body-left-header .checkboxesViewUser, .card-report-production .reports-box-body-left .body-left-header-machinestatus .checkboxesViewUser { width: calc(100% - 8px); background-color: #fff; display: block; z-index: 100; padding: 6px 4px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); } .card-report-production .reports-box-body-left .body-left-header .checkboxesView label, .card-report-production .reports-box-body-left .body-left-header-machinestatus .checkboxesView label, .card-report-production .reports-box-body-left .body-left-header .checkboxesViewUser label, .card-report-production .reports-box-body-left .body-left-header-machinestatus .checkboxesViewUser label { font-size: 18px; margin: 2px; display: flex; flex-flow: row; } .card-report-production .reports-box-body-left .body-left-header .checkboxesView .label-state, .card-report-production .reports-box-body-left .body-left-header-machinestatus .checkboxesView .label-state, .card-report-production .reports-box-body-left .body-left-header .checkboxesViewUser .label-state, .card-report-production .reports-box-body-left .body-left-header-machinestatus .checkboxesViewUser .label-state { margin-left: 12px; } .card-report-production .reports-box-body-left .body-left-header-machinestatus { border-right: 0px; } .card-report-production .reports-box-body-left .body-left-center { width: 1448px; max-height: 681px; display: flex; flex-flow: column; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container { width: 100%; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container table { table-layout: fixed; width: 100%; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4); border-radius: 2px; border-collapse: collapse; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container thead { border-bottom: solid 2px #979797; font-size: 14px; line-height: 1.29; color: #002680; display: block; width: 100%; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container thead tr th { height: 48px; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container tr:nth-child(even) { background: #FFF; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container tr:nth-child(odd) { background: #dddddd; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container thead tr:nth-child(odd) { background: #FFF; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container th, .card-report-production .reports-box-body-left .body-left-center .body-left-center-container td { width: auto; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container th:last-child { display: flex; align-items: center; float: right; font-size: 23px; width: 16px; padding: 0px 18px; font-weight: bold; cursor: pointer; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container th, .card-report-production .reports-box-body-left .body-left-center .body-left-center-container td { overflow: hidden; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container th div, .card-report-production .reports-box-body-left .body-left-center .body-left-center-container td div { overflow: hidden; max-height: 64px; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container tbody { display: block; height: 554px; width: 1410px; overflow-y: scroll; padding-right: 20px; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container tbody.without-footer { height: 620px; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container tbody::-webkit-scrollbar { width: 16px; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container tbody::-webkit-scrollbar-track { margin: 20px 0px; background-color: #E5E5E5; border-radius: 15px; box-shadow: inset 0 1px 3px 0 #9F9F9F; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container tbody::-webkit-scrollbar-thumb { width: 16px; background: #9F9F9F; border: 4px solid #E5E5E5; border-radius: 15px; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container tbody tr { height: 64px; padding: 10px; font-size: 14px; line-height: 1.29; color: #4b4b4b; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container tbody tr td { text-align: center; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container tbody tr td.green { color: #7ed321; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container tbody tr td.red { color: #d0021b; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container tbody tr td.black { color: black; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container tbody tr td:last-child { width: 16px; display: flex; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container tbody tr.selected { background-color: rgba(23, 145, 255, 0.75); color: #fff; font-weight: 600; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container tfoot { width: 100%; bottom: 0; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container tfoot.hidden { display: none; visibility: hidden; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container tfoot tr { width: 100%; display: table; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container tfoot tr td { height: 64px; width: 100%; font-size: 18px; color: #002680; position: relative; bottom: 0; border-top: solid 2px #bbbcbc; padding: 0; text-align: center; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container tfoot tr td div.group-label-button { text-align: center; margin: 8px 0 8px 0; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container tfoot tr td div.group-label-button button { width: 60px; padding: 0px; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container tfoot tr td div.group-label-button button.disabled { opacity: 0.65; cursor: default; box-shadow: none !important; pointer-events: none; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container tfoot tr td div.group-label-button button.disabled i.fa { color: #838383; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container tfoot tr td div.group-label-button .freespace { width: 60px; display: inline-block; margin: 0 8px; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left { width: 360px; height: 616px; display: flex; flex-flow: column; align-items: center; border: solid 1px #dddddd; overflow-y: auto; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .multiselect { z-index: 100; margin-bottom: 24px; margin-top: 16px; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .multiselect label { font-size: 14px; line-height: 1.29; color: #878787; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .selectBox { position: relative; width: 328px; height: 64px; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .selectBox select { width: 100%; padding: 8px; cursor: pointer; height: 64px; font-size: 18px; line-height: 1.11; color: #4b4b4b; margin-bottom: 0; margin-top: 0; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .selectBox select option { display: none; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .overSelect { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .checkboxes, .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .checkboxesU { display: none; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .checkboxesView, .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .checkboxesViewUser { width: calc(100% - 8px); background-color: #fff; display: block; z-index: 100; padding: 6px 4px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .checkboxesView label, .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .checkboxesViewUser label { font-size: 18px; margin: 2px; display: flex; flex-flow: row; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .checkboxesView .label-state, .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .checkboxesViewUser .label-state { margin-left: 12px; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div select { width: 328px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); margin-bottom: 24px; margin-top: 16px; padding-left: 16px; font-size: 18px; line-height: 1.11; color: #4b4b4b; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown { position: relative; margin-top: 2px; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown header { height: 64px; width: 312px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); display: flex; justify-content: space-between; align-items: center; color: #002680; line-height: 1; font-size: 18px; padding-left: 16px; cursor: pointer; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown header span { width: 100%; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown header .expander { margin: 0 12px; line-height: 28px; height: 28px; width: 28px; font-size: 28px; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown section { width: 328px; min-height: 0; max-height: 0; transition: max-height 100ms ease-in-out, min-height 200ms ease-in-out; overflow: hidden; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown section.expanded { min-height: 64px; background-color: rgba(255, 255, 255, 0.1); max-height: 1000px; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown section .item { height: 64px; width: 100%; line-height: 64px; background-color: #f1f1f1; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown section .dropdown { height: 100%; margin-top: 2px; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown section .dropdown .filename { display: flex; height: 64px; align-items: center; cursor: pointer; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown section .dropdown .filename i { color: #002e6e; margin: 0 20px 0 20px; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown section .dropdown .filename span { width: 100%; font-size: 18px; line-height: 1; color: #002680; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown section .dropdown .filename.selected span, .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown section .dropdown .filename.selected i { color: #4b4b4b; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown section .dropdown .filename.selected { background-color: rgba(255, 255, 255, 0.8); } .card-report-production .reports-box-body-left .body-left-center .body-left-center-footer { height: 64px; width: 100%; border: solid 1px #dddddd; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-footer .header-title { width: 360px; height: 64px; display: flex; flex-flow: column; align-items: center; justify-content: center; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-footer .header-title .title { font-size: 14px; color: #878787; } .card-report-production .reports-box-body-left .body-left-center .body-left-center-footer .header-title .data-temporal { font-size: 18px; line-height: 1; color: #4b4b4b; } .card-report-production .reports-box-body-left .hideDiagram { display: none; } .card-report-production .reports-box-body-right { width: 327px; height: 100%; } .card-report-production .reports-box-body-right .body-right-header { width: 100%; height: 70px; display: flex; flex-flow: row; margin-top: 18px; justify-content: flex-end; } .card-report-production .reports-box-body-right .body-right-header .body-right-header-left { width: 158px; height: 100%; display: flex; align-items: center; justify-content: center; border-right: solid 2px #dddddd; } .card-report-production .reports-box-body-right .body-right-header .body-right-header-left button { width: 48px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); background-image: linear-gradient(to bottom, #f1f1f1, #bbbcbc); border: none; } .card-report-production .reports-box-body-right .body-right-header .body-right-header-left button.active { width: 48px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.4); background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1); color: #1791ff; border: none; } .card-report-production .reports-box-body-right .body-right-header .body-right-header-right { width: calc(100% - 158px); height: 100%; display: flex; align-items: center; justify-content: center; } .card-report-production .reports-box-body-right .body-right-header .body-right-header-right button { width: 48px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); background-image: linear-gradient(to bottom, #f1f1f1, #bbbcbc); border: none; } .card-report-production .reports-box-body-right .body-right-header .body-right-header-right button:first-child { margin-right: 16px; } .card-report-production .reports-box-body-right .body-right-header .body-right-header-right button:active { width: 48px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.4); background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1); border: none; } .card-report-production .reports-box-body-right .body-right-card { width: 100%; height: calc(100% - 70px); display: flex; flex-flow: column; align-items: center; } .card-report-production .reports-box-body-right .body-right-card .card-report > section { display: flex; align-items: center; justify-content: center; } .card-report-production .reports-box-body-right .body-right-card .card-report > section .rectangle_gray { width: 256px; height: 120px; border-radius: 2px; display: flex; flex-flow: column; align-items: center; justify-content: center; background-color: #f1f1f1; } .card-report-production .reports-box-body-right .body-right-card .card-report > section .rectangle_gray label { font-size: 18px; color: #878787; margin-bottom: 30px; } .card-report-production .reports-box-body-right .body-right-card .card-report > section .rectangle_gray span { font-size: 48px; font-weight: bold; line-height: 0.38; color: #1791ff; } .card-report-events { width: 100%; height: 100%; display: flex; } .card-report-events .reports-box-body-left { width: 1455px; height: 100%; } .card-report-events .reports-box-body-left .body-left-header, .card-report-events .reports-box-body-left .body-left-header-machinestatus { width: 100%; height: 70px; display: flex; flex-flow: row; margin-top: 18px; border-right: solid 2px #dddddd; position: relative; margin-bottom: 16px; } .card-report-events .reports-box-body-left .body-left-header .mx-datepicker-range, .card-report-events .reports-box-body-left .body-left-header-machinestatus .mx-datepicker-range { width: 170px; height: 70px; } .card-report-events .reports-box-body-left .body-left-header .mx-datepicker-range .mx-input-wrapper, .card-report-events .reports-box-body-left .body-left-header-machinestatus .mx-datepicker-range .mx-input-wrapper { margin-right: 24px; width: 253px; } .card-report-events .reports-box-body-left .body-left-header .mx-datepicker-range .mx-input-wrapper .mx-input, .card-report-events .reports-box-body-left .body-left-header-machinestatus .mx-datepicker-range .mx-input-wrapper .mx-input { width: 253px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); border: solid 1px #bbbcbc; font-size: 18px; line-height: 1.11; color: #4b4b4b; padding-left: 16px; } .card-report-events .reports-box-body-left .body-left-header > div, .card-report-events .reports-box-body-left .body-left-header-machinestatus > div { display: flex; flex-flow: column; height: 70px; margin-right: 24px; } .card-report-events .reports-box-body-left .body-left-header > div label, .card-report-events .reports-box-body-left .body-left-header-machinestatus > div label { font-size: 14px; line-height: 1.29; color: #878787; } .card-report-events .reports-box-body-left .body-left-header > div label.intervaldate, .card-report-events .reports-box-body-left .body-left-header-machinestatus > div label.intervaldate { width: 253px; font-size: 14px; line-height: 1.29; color: #878787; } .card-report-events .reports-box-body-left .body-left-header > div select, .card-report-events .reports-box-body-left .body-left-header-machinestatus > div select { width: 192px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); border: solid 1px #bbbcbc; font-size: 18px; line-height: 1.11; color: #4b4b4b; padding-left: 16px; } .card-report-events .reports-box-body-left .body-left-header > div div.interval-time, .card-report-events .reports-box-body-left .body-left-header-machinestatus > div div.interval-time { display: flex; flex-flow: row; } .card-report-events .reports-box-body-left .body-left-header > div div.interval-time input[type="time"], .card-report-events .reports-box-body-left .body-left-header-machinestatus > div div.interval-time input[type="time"] { width: 96px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); font-size: 18px; line-height: 1.11; color: #bbbcbc; border: none; padding-left: 16px; } .card-report-events .reports-box-body-left .body-left-header > div div.interval-time input[type="time"]:first-child, .card-report-events .reports-box-body-left .body-left-header-machinestatus > div div.interval-time input[type="time"]:first-child { margin-right: 16px; } .card-report-events .reports-box-body-left .body-left-header > div div.interval-time input[type="time"]::-webkit-inner-spin-button, .card-report-events .reports-box-body-left .body-left-header-machinestatus > div div.interval-time input[type="time"]::-webkit-inner-spin-button { -webkit-appearance: none; display: none; border: none; } .card-report-events .reports-box-body-left .body-left-header > div input.program, .card-report-events .reports-box-body-left .body-left-header-machinestatus > div input.program { width: 256px; height: 46px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); font-size: 18px; line-height: 1.11; color: #bbbcbc; padding-left: 16px; border: none; } .card-report-events .reports-box-body-left .body-left-header > div .reports-select-operator, .card-report-events .reports-box-body-left .body-left-header-machinestatus > div .reports-select-operator { width: 192px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); font-size: 18px; line-height: 1.11; color: #4b4b4b; } .card-report-events .reports-box-body-left .body-left-header > div .reports-select-shift, .card-report-events .reports-box-body-left .body-left-header-machinestatus > div .reports-select-shift { width: 144px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .card-report-events .reports-box-body-left .body-left-header .multiselect, .card-report-events .reports-box-body-left .body-left-header-machinestatus .multiselect { z-index: 100; } .card-report-events .reports-box-body-left .body-left-header .multiselect label, .card-report-events .reports-box-body-left .body-left-header-machinestatus .multiselect label { font-size: 14px; line-height: 1.29; color: #878787; } .card-report-events .reports-box-body-left .body-left-header .selectBoxU, .card-report-events .reports-box-body-left .body-left-header-machinestatus .selectBoxU { position: relative; width: 192px; } .card-report-events .reports-box-body-left .body-left-header .selectBoxU select, .card-report-events .reports-box-body-left .body-left-header-machinestatus .selectBoxU select { width: 100%; padding: 8px; cursor: pointer; height: 48px; font-size: 18px; line-height: 1.11; color: #4b4b4b; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); border-radius: 2px; } .card-report-events .reports-box-body-left .body-left-header .selectBoxU select option, .card-report-events .reports-box-body-left .body-left-header-machinestatus .selectBoxU select option { display: none; } .card-report-events .reports-box-body-left .body-left-header .overSelect, .card-report-events .reports-box-body-left .body-left-header-machinestatus .overSelect { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .card-report-events .reports-box-body-left .body-left-header .checkboxes, .card-report-events .reports-box-body-left .body-left-header-machinestatus .checkboxes, .card-report-events .reports-box-body-left .body-left-header .checkboxesU, .card-report-events .reports-box-body-left .body-left-header-machinestatus .checkboxesU { display: none; } .card-report-events .reports-box-body-left .body-left-header .checkboxesView, .card-report-events .reports-box-body-left .body-left-header-machinestatus .checkboxesView, .card-report-events .reports-box-body-left .body-left-header .checkboxesViewUser, .card-report-events .reports-box-body-left .body-left-header-machinestatus .checkboxesViewUser { width: calc(100% - 8px); background-color: #fff; display: block; z-index: 100; padding: 6px 4px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); } .card-report-events .reports-box-body-left .body-left-header .checkboxesView label, .card-report-events .reports-box-body-left .body-left-header-machinestatus .checkboxesView label, .card-report-events .reports-box-body-left .body-left-header .checkboxesViewUser label, .card-report-events .reports-box-body-left .body-left-header-machinestatus .checkboxesViewUser label { font-size: 18px; margin: 2px; display: flex; flex-flow: row; } .card-report-events .reports-box-body-left .body-left-header .checkboxesView .label-state, .card-report-events .reports-box-body-left .body-left-header-machinestatus .checkboxesView .label-state, .card-report-events .reports-box-body-left .body-left-header .checkboxesViewUser .label-state, .card-report-events .reports-box-body-left .body-left-header-machinestatus .checkboxesViewUser .label-state { margin-left: 12px; } .card-report-events .reports-box-body-left .body-left-header-machinestatus { border-right: 0px; } .card-report-events .reports-box-body-left .body-left-center { width: 1448px; max-height: 681px; display: flex; flex-flow: column; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container { width: 100%; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container table { table-layout: fixed; width: 100%; border-collapse: collapse; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container thead { border-bottom: solid 2px #979797; font-size: 14px; line-height: 1.29; color: #002680; display: block; width: 1431px; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container thead tr th { height: 48px; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container tr:nth-child(even) { background: #FFF; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container tr:nth-child(odd) { background: #dddddd; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container thead tr:nth-child(odd) { background: #FFF; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container th, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container td { width: auto; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container th:last-child { display: flex; align-items: center; float: right; font-size: 23px; font-weight: bold; cursor: pointer; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container th, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container td { overflow: hidden; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container th div, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container td div { overflow: hidden; max-height: 64px; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events { width: 100%; height: 100%; display: flex; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left { width: 1455px; height: 100%; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header-machinestatus { width: 100%; height: 70px; display: flex; flex-flow: row; margin-top: 18px; border-right: solid 2px #dddddd; position: relative; margin-bottom: 16px; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header .mx-datepicker-range, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header-machinestatus .mx-datepicker-range { width: 170px; height: 70px; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header .mx-datepicker-range .mx-input-wrapper, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header-machinestatus .mx-datepicker-range .mx-input-wrapper { margin-right: 24px; width: 253px; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header .mx-datepicker-range .mx-input-wrapper .mx-input, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header-machinestatus .mx-datepicker-range .mx-input-wrapper .mx-input { width: 253px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); border: solid 1px #bbbcbc; font-size: 18px; line-height: 1.11; color: #4b4b4b; padding-left: 16px; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header .mx-datepicker-range.red, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header-machinestatus .mx-datepicker-range.red { color: #d0021b; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header td:last-child, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header-machinestatus td:last-child { width: 16px; display: flex; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header.selected, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header-machinestatus.selected { background-color: rgba(23, 145, 255, 0.75); color: #fff; font-weight: 600; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header .selectBoxU select, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header-machinestatus .selectBoxU select { width: 100%; padding: 8px; cursor: pointer; height: 48px; font-size: 18px; line-height: 1.11; color: #4b4b4b; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); border-radius: 2px; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header .selectBoxU select option, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header-machinestatus .selectBoxU select option { display: none; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header .overSelect, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header-machinestatus .overSelect { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header .checkboxes, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header-machinestatus .checkboxes, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header .checkboxesU, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header-machinestatus .checkboxesU { display: none; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header .checkboxesView, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header-machinestatus .checkboxesView, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header .checkboxesViewUser, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header-machinestatus .checkboxesViewUser { width: calc(100% - 8px); background-color: #fff; display: block; z-index: 100; padding: 6px 4px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header .checkboxesView label, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header-machinestatus .checkboxesView label, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header .checkboxesViewUser label, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header-machinestatus .checkboxesViewUser label { font-size: 18px; margin: 2px; display: flex; flex-flow: row; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header .checkboxesView .label-state, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header-machinestatus .checkboxesView .label-state, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header .checkboxesViewUser .label-state, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-header-machinestatus .checkboxesViewUser .label-state { margin-left: 12px; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .pagination { display: inline-block; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .pagination button { padding: 0; border: none; background: none; color: rgba(0, 0, 0, 0.4); float: left; padding: 8px 16px; text-decoration: none; border: 1px solid #dddddd; margin: 0 4px; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .pagination button:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .pagination button:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .pagination button.active { background-color: #878787; color: #fff; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .pagination button:hover:not(.active) { background-color: #dddddd; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left { width: 360px; height: 616px; display: flex; flex-flow: column; align-items: center; border: solid 1px #dddddd; overflow-y: auto; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left .multiselect { z-index: 100; margin-bottom: 24px; margin-top: 16px; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left .multiselect label { font-size: 14px; line-height: 1.29; color: #878787; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left .selectBox { position: relative; width: 328px; height: 64px; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left .selectBox select { width: 100%; padding: 8px; cursor: pointer; height: 64px; font-size: 18px; line-height: 1.11; color: #4b4b4b; margin-bottom: 0; margin-top: 0; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left .selectBox select option { display: none; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left .overSelect { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left .checkboxes, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left .checkboxesU { display: none; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left .checkboxesView, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left .checkboxesViewUser { width: calc(100% - 8px); background-color: #fff; display: block; z-index: 100; padding: 6px 4px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left .checkboxesView label, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left .checkboxesViewUser label { font-size: 18px; margin: 2px; display: flex; flex-flow: row; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left .checkboxesView .label-state, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left .checkboxesViewUser .label-state { margin-left: 12px; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left div select { width: 328px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); margin-bottom: 24px; margin-top: 16px; padding-left: 16px; font-size: 18px; line-height: 1.11; color: #4b4b4b; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left div .accordion-dropdown { position: relative; margin-top: 2px; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left div .accordion-dropdown header { height: 64px; width: 312px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); display: flex; justify-content: space-between; align-items: center; color: #002680; line-height: 1; font-size: 18px; padding-left: 16px; cursor: pointer; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left div .accordion-dropdown header span { width: 100%; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left div .accordion-dropdown header .expander { margin: 0 12px; line-height: 28px; height: 28px; width: 28px; font-size: 28px; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left div .accordion-dropdown section { width: 328px; min-height: 0; max-height: 0; transition: max-height 100ms ease-in-out, min-height 200ms ease-in-out; overflow: hidden; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left div .accordion-dropdown section.expanded { min-height: 64px; background-color: rgba(255, 255, 255, 0.1); max-height: 1000px; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left div .accordion-dropdown section .item { height: 64px; width: 100%; line-height: 64px; background-color: #f1f1f1; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left div .accordion-dropdown section .dropdown { height: 100%; margin-top: 2px; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left div .accordion-dropdown section .dropdown .filename { display: flex; height: 64px; align-items: center; cursor: pointer; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left div .accordion-dropdown section .dropdown .filename i { color: #002e6e; margin: 0 20px 0 20px; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left div .accordion-dropdown section .dropdown .filename span { width: 100%; font-size: 18px; line-height: 1; color: #002680; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left div .accordion-dropdown section .dropdown .filename.selected span, .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left div .accordion-dropdown section .dropdown .filename.selected i { color: #4b4b4b; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .reports-box-body-left .body-left-center-left div .accordion-dropdown section .dropdown .filename.selected { background-color: rgba(255, 255, 255, 0.8); } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .body-left-center-footer { height: 64px; width: 100%; border: solid 1px #dddddd; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .body-left-center-footer .header-title { width: 360px; height: 64px; display: flex; flex-flow: column; align-items: center; justify-content: center; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .body-left-center-footer .header-title .title { font-size: 14px; color: #878787; } .card-report-events .reports-box-body-left .body-left-center .body-left-center-container .card-report-events .body-left-center-footer .header-title .data-temporal { font-size: 18px; line-height: 1; color: #4b4b4b; } .card-report-events .reports-box-body-left .body-left-center .reports-box-body-right { width: 327px; height: 100%; } .card-report-events .reports-box-body-left .body-left-center .reports-box-body-right .body-right-header { width: 100%; height: 70px; display: flex; flex-flow: row; margin-top: 18px; justify-content: flex-end; } .card-report-events .reports-box-body-left .body-left-center .reports-box-body-right .body-right-header .body-right-header-left { width: 158px; height: 100%; display: flex; align-items: center; justify-content: center; border-right: solid 2px #dddddd; } .card-report-events .reports-box-body-left .body-left-center .reports-box-body-right .body-right-header .body-right-header-left button { width: 48px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); background-image: linear-gradient(to bottom, #f1f1f1, #bbbcbc); border: none; } .card-report-events .reports-box-body-left .body-left-center .reports-box-body-right .body-right-header .body-right-header-left button.active { width: 48px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.4); background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1); color: #1791ff; border: none; } .card-report-events .reports-box-body-left .body-left-center .reports-box-body-right .body-right-header .body-right-header-right { width: calc(100% - 158px); height: 100%; display: flex; align-items: center; justify-content: center; } .card-report-events .reports-box-body-left .body-left-center .reports-box-body-right .body-right-header .body-right-header-right button { width: 48px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); background-image: linear-gradient(to bottom, #f1f1f1, #bbbcbc); border: none; } .card-report-events .reports-box-body-left .body-left-center .reports-box-body-right .body-right-header .body-right-header-right button:first-child { margin-right: 16px; } .card-report-events .reports-box-body-left .body-left-center .reports-box-body-right .body-right-header .body-right-header-right button:active { width: 48px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.4); background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1); border: none; } .card-report-events .reports-box-body-left .body-left-center .reports-box-body-right .body-right-card { width: 100%; height: calc(100% - 70px); display: flex; flex-flow: column; align-items: center; } .card-report-events .reports-box-body-left .body-left-center .reports-box-body-right .body-right-card .card-report > section { display: flex; align-items: center; justify-content: center; } .card-report-events .reports-box-body-left .body-left-center .reports-box-body-right .body-right-card .card-report > section .rectangle_gray { width: 256px; height: 120px; border-radius: 2px; display: flex; flex-flow: column; align-items: center; justify-content: center; background-color: #f1f1f1; } .card-report-events .reports-box-body-left .body-left-center .reports-box-body-right .body-right-card .card-report > section .rectangle_gray label { font-size: 18px; color: #878787; margin-bottom: 30px; } .card-report-events .reports-box-body-left .body-left-center .reports-box-body-right .body-right-card .card-report > section .rectangle_gray span { font-size: 48px; font-weight: bold; line-height: 0.38; color: #1791ff; } .card-report-alarms { width: 100%; height: 100%; display: flex; } .card-report-alarms .reports-box-body-left { width: 1455px; height: 100%; } .card-report-alarms .reports-box-body-left .body-left-header, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus { width: 100%; height: 70px; display: flex; flex-flow: row; margin-top: 18px; border-right: solid 2px #dddddd; position: relative; margin-bottom: 16px; } .card-report-alarms .reports-box-body-left .body-left-header .mx-datepicker-range, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus .mx-datepicker-range { width: 170px; height: 70px; } .card-report-alarms .reports-box-body-left .body-left-header .mx-datepicker-range .mx-input-wrapper, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus .mx-datepicker-range .mx-input-wrapper { margin-right: 24px; width: 253px; } .card-report-alarms .reports-box-body-left .body-left-header .mx-datepicker-range .mx-input-wrapper .mx-input, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus .mx-datepicker-range .mx-input-wrapper .mx-input { width: 253px; height: 50px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); border: solid 1px #bbbcbc; font-size: 18px; line-height: 1.11; color: #4b4b4b; padding-left: 16px; } .card-report-alarms .reports-box-body-left .body-left-header > div, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus > div { display: flex; flex-flow: column; height: 70px; margin-right: 24px; } .card-report-alarms .reports-box-body-left .body-left-header > div label.intervaldate, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus > div label.intervaldate { width: 253px; } .card-report-alarms .reports-box-body-left .body-left-header > div select, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus > div select { width: 192px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); border: solid 1px #bbbcbc; font-size: 18px; line-height: 1.11; color: #4b4b4b; padding-left: 16px; } .card-report-alarms .reports-box-body-left .body-left-header > div div.interval-time, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus > div div.interval-time { display: flex; flex-flow: row; } .card-report-alarms .reports-box-body-left .body-left-header > div div.interval-time input[type="time"], .card-report-alarms .reports-box-body-left .body-left-header-machinestatus > div div.interval-time input[type="time"] { width: 112px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); font-size: 18px; line-height: 1.11; color: #bbbcbc; border: none; } .card-report-alarms .reports-box-body-left .body-left-header > div div.interval-time input[type="time"]:first-child, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus > div div.interval-time input[type="time"]:first-child { margin-right: 16px; } .card-report-alarms .reports-box-body-left .body-left-header > div div.interval-time input[type="time"]::-webkit-inner-spin-button, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus > div div.interval-time input[type="time"]::-webkit-inner-spin-button { -webkit-appearance: none; display: none; border: none; } .card-report-alarms .reports-box-body-left .body-left-header > div input.program, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus > div input.program { width: 256px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); font-size: 18px; line-height: 1.11; color: #bbbcbc; padding-left: 16px; border: none; } .card-report-alarms .reports-box-body-left .body-left-header > div .reports-select-operator, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus > div .reports-select-operator { width: 192px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); font-size: 18px; line-height: 1.11; color: #4b4b4b; } .card-report-alarms .reports-box-body-left .body-left-header > div .reports-select-shift, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus > div .reports-select-shift { width: 144px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .card-report-alarms .reports-box-body-left .body-left-header .multiselect, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus .multiselect { z-index: 100; } .card-report-alarms .reports-box-body-left .body-left-header .multiselect label, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus .multiselect label { font-size: 14px; line-height: 1.29; color: #878787; } .card-report-alarms .reports-box-body-left .body-left-header .selectBox, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus .selectBox { position: relative; width: 144px; } .card-report-alarms .reports-box-body-left .body-left-header .selectBox select, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus .selectBox select { width: 100%; padding: 8px; cursor: pointer; height: 49px; font-size: 18px; line-height: 1.11; color: #4b4b4b; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); border-radius: 2px; } .card-report-alarms .reports-box-body-left .body-left-header .selectBox select option, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus .selectBox select option { display: none; } .card-report-alarms .reports-box-body-left .body-left-header .selectBoxU, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus .selectBoxU { position: relative; width: 192px; } .card-report-alarms .reports-box-body-left .body-left-header .selectBoxU select, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus .selectBoxU select { width: 100%; padding: 8px; cursor: pointer; height: 49px; font-size: 18px; line-height: 1.11; color: #4b4b4b; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); border-radius: 2px; } .card-report-alarms .reports-box-body-left .body-left-header .selectBoxU select option, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus .selectBoxU select option { display: none; } .card-report-alarms .reports-box-body-left .body-left-header .overSelect, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus .overSelect { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .card-report-alarms .reports-box-body-left .body-left-header .checkboxes, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus .checkboxes, .card-report-alarms .reports-box-body-left .body-left-header .checkboxesU, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus .checkboxesU { display: none; } .card-report-alarms .reports-box-body-left .body-left-header .checkboxesView, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus .checkboxesView, .card-report-alarms .reports-box-body-left .body-left-header .checkboxesViewUser, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus .checkboxesViewUser { width: calc(100% - 8px); background-color: #fff; display: block; z-index: 100; padding: 6px 4px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); } .card-report-alarms .reports-box-body-left .body-left-header .checkboxesView label, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus .checkboxesView label, .card-report-alarms .reports-box-body-left .body-left-header .checkboxesViewUser label, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus .checkboxesViewUser label { font-size: 18px; margin: 2px; display: flex; flex-flow: row; } .card-report-alarms .reports-box-body-left .body-left-header .checkboxesView .label-state, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus .checkboxesView .label-state, .card-report-alarms .reports-box-body-left .body-left-header .checkboxesViewUser .label-state, .card-report-alarms .reports-box-body-left .body-left-header-machinestatus .checkboxesViewUser .label-state { margin-left: 12px; } .card-report-alarms .reports-box-body-left .body-left-header-machinestatus { border-right: 0px; } .card-report-alarms .reports-box-body-left .body-left-center { width: 1448px; max-height: 681px; display: flex; flex-flow: column; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container { width: 100%; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container table { table-layout: fixed; width: 100%; border-collapse: collapse; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container thead { border-bottom: solid 2px #979797; font-size: 14px; line-height: 1.29; color: #002680; display: block; width: 1431px; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container thead tr th { height: 48px; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container tr:nth-child(even) { background: #FFF; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container tr:nth-child(odd) { background: #dddddd; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container thead tr:nth-child(odd) { background: #FFF; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container th:nth-child(1), .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container td:nth-child(1) { width: 162px; max-width: 162px; text-align: center; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container th:nth-child(2), .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container td:nth-child(2) { width: 139px; max-width: 139px; text-align: center; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container th:nth-child(3), .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container td:nth-child(3) { width: 83px; max-width: 83px; text-align: center; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container th:nth-child(4), .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container td:nth-child(4) { width: 83px; max-width: 83px; text-align: center; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container th:nth-child(5), .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container td:nth-child(5) { width: 83px; max-width: 83px; text-align: center; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container th:nth-child(6), .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container td:nth-child(6) { width: 83px; max-width: 83px; text-align: center; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container th:nth-child(7), .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container td:nth-child(7) { width: 97px; max-width: 97px; text-align: center; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container th:nth-child(8), .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container td:nth-child(8) { width: 97px; max-width: 97px; text-align: center; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container th:nth-child(9), .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container td:nth-child(9) { width: 97px; max-width: 97px; text-align: center; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container th:nth-child(10), .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container td:nth-child(10) { width: 115px; max-width: 115px; text-align: center; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container th:nth-child(11), .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container td:nth-child(11) { width: 97px; max-width: 97px; text-align: center; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container th:nth-child(12), .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container td:nth-child(12) { width: 148px; max-width: 148px; text-align: center; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container th:nth-child(13), .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container td:nth-child(13) { width: 97px; max-width: 97px; text-align: center; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container th:last-child { font-size: 23px; font-weight: bold; cursor: pointer; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container th, .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container td { overflow: hidden; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container th div, .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container td div { overflow: hidden; max-height: 64px; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container tbody { display: block; height: 554px; width: 1200px; overflow-y: scroll; padding-right: 20px; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container tbody.without-footer { height: 620px; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container tbody tr { cursor: pointer; height: 64px; padding: 10px; font-size: 14px; line-height: 1.29; color: #4b4b4b; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container tbody tr td { text-align: center; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container tbody tr td.green { color: #7ed321; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container tbody tr td.red { color: #d0021b; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container tbody tr td:last-child { width: 10px; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container tbody tr.selected { background-color: rgba(23, 145, 255, 0.75); color: #fff; font-weight: 600; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container tfoot { width: 100%; bottom: 0; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container tfoot.hidden { display: none; visibility: hidden; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container tfoot tr { width: 100%; display: table; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container tfoot tr td { height: 64px; width: 100%; font-size: 18px; color: #002680; position: relative; bottom: 0; border-top: solid 2px #bbbcbc; padding: 0; text-align: center; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container tfoot tr td div.group-label-button { text-align: center; margin: 8px 0 8px 0; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container tfoot tr td div.group-label-button button { width: 60px; padding: 0px; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container tfoot tr td div.group-label-button button.disabled { opacity: 0.65; cursor: default; box-shadow: none !important; pointer-events: none; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container tfoot tr td div.group-label-button button.disabled i.fa { color: #838383; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container tfoot tr td div.group-label-button .freespace { width: 60px; display: inline-block; margin: 0 8px; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left { width: 360px; height: 616px; display: flex; flex-flow: column; align-items: center; border: solid 1px #dddddd; overflow-y: auto; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .multiselect { z-index: 100; margin-bottom: 24px; margin-top: 16px; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .multiselect label { font-size: 14px; line-height: 1.29; color: #878787; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .selectBox { position: relative; width: 328px; height: 64px; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .selectBox select { width: 100%; padding: 8px; cursor: pointer; height: 64px; font-size: 18px; line-height: 1.11; color: #4b4b4b; margin-bottom: 0; margin-top: 0; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .selectBox select option { display: none; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .overSelect { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .checkboxes, .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .checkboxesU { display: none; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .checkboxesView, .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .checkboxesViewUser { width: calc(100% - 8px); background-color: #fff; display: block; z-index: 100; padding: 6px 4px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .checkboxesView label, .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .checkboxesViewUser label { font-size: 18px; margin: 2px; display: flex; flex-flow: row; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .checkboxesView .label-state, .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .checkboxesViewUser .label-state { margin-left: 12px; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div select { width: 328px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); margin-bottom: 24px; margin-top: 16px; padding-left: 16px; font-size: 18px; line-height: 1.11; color: #4b4b4b; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown { position: relative; margin-top: 2px; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown header { height: 64px; width: 312px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); display: flex; justify-content: space-between; align-items: center; color: #002680; line-height: 1; font-size: 18px; padding-left: 16px; cursor: pointer; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown header span { width: 100%; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown header .expander { margin: 0 12px; line-height: 28px; height: 28px; width: 28px; font-size: 28px; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown section { width: 328px; min-height: 0; max-height: 0; transition: max-height 100ms ease-in-out, min-height 200ms ease-in-out; overflow: hidden; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown section.expanded { min-height: 64px; background-color: rgba(255, 255, 255, 0.1); max-height: 1000px; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown section .item { height: 64px; width: 100%; line-height: 64px; background-color: #f1f1f1; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown section .dropdown { height: 100%; margin-top: 2px; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown section .dropdown .filename { display: flex; height: 64px; align-items: center; cursor: pointer; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown section .dropdown .filename i { color: #002e6e; margin: 0 20px 0 20px; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown section .dropdown .filename span { width: 100%; font-size: 18px; line-height: 1; color: #002680; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown section .dropdown .filename.selected span, .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown section .dropdown .filename.selected i { color: #4b4b4b; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left div .accordion-dropdown section .dropdown .filename.selected { background-color: rgba(255, 255, 255, 0.8); } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-footer { height: 64px; width: 100%; border: solid 1px #dddddd; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-footer .header-title { width: 360px; height: 64px; display: flex; flex-flow: column; align-items: center; justify-content: center; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-footer .header-title .title { font-size: 14px; color: #878787; } .card-report-alarms .reports-box-body-left .body-left-center .body-left-center-footer .header-title .data-temporal { font-size: 18px; line-height: 1; color: #4b4b4b; } .card-report-alarms .reports-box-body-right { width: 327px; height: 100%; } .card-report-alarms .reports-box-body-right .body-right-header { width: 100%; height: 70px; display: flex; flex-flow: row; margin-top: 18px; justify-content: flex-end; } .card-report-alarms .reports-box-body-right .body-right-header .body-right-header-left { width: 158px; height: 100%; display: flex; align-items: center; justify-content: center; border-right: solid 2px #dddddd; } .card-report-alarms .reports-box-body-right .body-right-header .body-right-header-left button { width: 48px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); background-image: linear-gradient(to bottom, #f1f1f1, #bbbcbc); border: none; } .card-report-alarms .reports-box-body-right .body-right-header .body-right-header-left button.active { width: 48px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.4); background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1); color: #1791ff; border: none; } .card-report-alarms .reports-box-body-right .body-right-header .body-right-header-right { width: calc(100% - 158px); height: 100%; display: flex; align-items: center; justify-content: center; } .card-report-alarms .reports-box-body-right .body-right-header .body-right-header-right button { width: 48px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); background-image: linear-gradient(to bottom, #f1f1f1, #bbbcbc); border: none; } .card-report-alarms .reports-box-body-right .body-right-header .body-right-header-right button:first-child { margin-right: 16px; } .card-report-alarms .reports-box-body-right .body-right-header .body-right-header-right button:active { width: 48px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.4); background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1); border: none; } .card-report-alarms .reports-box-body-right .body-right-card { width: 100%; height: calc(100% - 70px); display: flex; flex-flow: column; align-items: center; } .card-report-alarms .reports-box-body-right .body-right-card .card-report > section { display: flex; align-items: center; justify-content: center; } .card-report-alarms .reports-box-body-right .body-right-card .card-report > section .rectangle_gray { width: 256px; height: 120px; border-radius: 2px; display: flex; flex-flow: column; align-items: center; justify-content: center; background-color: #f1f1f1; } .card-report-alarms .reports-box-body-right .body-right-card .card-report > section .rectangle_gray label { font-size: 18px; color: #878787; margin-bottom: 30px; } .card-report-alarms .reports-box-body-right .body-right-card .card-report > section .rectangle_gray span { font-size: 48px; font-weight: bold; line-height: 0.38; color: #1791ff; } .card-report-machine-status { width: 100%; height: 100%; display: flex; } .card-report-machine-status .reports-box-body-left { width: 1455px; height: 100%; } .card-report-machine-status .reports-box-body-left .body-left-header, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus { width: 100%; height: 70px; display: flex; flex-flow: row; margin-top: 18px; position: relative; margin-bottom: 16px; } .card-report-machine-status .reports-box-body-left .body-left-header .mx-datepicker-range, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus .mx-datepicker-range { width: 170px; height: 70px; } .card-report-machine-status .reports-box-body-left .body-left-header .mx-datepicker-range .mx-input-wrapper, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus .mx-datepicker-range .mx-input-wrapper { margin-right: 24px; width: 253px; } .card-report-machine-status .reports-box-body-left .body-left-header .mx-datepicker-range .mx-input-wrapper .mx-input, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus .mx-datepicker-range .mx-input-wrapper .mx-input { width: 253px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); border: solid 1px #bbbcbc; font-size: 18px; line-height: 1.11; color: #4b4b4b; padding-left: 16px; } .card-report-machine-status .reports-box-body-left .body-left-header > div, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus > div { display: flex; flex-flow: column; height: 70px; margin-right: 24px; } .card-report-machine-status .reports-box-body-left .body-left-header > div label, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus > div label { font-size: 14px; line-height: 1.29; color: #878787; } .card-report-machine-status .reports-box-body-left .body-left-header > div label.intervaldate, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus > div label.intervaldate { width: 253px; font-size: 14px; line-height: 1.29; color: #878787; } .card-report-machine-status .reports-box-body-left .body-left-header > div select, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus > div select { width: 192px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); border: solid 1px #bbbcbc; font-size: 18px; line-height: 1.11; color: #4b4b4b; padding-left: 16px; } .card-report-machine-status .reports-box-body-left .body-left-header > div div.interval-time, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus > div div.interval-time { display: flex; flex-flow: row; } .card-report-machine-status .reports-box-body-left .body-left-header > div div.interval-time input[type="time"], .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus > div div.interval-time input[type="time"] { width: 96px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); font-size: 18px; line-height: 1.11; color: #bbbcbc; border: none; padding-left: 16px; } .card-report-machine-status .reports-box-body-left .body-left-header > div div.interval-time input[type="time"]:first-child, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus > div div.interval-time input[type="time"]:first-child { margin-right: 16px; } .card-report-machine-status .reports-box-body-left .body-left-header > div div.interval-time input[type="time"]::-webkit-inner-spin-button, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus > div div.interval-time input[type="time"]::-webkit-inner-spin-button { -webkit-appearance: none; display: none; border: none; } .card-report-machine-status .reports-box-body-left .body-left-header > div input.program, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus > div input.program { width: 256px; height: 46px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); font-size: 18px; line-height: 1.11; color: #bbbcbc; padding-left: 16px; border: none; } .card-report-machine-status .reports-box-body-left .body-left-header > div .reports-select-operator, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus > div .reports-select-operator { width: 192px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); font-size: 18px; line-height: 1.11; color: #4b4b4b; } .card-report-machine-status .reports-box-body-left .body-left-header > div .reports-select-shift, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus > div .reports-select-shift { width: 144px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .card-report-machine-status .reports-box-body-left .body-left-header .multiselect, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus .multiselect { z-index: 100; } .card-report-machine-status .reports-box-body-left .body-left-header .multiselect label, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus .multiselect label { font-size: 14px; line-height: 1.29; color: #878787; } .card-report-machine-status .reports-box-body-left .body-left-header .selectBoxU, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus .selectBoxU { position: relative; width: 192px; } .card-report-machine-status .reports-box-body-left .body-left-header .selectBoxU select, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus .selectBoxU select { width: 100%; padding: 8px; cursor: pointer; height: 48px; font-size: 18px; line-height: 1.11; color: #4b4b4b; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); border-radius: 2px; } .card-report-machine-status .reports-box-body-left .body-left-header .selectBoxU select option, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus .selectBoxU select option { display: none; } .card-report-machine-status .reports-box-body-left .body-left-header .overSelect, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus .overSelect { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .card-report-machine-status .reports-box-body-left .body-left-header .checkboxes, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus .checkboxes, .card-report-machine-status .reports-box-body-left .body-left-header .checkboxesU, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus .checkboxesU { display: none; } .card-report-machine-status .reports-box-body-left .body-left-header .checkboxesView, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus .checkboxesView, .card-report-machine-status .reports-box-body-left .body-left-header .checkboxesViewUser, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus .checkboxesViewUser { width: calc(100% - 8px); background-color: #fff; display: block; z-index: 100; padding: 6px 4px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); } .card-report-machine-status .reports-box-body-left .body-left-header .checkboxesView label, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus .checkboxesView label, .card-report-machine-status .reports-box-body-left .body-left-header .checkboxesViewUser label, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus .checkboxesViewUser label { font-size: 18px; margin: 2px; display: flex; flex-flow: row; } .card-report-machine-status .reports-box-body-left .body-left-header .checkboxesView .label-state, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus .checkboxesView .label-state, .card-report-machine-status .reports-box-body-left .body-left-header .checkboxesViewUser .label-state, .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus .checkboxesViewUser .label-state { margin-left: 12px; } .card-report-machine-status .reports-box-body-left .body-left-header-machinestatus { border-right: 0px; } .card-report-machine-status .reports-box-body-left .body-left-center { width: 1448px; max-height: 681px; display: flex; flex-flow: column; justify-content: center; align-items: center; } .card-report-machine-status .reports-box-body-left .body-left-center .body-left-center-container { display: block; width: 80%; } .card-report-machine-status .reports-box-body-right { width: 327px; height: 100%; } .card-report-machine-status .reports-box-body-right .body-right-header { width: 100%; height: 70px; display: flex; flex-flow: row; margin-top: 18px; justify-content: flex-end; } .card-report-machine-status .reports-box-body-right .body-right-header .body-right-header-left { width: 158px; height: 100%; display: flex; align-items: center; justify-content: center; border-right: solid 2px #dddddd; } .card-report-machine-status .reports-box-body-right .body-right-header .body-right-header-left button { width: 48px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); background-image: linear-gradient(to bottom, #f1f1f1, #bbbcbc); border: none; } .card-report-machine-status .reports-box-body-right .body-right-header .body-right-header-left button.active { width: 48px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.4); background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1); color: #1791ff; border: none; } .card-report-machine-status .reports-box-body-right .body-right-header .body-right-header-right { width: calc(100% - 158px); height: 100%; display: flex; align-items: center; justify-content: center; } .card-report-machine-status .reports-box-body-right .body-right-header .body-right-header-right button { width: 48px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); background-image: linear-gradient(to bottom, #f1f1f1, #bbbcbc); border: none; } .card-report-machine-status .reports-box-body-right .body-right-header .body-right-header-right button:first-child { margin-right: 16px; } .card-report-machine-status .reports-box-body-right .body-right-header .body-right-header-right button:active { width: 48px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.4); background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1); border: none; } .card-report-machine-status .reports-box-body-right .body-right-card { width: 100%; height: calc(100% - 70px); display: flex; flex-flow: column; align-items: center; } .card-report-machine-status .reports-box-body-right .body-right-card .card-report > section { display: flex; align-items: center; justify-content: center; } .card-report-machine-status .reports-box-body-right .body-right-card .card-report > section .rectangle_gray { width: 256px; height: 120px; border-radius: 2px; display: flex; flex-flow: column; align-items: center; justify-content: center; background-color: #f1f1f1; } .card-report-machine-status .reports-box-body-right .body-right-card .card-report > section .rectangle_gray label { font-size: 18px; color: #878787; margin-bottom: 30px; } .card-report-machine-status .reports-box-body-right .body-right-card .card-report > section .rectangle_gray span { font-size: 48px; font-weight: bold; line-height: 0.38; color: #1791ff; } .card-report-timeline { width: 100%; height: 100%; display: flex; } .card-report-timeline .reports-box-body-left { width: 1455px; height: 100%; } .card-report-timeline .reports-box-body-left .body-left-header, .card-report-timeline .reports-box-body-left .body-left-header-machinestatus { width: 100%; height: 70px; display: flex; flex-flow: row; margin-top: 18px; position: relative; margin-bottom: 16px; } .card-report-timeline .reports-box-body-left .body-left-header .mx-datepicker-range, .card-report-timeline .reports-box-body-left .body-left-header-machinestatus .mx-datepicker-range { width: 170px; height: 70px; } .card-report-timeline .reports-box-body-left .body-left-header .mx-datepicker-range .mx-input-wrapper, .card-report-timeline .reports-box-body-left .body-left-header-machinestatus .mx-datepicker-range .mx-input-wrapper { margin-right: 24px; width: 253px; } .card-report-timeline .reports-box-body-left .body-left-header .mx-datepicker-range .mx-input-wrapper .mx-input, .card-report-timeline .reports-box-body-left .body-left-header-machinestatus .mx-datepicker-range .mx-input-wrapper .mx-input { width: 253px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); border: solid 1px #bbbcbc; font-size: 18px; line-height: 1.11; color: #4b4b4b; padding-left: 16px; } .card-report-timeline .reports-box-body-left .body-left-header > div, .card-report-timeline .reports-box-body-left .body-left-header-machinestatus > div { display: flex; flex-flow: column; margin-right: 24px; } .card-report-timeline .reports-box-body-left .body-left-header > div label, .card-report-timeline .reports-box-body-left .body-left-header-machinestatus > div label { font-size: 14px; line-height: 1.29; color: #878787; } .card-report-timeline .reports-box-body-left .body-left-header > div label.intervaldate, .card-report-timeline .reports-box-body-left .body-left-header-machinestatus > div label.intervaldate { width: 253px; font-size: 14px; line-height: 1.29; color: #878787; } .card-report-timeline .reports-box-body-left .body-left-header > div div.interval-time, .card-report-timeline .reports-box-body-left .body-left-header-machinestatus > div div.interval-time { display: flex; flex-flow: row; } .card-report-timeline .reports-box-body-left .body-left-header > div div.interval-time input[type="time"], .card-report-timeline .reports-box-body-left .body-left-header-machinestatus > div div.interval-time input[type="time"] { width: 96px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); font-size: 18px; line-height: 1.11; color: #bbbcbc; border: none; padding-left: 16px; } .card-report-timeline .reports-box-body-left .body-left-header > div div.interval-time input[type="time"]:first-child, .card-report-timeline .reports-box-body-left .body-left-header-machinestatus > div div.interval-time input[type="time"]:first-child { margin-right: 16px; } .card-report-timeline .reports-box-body-left .body-left-header > div div.interval-time input[type="time"]::-webkit-inner-spin-button, .card-report-timeline .reports-box-body-left .body-left-header-machinestatus > div div.interval-time input[type="time"]::-webkit-inner-spin-button { -webkit-appearance: none; display: none; border: none; } .card-report-timeline .reports-box-body-left .body-left-header > div input.program, .card-report-timeline .reports-box-body-left .body-left-header-machinestatus > div input.program { width: 256px; height: 46px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); font-size: 18px; line-height: 1.11; color: #bbbcbc; padding-left: 16px; border: none; } .card-report-timeline .reports-box-body-left .body-left-header .zoom-control, .card-report-timeline .reports-box-body-left .body-left-header-machinestatus .zoom-control { display: block; align-items: center; justify-content: center; width: 120px; float: right; margin: 0px; position: absolute; right: 0px; top: 11px; } .card-report-timeline .reports-box-body-left .body-left-header .zoom-control button, .card-report-timeline .reports-box-body-left .body-left-header-machinestatus .zoom-control button { width: 48px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); background-image: linear-gradient(to bottom, #f1f1f1, #bbbcbc); border: none; } .card-report-timeline .reports-box-body-left .body-left-header .zoom-control button:first-child, .card-report-timeline .reports-box-body-left .body-left-header-machinestatus .zoom-control button:first-child { margin-right: 16px; } .card-report-timeline .reports-box-body-left .body-left-header .zoom-control button:active, .card-report-timeline .reports-box-body-left .body-left-header-machinestatus .zoom-control button:active { width: 48px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.4); background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1); border: none; } .card-report-timeline .reports-box-body-left .body-left-center { width: 1448px; max-height: 681px; display: flex; flex-flow: column; border: solid 1px #dddddd; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header { width: 100%; height: 104px; display: flex; flex-flow: row; flex: 1 1 auto; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-left { width: 360px; height: 100%; display: flex; flex-flow: column; align-items: center; border-right: solid 1px #dddddd; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-left .accordion-dropdown { position: relative; margin-top: 20px; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-left .accordion-dropdown header { height: 64px; width: 312px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); display: flex; justify-content: space-between; align-items: center; color: #002680; line-height: 1; font-size: 18px; padding-left: 16px; cursor: pointer; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-left .accordion-dropdown header div.title { display: flex; flex-direction: row; flex-wrap: wrap; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-left .accordion-dropdown header div.title span { display: block; flex: 0 1 auto; align-content: center; text-align: left; margin-right: 7px; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-left .accordion-dropdown header .expander { margin: 0 12px; line-height: 28px; height: 28px; width: 28px; font-size: 28px; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-left .accordion-dropdown section { width: 328px; min-height: 0; max-height: 0; transition: max-height 100ms ease-in-out, min-height 200ms ease-in-out; overflow: hidden; position: relative; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-left .accordion-dropdown section.expanded { background-color: rgba(255, 255, 255, 0.1); max-height: 1000px; overflow: visible; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-left .accordion-dropdown section .checkboxesView { position: absolute; width: 326px; background-color: #fff; display: block; z-index: 100; padding: 0px; padding-top: 0px; border-top: transparent; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-left .accordion-dropdown section .checkboxesView .check-item { font-size: 18px; margin-top: 2px; display: flex; flex-flow: row; line-height: 18px; background-color: #f1f1f1; position: relative; padding: 24px; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-left .accordion-dropdown section .checkboxesView .check-item:first-child { margin-top: 0px; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-left .accordion-dropdown section .checkboxesView .check-item .custom-checkbox label { background-color: #fff !important; border: solid 1px #1791ff; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-left .accordion-dropdown section .checkboxesView .check-item .label-state { font-size: 18px; line-height: 24px; margin-left: 10px; color: #002680; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-left .accordion-dropdown section .item { height: 64px; width: 100%; line-height: 64px; background-color: #f1f1f1; position: relative; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-left .accordion-dropdown section .dropdown { height: 100%; margin-top: 2px; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-left .accordion-dropdown section .dropdown .filename { display: flex; height: 64px; align-items: center; cursor: pointer; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-left .accordion-dropdown section .dropdown .filename i { color: #002e6e; margin: 0 20px 0 20px; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-left .accordion-dropdown section .dropdown .filename span { width: 100%; font-size: 18px; line-height: 1; color: #002680; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-left .accordion-dropdown section .dropdown .filename.selected { background-color: rgba(255, 255, 255, 0.8); } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-left .accordion-dropdown section .dropdown .filename.selected span, .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-left .accordion-dropdown section .dropdown .filename.selected i { color: #4b4b4b; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-left div select { width: 328px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); margin-bottom: 24px; margin-top: 16px; padding-left: 16px; font-size: 18px; line-height: 1.11; color: #4b4b4b; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-right { width: 1088px; height: 100%; display: block; position: relative; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-right .timeline-chart-header { width: 100%; height: 100%; position: relative; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-right .timeline-chart-header .timeline-chart-header-title { width: 100%; height: 20px; font-size: 18px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.11; letter-spacing: normal; text-align: center; color: #4b4b4b; position: absolute; top: 24px; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-right .timeline-chart-header .timeline-chart-header-items { display: flex; flex-flow: row; flex-wrap: nowrap; width: 100%; height: 100%; text-align: center; vertical-align: bottom; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-right .timeline-chart-header .timeline-chart-header-items .timeline-chart-header-item { flex: 1 1 auto; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: #4b4b4b; overflow: hidden; position: relative; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-right .timeline-chart-header .timeline-chart-header-items .timeline-chart-header-item:first-child { border-right: solid 1px #dddddd; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-right .timeline-chart-header .timeline-chart-header-items .timeline-chart-header-item:last-child { border-left: solid 1px #dddddd; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-right .timeline-chart-header .timeline-chart-header-items .timeline-chart-header-item label { display: block; overflow: hidden; text-align: center; position: absolute; bottom: 4px; left: 0px; width: 100%; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-right .timeline-chart-header .timeline-chart-header-items .timeline-chart-header-item label.rotate { display: block; width: 50px; overflow: hidden; text-align: left; position: absolute; bottom: 20px; left: -10px; transform: rotate(-78deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-right .timeline-chart-header .cursone-gantt { width: 30px; height: 618px; position: absolute; top: 52px; margin-left: -15px; z-index: 100; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-right .timeline-chart-header .cursone-gantt .oval { width: 30px; border-radius: 2px; color: #002680; cursor: e-resize; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-right .timeline-chart-header .cursone-gantt .oval svg { width: 30px; height: 30px; fill: #002680; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-right .timeline-chart-header .cursone-gantt .line { width: 2px; height: 576px; border-left: solid 4px #002680; margin-bottom: 4px; margin-left: 13px; cursor: e-resize; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-right .timeline-chart-header .cursone-gantt.active .oval { background-color: #004990; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-header .body-left-center-right .timeline-chart-header .cursone-gantt.active .line { border-color: #004990; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-container { width: 100%; height: 508px; display: flex; flex-flow: row; overflow-x: hidden; flex: 1 1 auto; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left { width: 360px; height: 100%; display: flex; flex-flow: column; align-items: center; border-right: solid 1px #dddddd; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .accordion-dropdown { position: relative; margin-top: 2px; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .accordion-dropdown header { height: 64px; width: 312px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); display: flex; justify-content: space-between; align-items: center; color: #002680; line-height: 1; font-size: 18px; padding-left: 16px; cursor: pointer; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .accordion-dropdown header span { width: 100%; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .accordion-dropdown header .expander { margin: 0 12px; line-height: 28px; height: 28px; width: 28px; font-size: 28px; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .accordion-dropdown section { width: 328px; min-height: 0; max-height: 0; transition: max-height 100ms ease-in-out, min-height 200ms ease-in-out; overflow: hidden; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .accordion-dropdown section.expanded { min-height: 64px; background-color: rgba(255, 255, 255, 0.1); max-height: 1000px; overflow: visible; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .accordion-dropdown section .item { height: 64px; width: 100%; line-height: 64px; background-color: #f1f1f1; position: relative; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .accordion-dropdown section .dropdown { height: 100%; margin-top: 2px; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .accordion-dropdown section .dropdown .filename { display: flex; height: 64px; align-items: center; cursor: pointer; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .accordion-dropdown section .dropdown .filename i { color: #002e6e; margin: 0 20px 0 20px; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .accordion-dropdown section .dropdown .filename span { width: 100%; font-size: 18px; line-height: 1; color: #002680; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .accordion-dropdown section .dropdown .filename.selected { background-color: rgba(255, 255, 255, 0.8); } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .accordion-dropdown section .dropdown .filename.selected span, .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .accordion-dropdown section .dropdown .filename.selected i { color: #4b4b4b; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .accordion-dropdown .row-chart { position: absolute; top: 0px; left: 345px; width: 1087px; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .accordion-dropdown .row-chart .timeline-chart-row { width: 100%; height: 64px; background-color: #ddd; position: relative; overflow: hidden; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .accordion-dropdown .row-chart .timeline-chart-row .timeline-chart-row-item { background-color: #76baf7; position: absolute; top: 8px; bottom: 8px; left: 10%; right: 50%; border-radius: 2px; height: 48px; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .accordion-dropdown .row-chart .timeline-chart-row .timeline-chart-row-item .v-popover, .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-left .accordion-dropdown .row-chart .timeline-chart-row .timeline-chart-row-item .v-popover span.trigger { cursor: pointer; width: 100%; height: 100%; display: block; position: relative; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-container .body-left-center-right { width: 1088px; height: 100%; display: block; position: relative; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-footer { height: 64px; width: 100%; border: solid 1px #dddddd; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-footer .header-title { width: 360px; height: 64px; display: flex; flex-flow: column; align-items: center; justify-content: center; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-footer .header-title .title { font-size: 14px; color: #878787; } .card-report-timeline .reports-box-body-left .body-left-center .body-left-center-footer .header-title .data-temporal { font-size: 18px; line-height: 1; color: #4b4b4b; } .card-report-timeline .reports-box-body-right { width: 327px; height: 100%; } .card-report-timeline .reports-box-body-right .body-right-header { width: 100%; height: 70px; display: flex; flex-flow: row; margin-top: 18px; justify-content: flex-end; } .card-report-timeline .reports-box-body-right .body-right-header .body-right-header-right { width: calc(100% - 158px); height: 100%; display: flex; align-items: center; justify-content: center; } .card-report-timeline .reports-box-body-right .body-right-header .body-right-header-right button { width: 48px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); background-image: linear-gradient(to bottom, #f1f1f1, #bbbcbc); border: none; } .card-report-timeline .reports-box-body-right .body-right-header .body-right-header-right button:first-child { margin-right: 16px; } .card-report-timeline .reports-box-body-right .body-right-header .body-right-header-right button:active { width: 48px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.4); background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1); border: none; } .card-report-timeline .reports-box-body-right .body-right-card { width: 100%; height: calc(100% - 70px); display: flex; flex-flow: column; align-items: center; } .card-report-timeline .reports-box-body-right .body-right-card .card-report > section { display: flex; align-items: center; justify-content: center; } .card-report-timeline .reports-box-body-right .body-right-card .card-report > section .rectangle_gray { width: 256px; height: 120px; border-radius: 2px; display: flex; flex-flow: column; align-items: center; justify-content: center; background-color: #f1f1f1; } .card-report-timeline .reports-box-body-right .body-right-card .card-report > section .rectangle_gray label { font-size: 18px; color: #878787; margin-bottom: 30px; } .card-report-timeline .reports-box-body-right .body-right-card .card-report > section .rectangle_gray span { font-size: 48px; font-weight: bold; line-height: 0.38; color: #1791ff; } .no-result-found { margin: 0px; padding: 10px; font-size: 1.2rem; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4); } /** Versione zeplin machine status non cancellare .card-report-machine-status{ width: 100%; height: 100%; display: flex; .reports-box-body-left { width: 1455px; height: 100%; .body-left-header, .body-left-header-machinestatus{ width: 100%; height: 70px; display: flex; flex-flow: row; margin-top: 18px; border-right: solid 2px @color-whitegrey; position: relative; margin-bottom: 16px; .mx-datepicker-range{ width: 170px; height: 70px; .mx-input-wrapper{ margin-right: 24px; width: 253px; .mx-input{ width: 253px; height: 50px; border-radius: 2px; box-shadow: 0 1px 2px 0 @color-black-40; border: solid 1px @color-silver; font-size: 18px; line-height: 1.11; color: @color-greyish-brown; padding-left: 16px; } } } > div { display: flex; flex-flow: column; height: 70px; margin-right: 24px; label.intervaldate{ width: 253px; } select{ width: 192px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 @color-black-40; border: solid 1px @color-silver; font-size: 18px; line-height: 1.11; color: @color-greyish-brown; padding-left: 16px; } div.interval-time{ display: flex; flex-flow: row; input[type="time"]{ width: 112px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 @color-black-50; font-size: 18px; line-height: 1.11; color: @color-silver; border: none; } input[type="time"]:first-child{ margin-right: 16px; } input[type="time"]::-webkit-inner-spin-button { -webkit-appearance: none; display: none; border:none; } } input.program{ width: 256px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 @color-black-50; font-size: 18px; line-height: 1.11; color: @color-silver; padding-left: 16px; border: none; } .reports-select-operator{ width: 192px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 @color-black-40; font-size: 18px; line-height: 1.11; color: @color-greyish-brown; } .reports-select-shift{ width: 144px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 @color-black-40; } } .multiselect{ z-index: 100; label{ font-size: 14px; line-height: 1.29; color: @color-warm-grey; } } .selectBox{ position: relative; width: 144px; } .selectBox select{ width: 100%; padding: 8px; cursor: pointer; height: 49px; font-size: 18px; line-height: 1.11; color: @color-greyish-brown; box-shadow: 0 1px 2px @color-black-40; border-radius: 2px; option{ display: none; } } .selectBoxU{ position: relative; width: 192px; } .selectBoxU select{ width: 100%; padding: 8px; cursor: pointer; height: 49px; font-size: 18px; line-height: 1.11; color: @color-greyish-brown; box-shadow: 0 1px 2px @color-black-40; border-radius: 2px; option{ display: none; } } .overSelect{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .checkboxes, .checkboxesU{ display: none; } .checkboxesView, .checkboxesViewUser{ width: calc(~"100% - 8px");; background-color: #fff; display: block; z-index: 100; padding: 6px 4px; box-shadow: 0 3px 5px 0 @color-black-40; label{ font-size: 18px; margin:2px; display: flex; flex-flow: row; } .label-state{ margin-left: 12px; } } } .body-left-header-machinestatus{ border-right: 0px; } .body-left-center { width: 1448px; max-height: 681px; display: flex; flex-flow: column; .body-left-center-container{ width: 100%; table{ table-layout: fixed; width: 100%; border-collapse: collapse; } thead{ border-bottom: solid 2px @color-label-grey; font-size: 14px; line-height: 1.29; color: @color-darkish-blue; display: block; width: 1431px; } thead tr th{ height: 48px; } tr:nth-child(even) {background: #FFF } tr:nth-child(odd) {background: #dddddd } // thead tr{ // width: 1448px; // } thead tr:nth-child(odd){ background: #FFF } th:nth-child(1), td:nth-child(1){ width:162px; max-width: 162px; text-align: center; } th:nth-child(2), td:nth-child(2){ width:139px; max-width: 139px; text-align: center; } th:nth-child(3), td:nth-child(3){ width:83px; max-width:83px; text-align: center; } th:nth-child(4), td:nth-child(4){ width:83px; max-width:83px; text-align: center; } th:nth-child(5), td:nth-child(5){ width:83px; max-width:83px; text-align: center; } th:nth-child(6), td:nth-child(6){ width:83px; max-width:83px; text-align: center; } th:nth-child(7), td:nth-child(7){ width:97px; max-width:97px; text-align: center; } th:nth-child(8), td:nth-child(8){ width:97px; max-width:97px; text-align: center; } th:nth-child(9), td:nth-child(9){ width:97px; max-width:97px; text-align: center; } th:nth-child(10), td:nth-child(10){ width:115px; max-width:115px; text-align: center; } th:nth-child(11), td:nth-child(11){ width:97px; max-width:97px; text-align: center; } th:nth-child(12), td:nth-child(12){ width:148px; max-width:148px; text-align: center; } th:nth-child(13), td:nth-child(13){ width:97px; max-width:97px; text-align: center; } th:last-child{ font-size: 23px; font-weight: bold; cursor: pointer; } th, td{ overflow: hidden; div{ overflow: hidden; max-height: 64px; } } tbody{ display: block; height: 631px; width: 1448px; overflow: scroll; tr{ cursor: pointer; height: 64px; padding: 10px; font-size: 14px; line-height: 1.29; color: @color-greyish-brown; td{ text-align: center; &.green{ color: @color-apple-green; } &.red{ color: @color-scarlet; } } td:last-child{ width: 10px; } &.selected{ background-color: rgba(23, 145, 255, 0.75); color: @color-white; font-weight: 600; } } } .body-left-center-left{ width: 360px; height: 616px; display: flex; flex-flow: column; align-items: center; border: solid 1px @color-whitegrey; overflow-y: auto; .multiselect{ z-index: 100; margin-bottom: 24px; margin-top: 16px; label{ font-size: 14px; line-height: 1.29; color: @color-warm-grey; } } .selectBox{ position: relative; width: 328px; height: 64px; } .selectBox select{ width: 100%; padding: 8px; cursor: pointer; height: 64px; font-size: 18px; line-height: 1.11; color: @color-greyish-brown; margin-bottom: 0; margin-top: 0; option{ display: none; } } .overSelect{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .checkboxes, .checkboxesU{ display: none; } .checkboxesView, .checkboxesViewUser{ width: calc(~"100% - 8px");; background-color: #fff; display: block; z-index: 100; padding: 6px 4px; box-shadow: 0 3px 5px 0 @color-black-40; label{ font-size: 18px; margin:2px; display: flex; flex-flow: row; } .label-state{ margin-left: 12px; } } div{ select{ width: 328px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 @color-black-40; margin-bottom: 24px; margin-top: 16px; padding-left: 16px; font-size: 18px; line-height: 1.11; color: @color-greyish-brown; } .accordion-dropdown{ position: relative; margin-top: 2px; header { height: 64px; width: 312px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); display: flex; justify-content: space-between; align-items: center; color: @color-darkish-blue; line-height: 1; font-size: 18px; padding-left: 16px; cursor: pointer; span { width: 100%; } .expander { margin: 0 12px; line-height: 28px; height: 28px; width: 28px; font-size: 28px; } } section { width: 328px; min-height: 0; max-height: 0; transition: max-height 100ms ease-in-out, min-height 200ms ease-in-out; overflow: hidden; &.expanded { min-height: 64px; background-color: rgba(255, 255, 255, 0.1); max-height: 1000px; } .item { height: 64px; width: 100%; line-height: 64px; background-color: @color-white2; } .dropdown{ // background-color: @color-white2; height: 100%; margin-top: 2px; .filename{ display: flex; height: 64px; align-items: center; cursor: pointer; i{ color: @color-cyan-blue; margin: 0 20px 0 20px; } span{ width: 100%; font-size: 18px; line-height: 1; color: @color-darkish-blue; } &.selected{ span, i{ color:#4b4b4b; } } } .filename.selected{ background-color: rgba(255, 255, 255, 0.8); } } } } } } } .body-left-center-footer{ height: 64px; width: 100%; border: solid 1px @color-whitegrey; .header-title{ width: 360px; height: 64px; display: flex; flex-flow: column; align-items: center; justify-content: center; .title{ font-size: 14px; color: @color-warm-grey; } .data-temporal{ font-size: 18px; line-height: 1; color: @color-greyish-brown; } } } } } .reports-box-body-right { width: 327px; height: 100%; .body-right-header{ width: 100%; height: 70px; display: flex; flex-flow: row; margin-top: 18px; justify-content: flex-end; .body-right-header-left { width: 158px; height: 100%; display: flex; align-items: center; justify-content: center; border-right: solid 2px @color-whitegrey; button{ width: 48px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 @color-black-40; background-image: linear-gradient(to bottom,@color-white2, @color-silver); border: none; } button.active{ width: 48px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 @color-black-40; background-image: linear-gradient(to bottom, @color-silver, @color-white2 ); color: @color-clear-blue; border: none; } } .body-right-header-right { width: calc(~"100% - 158px"); height: 100%; display: flex; align-items: center; justify-content: center; button{ width: 48px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 @color-black-40; background-image: linear-gradient(to bottom,@color-white2, @color-silver); border:none; } button:first-child{ margin-right: 16px; } button:active{ width: 48px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 @color-black-40; background-image: linear-gradient(to bottom, @color-silver, @color-white2 ); border: none; } } } .body-right-card{ width: 100%; height: calc(~"100% - 70px"); display: flex; flex-flow: column; align-items: center; .card-report{ > section { display: flex; align-items: center; justify-content: center; .rectangle_gray{ width: 256px; height: 120px; border-radius: 2px; display: flex; flex-flow: column; align-items: center; justify-content: center; background-color: @color-white2; label{ font-size: 18px; color: @color-warm-grey; margin-bottom: 30px; } span{ font-size: 48px; font-weight: bold; line-height: 0.38; color: @color-clear-blue; } } } } } } } */ @keyframes selectedanimation { 0% { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } 50% { box-shadow: 0px 0px 2px 3px #1791ff; } 100% { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } } .depot-container { height: 100%; width: 100%; display: flex; /* align-items: center; */ justify-content: center; padding-top: 104px; } .depot-container .depot-position { position: relative; } .depot-container .depot-position.selected { animation: selectedanimation 0.8s; } .depot-container .depot-position section { position: relative; } .depot-container .depot-position section .empty, .depot-container .depot-position section .target { position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; } .depot-container .depot-position section .empty { opacity: 0.7; border: dashed 2px #878787; display: flex; justify-content: center; align-items: center; font-size: 18px; } .depot-container .depot-position section.disabled::after { content: '\f05e'; font-family: FontAwesome; display: flex; align-items: center; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; line-height: 100%; background-color: rgba(230, 230, 230, 0.7); font-size: 5em; color: #000; justify-content: center; z-index: 0; } .depot-container .depot-position.drop:hover .empty { border: dashed 4px #878787; font-weight: bold; } .depot-container .depot-position .busyContainer { width: 100%; display: flex; align-items: center; justify-content: center; } .depot-container .depot-position .busyContainer .busyPos { width: 272px; height: 136px; flex-flow: column; background-color: #f1f1f1; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); z-index: 1; display: flex; align-items: center; justify-content: center; font-size: 3em; } .depot-container .depot-position .busyContainer .busyPos img { max-width: 262px; max-height: 106px; } .depot-container .depot-position .busyContainer .busyPosHalf { width: 136px; height: 136px; flex-flow: column; background-color: #f1f1f1; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); z-index: 1; display: flex; align-items: center; justify-content: center; font-size: 3em; } .depot-container .depot-position .busyContainer .busyEmpty { width: 136px; height: 136px; flex-flow: column; z-index: 1; display: flex; align-items: center; justify-content: center; } .depot-container .depot-box { width: 1808px; height: 872px; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); overflow: hidden; } .depot-container .depot-box .depot-header .depot-header-left, .depot-container .depot-box .depot-header .depot-header-right { height: 81px; display: flex; align-items: center; } .depot-container .depot-box .depot-header .depot-header-left { float: left; font-size: 20px; color: #002680; margin-left: 29px; } .depot-container .depot-box .depot-header .depot-header-right { float: right; } .depot-container .depot-box .depot-header .fa { height: 18px; width: 13px; margin: 0 22px 0 0; } .depot-container .depot-box .depot-boxbody { width: 100%; height: calc(100% - 161px); border-radius: 2px; background-color: #bbbcbc; display: flex; flex-flow: row; } .depot-container .depot-box .depot-boxbody .list-left { height: 100%; width: 440px; float: left; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); background-color: #fff; font-size: 18px; line-height: 1.11; text-align: center; color: #4b4b4b; display: flex; flex-flow: column; flex-shrink: 0; flex-grow: 0; } .depot-container .depot-box .depot-boxbody .list-left span { display: block; margin-top: 15px; } .depot-container .depot-box .depot-boxbody .list-left .depot-search { display: flex; flex-flow: row; justify-content: center; margin-top: 16px; } .depot-container .depot-box .depot-boxbody .list-left .depot-search input { width: 288px; height: 48px; box-sizing: border-box; padding: 0; font-size: 18px; } .depot-container .depot-box .depot-boxbody .list-left .depot-search input[type=text] { padding-left: 5px; } .depot-container .depot-box .depot-boxbody .list-left .depot-search i { width: 44px; height: 44px; padding: 0; margin-top: 4px; color: #002680; } .depot-container .depot-box .depot-boxbody .list-left .list-vertical { height: calc(100% - 143px); width: 95%; margin-top: 24px; display: flex; flex-wrap: wrap; flex-flow: column; padding-right: 5px; } .depot-container .depot-box .depot-boxbody .list-left .list-vertical div { cursor: move; } .depot-container .depot-box .depot-boxbody .list-left .list-vertical i { cursor: pointer; } .depot-container .depot-box .depot-boxbody .box-right { height: 100%; width: 100%; min-width: calc(100% - 440px); display: flex; flex-flow: column; align-items: center; justify-content: center; background-color: #bbbcbc; } .depot-container .depot-box .depot-boxbody .box-right .single-depot { width: calc(100% - 92px); height: calc(100% - 32px); margin: 16px; background-color: #fff; padding: 0 30px 0 30px; position: relative; overflow: hidden; } .depot-container .depot-box .depot-boxbody .box-right .single-depot .loading { display: flex; align-items: center; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; line-height: 100%; background-color: #ffffff; font-size: 5em; color: #4b4b4b; justify-content: center; z-index: 10; } .depot-container .depot-box .depot-boxbody .box-right .single-depot .sd-header { width: 100%; height: 63px; display: flex; align-items: center; justify-content: center; border-bottom: 2px solid #f1f1f1; font-size: 18px; font-weight: 600; line-height: 1.11; color: #4b4b4b; z-index: 15; position: relative; } .depot-container .depot-box .depot-boxbody .box-right .single-depot .sd-header button { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; } .depot-container .depot-box .depot-boxbody .box-right .single-depot .sd-header span { margin: 0 30px 0 30px; } .depot-container .depot-box .depot-boxbody .box-right .single-depot .sd-section { display: flex; align-items: center; margin-top: 100px; padding-top: 11px; padding-left: 5px; padding-right: 5px; overflow-x: auto; padding-bottom: 30px; overflow-y: hidden; } .depot-container .depot-box .depot-boxbody .box-right .single-depot .square-container-fixed { height: calc(100% - 439px); } .depot-container .depot-box .depot-boxbody .box-right .single-depot .square-container { height: 100%; width: calc(100% - 223px); margin: auto; display: flex; align-items: center; flex-flow: column; flex-wrap: nowrap; padding-top: 80px; } .depot-container .depot-box .depot-boxbody .box-right .single-depot .square-container.single { padding-top: 115px; } .depot-container .depot-box .depot-boxbody .box-right .single-depot .square-container .divider { width: calc(100% - 25px); height: 80px; border-left: 2px solid #002680; border-right: 2px solid #002680; } .depot-container .depot-box .depot-boxbody .box-right .single-depot .square-container .square { display: block; flex-grow: 0; height: 24px; width: 24px; border-radius: 2px; cursor: pointer; line-height: 20px; text-align: center; font-weight: 600; color: #002680; position: relative; } .depot-container .depot-box .depot-boxbody .box-right .single-depot .square-container .disabled { overflow: hidden; } .depot-container .depot-box .depot-boxbody .box-right .single-depot .square-container .disabled::after { position: absolute; top: 0; left: 0; content: '|'; z-index: 1; width: 100%; height: 100%; font-size: 36px; font-weight: normal; color: red; transform: rotate(-45deg) scaleY(2); } .depot-container .depot-box .depot-boxbody .box-right .single-depot .square-container .empty { height: 20px; width: 20px; border: solid 2px #002680; background-color: white; } .depot-container .depot-box .depot-boxbody .box-right .single-depot .square-container .halfDx { background: linear-gradient(to right, #FFF 0%, #FFF 50%, #002680 50%, #002680 100%); } .depot-container .depot-box .depot-boxbody .box-right .single-depot .square-container .halfDx span { background: linear-gradient(to right, #002680 0%, #002680 50%, #FFF 50%, #FFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .depot-container .depot-box .depot-boxbody .box-right .single-depot .square-container .halfSx { background: linear-gradient(to right, #002680 0%, #002680 50%, #FFF 50%, #FFF 100%); } .depot-container .depot-box .depot-boxbody .box-right .single-depot .square-container .halfSx span { background: linear-gradient(to right, #FFF 0%, #FFF 50%, #002680 50%, #002680 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .depot-container .depot-box .depot-boxbody .box-right .single-depot .square-container .full { background-color: #002680; color: #ffffff; } .depot-container .depot-box .depot-boxbody .box-right .single-depot .square-container .full.life_alert::after { position: sticky; width: 100%; top: 0; left: 0; right: 0; bottom: 0; display: block; content: " "; background: repeating-linear-gradient(45deg, #ffee00, #ffee00 2px, rgba(0, 0, 0, 0) 3px, rgba(0, 0, 0, 0) 8px); } .depot-container .depot-box .depot-boxbody .box-right .single-depot .square-container .full.life_alarm::after { position: sticky; width: 100%; top: 0; left: 0; right: 0; bottom: 0; display: block; content: " "; background: repeating-linear-gradient(45deg, #d0021b, #d0021b 2px, rgba(0, 0, 0, 0) 3px, rgba(0, 0, 0, 0) 8px); } .depot-container .depot-box .depot-boxbody .box-right .single-depot .square-container .red { background-color: #d0021b; } .depot-container .depot-box .depot-boxbody .box-right .single-depot .square-container .selected-full { background-color: #1791ff; } .depot-container .depot-box .depot-boxbody .box-right .single-depot .square-container .selected { position: relative; } .depot-container .depot-box .depot-boxbody .box-right .single-depot .square-container .selected::before { content: "\f0d7"; font-family: 'FontAwesome'; position: absolute; font-size: 36px; top: -29px; left: 0; color: #1791ff; } .depot-container .depot-box .depot-boxbody .box-right .single-depot .square-container .selected-empty { height: 20px; width: 20px; border: solid 2px #1791ff; } .depot-container .depot-box .depot-boxbody .box-right .single-depot .square-container .linesquare { display: flex; height: 2px; width: 100%; align-items: center; justify-content: space-between; background-color: #002680; flex-flow: row; z-index: 1; } .depot-container .depot-box .depot-boxbody .box-right .single-depot .square-container .linesquare.second { flex-flow: row-reverse; } .depot-container .depot-box .depot-boxbody .box-right .single-depot .square-container .occupied { border: solid 4px #8eb5e2; } .depot-container .depot-box .depot-footer { height: 80px; width: 100%; } .depot-container .depot-box .depot-footer .depot-footer-left, .depot-container .depot-box .depot-footer .depot-footer-right { height: 100%; display: flex; align-items: center; } .depot-container .depot-box .depot-footer .depot-footer-left { float: left; } .depot-container .depot-box .depot-footer .depot-footer-left input[type=checkbox] { visibility: hidden; } .depot-container .depot-box .depot-footer .depot-footer-left .depot-checkbox { width: 24px; height: 24px; display: flex; margin-left: 16px; align-items: center; position: relative; } .depot-container .depot-box .depot-footer .depot-footer-left .depot-checkbox label { cursor: pointer; position: absolute; width: 22px; height: 22px; top: 0; left: 0; background-color: #f1f1f1; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); border-radius: 2px; } .depot-container .depot-box .depot-footer .depot-footer-left .depot-checkbox label:after { opacity: 0; content: ''; position: absolute; width: 16px; height: 9px; background: transparent; top: 3px; left: 2px; border: 5px solid #1791ff; border-top: none; border-right: none; transform: rotate(-48deg); } .depot-container .depot-box .depot-footer .depot-footer-left .depot-checkbox input[type=checkbox]:checked + label { cursor: pointer; position: absolute; width: 22px; height: 22px; top: 0; left: 0; background-color: #f1f1f1; border: solid 1px #1791ff; border-radius: 2px; } .depot-container .depot-box .depot-footer .depot-footer-left .depot-checkbox input[type=checkbox]:checked + label:after { opacity: 1; } .depot-container .depot-box .depot-footer .depot-footer-left .depot-checkbox-label { display: flex; margin-left: 8px; font-size: 18px; line-height: 1.11; color: #4b4b4b; } .depot-container .depot-box .depot-footer .depot-footer-right { float: right; } .depot-container .depot-box .depot-footer .depot-footer-right button.blue-reverse { background-image: linear-gradient(to bottom, #1756ad, #002680); color: #fff; font-size: 18px; font-weight: 600; } .depot-container .lock-icon { height: 48px !important; width: 30px !important; color: #002680; font-size: 48px; } .depot-container .lock-icon .fa { text-align: center !important; margin: 0 !important; } .stateProblemsTool { border: solid 2px #d0021b; } .summary-depot-container { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } .summary-depot-container .summary-depot-box { width: 896px; height: 800px; background-color: #fff; border-radius: 2px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); } .summary-depot-container .summary-depot-box .summary-header-depot { width: 100%; height: 60px; color: #002680; border-bottom: solid 2px #bbbcbc; } .summary-depot-container .summary-depot-box .summary-header-depot .summary-depot-header-label { font-size: 20px; padding: 19px 0 17px 23px; } .summary-depot-container .summary-depot-box .summary-header-depot > .fa { float: right; font-size: 24px; margin-top: 19px; margin-right: 18px; } .summary-depot-container .summary-depot-box .summary-body-depot { width: 100%; height: calc(100% - 202px); display: flex; flex-flow: column; } .summary-depot-container .summary-depot-box .summary-body-depot .summary-body-depot-header { height: 78px; } .summary-depot-container .summary-depot-box .summary-body-depot .summary-body-depot-header .summary-depot-body-label { display: flex; margin-right: auto; font-size: 18px; line-height: 1.11; color: #4b4b4b; margin: 25px 68px 33px 24px; } .summary-depot-container .summary-depot-box .summary-body-depot .list-vertical { display: flex; flex-flow: column; align-items: center; justify-content: center; } .summary-depot-container .summary-depot-box .summary-body-depot .list-vertical .list-vertical-box { width: 752px; height: 472px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); margin-bottom: 48px; overflow-y: auto; } .summary-depot-container .summary-depot-box .summary-body-depot .list-vertical .list-vertical-box .list-vertical-header { height: 63px; width: 100%; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; line-height: 1.11; color: #4b4b4b; border-bottom: solid 2px #dddddd; } .summary-depot-container .summary-depot-box .summary-body-depot .list-vertical .list-vertical-box .list-vertical-body { height: calc(100% - 65px); width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .summary-depot-container .summary-depot-box .summary-body-depot .list-vertical .list-vertical-box .list-vertical-body .title_up, .summary-depot-container .summary-depot-box .summary-body-depot .list-vertical .list-vertical-box .list-vertical-body .title_down { width: 100%; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; line-height: 1.11; color: #4b4b4b; } .summary-depot-container .summary-depot-box .summary-body-depot .list-vertical .list-vertical-box .list-vertical-body .title_up { margin-top: 23px; margin-bottom: 12px; } .summary-depot-container .summary-depot-box .summary-body-depot .list-vertical .list-vertical-box .list-vertical-body .title_down { margin-top: 33px; margin-bottom: 11px; } .summary-depot-container .summary-depot-box .summary-body-depot .list-vertical .list-vertical-box .list-vertical-body .load-equipment:not(:last-child) { margin-bottom: 8px; } .summary-depot-container .summary-depot-box .summary-footer-depot { height: 138px; display: flex; flex-flow: column; border-top: solid 2px #bbbcbc; } .summary-depot-container .summary-depot-box .summary-footer-depot .summary-depot-footer-label { display: flex; align-items: center; height: 40px; justify-content: center; font-size: 18px; line-height: 1.11; color: #4b4b4b; margin: 22px 68px 4px 24px; } .summary-depot-container .summary-depot-box .summary-footer-depot .group-button { display: flex; margin-left: auto; } .summary-depot-container .summary-depot-box .summary-footer-depot .group-button .blue-reverse { background-image: linear-gradient(to bottom, #1756ad, #002680); color: #fff; font-size: 18px; font-weight: 600; } .assisted-tooling-container, .assisted-toolingfive-container { height: 624px; width: 704px; top: calc(50% - 312px); left: calc(50% - 352px); display: flex; justify-content: center; align-items: center; } .assisted-tooling-container .assisted-tooling-box, .assisted-toolingfive-container .assisted-tooling-box, .assisted-tooling-container .assisted-toolingfive-box, .assisted-toolingfive-container .assisted-toolingfive-box { width: 704px; height: 624px; border-radius: 2px; background-color: #fff; } .assisted-tooling-container .assisted-tooling-box .assisted-tooling-header, .assisted-toolingfive-container .assisted-tooling-box .assisted-tooling-header, .assisted-tooling-container .assisted-toolingfive-box .assisted-tooling-header, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-tooling-header, .assisted-tooling-container .assisted-tooling-box .assisted-toolingfive-header, .assisted-toolingfive-container .assisted-tooling-box .assisted-toolingfive-header, .assisted-tooling-container .assisted-toolingfive-box .assisted-toolingfive-header, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-toolingfive-header { width: 100%; height: 60px; color: #002680; border-bottom: solid 2px #bbbcbc; } .assisted-tooling-container .assisted-tooling-box .assisted-tooling-header .assisted-tooling-header-label, .assisted-toolingfive-container .assisted-tooling-box .assisted-tooling-header .assisted-tooling-header-label, .assisted-tooling-container .assisted-toolingfive-box .assisted-tooling-header .assisted-tooling-header-label, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-tooling-header .assisted-tooling-header-label, .assisted-tooling-container .assisted-tooling-box .assisted-toolingfive-header .assisted-tooling-header-label, .assisted-toolingfive-container .assisted-tooling-box .assisted-toolingfive-header .assisted-tooling-header-label, .assisted-tooling-container .assisted-toolingfive-box .assisted-toolingfive-header .assisted-tooling-header-label, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-toolingfive-header .assisted-tooling-header-label, .assisted-tooling-container .assisted-tooling-box .assisted-tooling-header .assisted-toolingfive-header-label, .assisted-toolingfive-container .assisted-tooling-box .assisted-tooling-header .assisted-toolingfive-header-label, .assisted-tooling-container .assisted-toolingfive-box .assisted-tooling-header .assisted-toolingfive-header-label, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-tooling-header .assisted-toolingfive-header-label, .assisted-tooling-container .assisted-tooling-box .assisted-toolingfive-header .assisted-toolingfive-header-label, .assisted-toolingfive-container .assisted-tooling-box .assisted-toolingfive-header .assisted-toolingfive-header-label, .assisted-tooling-container .assisted-toolingfive-box .assisted-toolingfive-header .assisted-toolingfive-header-label, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-toolingfive-header .assisted-toolingfive-header-label { font-size: 20px; padding: 19px 0 0 24px; } .assisted-tooling-container .assisted-tooling-box .assisted-tooling-header button.close, .assisted-toolingfive-container .assisted-tooling-box .assisted-tooling-header button.close, .assisted-tooling-container .assisted-toolingfive-box .assisted-tooling-header button.close, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-tooling-header button.close, .assisted-tooling-container .assisted-tooling-box .assisted-toolingfive-header button.close, .assisted-toolingfive-container .assisted-tooling-box .assisted-toolingfive-header button.close, .assisted-tooling-container .assisted-toolingfive-box .assisted-toolingfive-header button.close, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-toolingfive-header button.close { display: flex; width: 28px; height: 28px; border-radius: 50%; border: none; background-color: #002680; color: #fff; margin-top: 15px; margin-right: 14px; font-size: 16px; float: right; cursor: pointer; } .assisted-tooling-container .assisted-tooling-box .assisted-tooling-header button.close .fa, .assisted-toolingfive-container .assisted-tooling-box .assisted-tooling-header button.close .fa, .assisted-tooling-container .assisted-toolingfive-box .assisted-tooling-header button.close .fa, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-tooling-header button.close .fa, .assisted-tooling-container .assisted-tooling-box .assisted-toolingfive-header button.close .fa, .assisted-toolingfive-container .assisted-tooling-box .assisted-toolingfive-header button.close .fa, .assisted-tooling-container .assisted-toolingfive-box .assisted-toolingfive-header button.close .fa, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-toolingfive-header button.close .fa { display: flex; margin-left: auto; margin-right: auto; } .assisted-tooling-container .assisted-tooling-box .assisted-tooling-header button.close:active, .assisted-toolingfive-container .assisted-tooling-box .assisted-tooling-header button.close:active, .assisted-tooling-container .assisted-toolingfive-box .assisted-tooling-header button.close:active, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-tooling-header button.close:active, .assisted-tooling-container .assisted-tooling-box .assisted-toolingfive-header button.close:active, .assisted-toolingfive-container .assisted-tooling-box .assisted-toolingfive-header button.close:active, .assisted-tooling-container .assisted-toolingfive-box .assisted-toolingfive-header button.close:active, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-toolingfive-header button.close:active { background-color: #1791ff; color: #fff; } .assisted-tooling-container .assisted-tooling-box .assisted-tooling-body, .assisted-toolingfive-container .assisted-tooling-box .assisted-tooling-body, .assisted-tooling-container .assisted-toolingfive-box .assisted-tooling-body, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-tooling-body, .assisted-tooling-container .assisted-tooling-box .assisted-toolingfive-body, .assisted-toolingfive-container .assisted-tooling-box .assisted-toolingfive-body, .assisted-tooling-container .assisted-toolingfive-box .assisted-toolingfive-body, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-toolingfive-body { width: 100%; height: calc(100% - 142px); background-color: #657178; } .assisted-tooling-container .assisted-tooling-box .assisted-tooling-body .assisted-tooling-body-group, .assisted-toolingfive-container .assisted-tooling-box .assisted-tooling-body .assisted-tooling-body-group, .assisted-tooling-container .assisted-toolingfive-box .assisted-tooling-body .assisted-tooling-body-group, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-tooling-body .assisted-tooling-body-group, .assisted-tooling-container .assisted-tooling-box .assisted-toolingfive-body .assisted-tooling-body-group, .assisted-toolingfive-container .assisted-tooling-box .assisted-toolingfive-body .assisted-tooling-body-group, .assisted-tooling-container .assisted-toolingfive-box .assisted-toolingfive-body .assisted-tooling-body-group, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-toolingfive-body .assisted-tooling-body-group, .assisted-tooling-container .assisted-tooling-box .assisted-tooling-body .assisted-toolingfive-body-group, .assisted-toolingfive-container .assisted-tooling-box .assisted-tooling-body .assisted-toolingfive-body-group, .assisted-tooling-container .assisted-toolingfive-box .assisted-tooling-body .assisted-toolingfive-body-group, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-tooling-body .assisted-toolingfive-body-group, .assisted-tooling-container .assisted-tooling-box .assisted-toolingfive-body .assisted-toolingfive-body-group, .assisted-toolingfive-container .assisted-tooling-box .assisted-toolingfive-body .assisted-toolingfive-body-group, .assisted-tooling-container .assisted-toolingfive-box .assisted-toolingfive-body .assisted-toolingfive-body-group, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-toolingfive-body .assisted-toolingfive-body-group { height: 100%; font-size: 18px; line-height: 1.11; display: flex; flex-flow: column; align-items: center; justify-content: center; } .assisted-tooling-container .assisted-tooling-box .assisted-tooling-body .assisted-tooling-body-group a, .assisted-toolingfive-container .assisted-tooling-box .assisted-tooling-body .assisted-tooling-body-group a, .assisted-tooling-container .assisted-toolingfive-box .assisted-tooling-body .assisted-tooling-body-group a, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-tooling-body .assisted-tooling-body-group a, .assisted-tooling-container .assisted-tooling-box .assisted-toolingfive-body .assisted-tooling-body-group a, .assisted-toolingfive-container .assisted-tooling-box .assisted-toolingfive-body .assisted-tooling-body-group a, .assisted-tooling-container .assisted-toolingfive-box .assisted-toolingfive-body .assisted-tooling-body-group a, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-toolingfive-body .assisted-tooling-body-group a, .assisted-tooling-container .assisted-tooling-box .assisted-tooling-body .assisted-toolingfive-body-group a, .assisted-toolingfive-container .assisted-tooling-box .assisted-tooling-body .assisted-toolingfive-body-group a, .assisted-tooling-container .assisted-toolingfive-box .assisted-tooling-body .assisted-toolingfive-body-group a, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-tooling-body .assisted-toolingfive-body-group a, .assisted-tooling-container .assisted-tooling-box .assisted-toolingfive-body .assisted-toolingfive-body-group a, .assisted-toolingfive-container .assisted-tooling-box .assisted-toolingfive-body .assisted-toolingfive-body-group a, .assisted-tooling-container .assisted-toolingfive-box .assisted-toolingfive-body .assisted-toolingfive-body-group a, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-toolingfive-body .assisted-toolingfive-body-group a { display: flex; flex-flow: column; align-items: center; justify-content: center; color: #fff; text-decoration: none; } .assisted-tooling-container .assisted-tooling-box .assisted-tooling-body .assisted-tooling-body-group img, .assisted-toolingfive-container .assisted-tooling-box .assisted-tooling-body .assisted-tooling-body-group img, .assisted-tooling-container .assisted-toolingfive-box .assisted-tooling-body .assisted-tooling-body-group img, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-tooling-body .assisted-tooling-body-group img, .assisted-tooling-container .assisted-tooling-box .assisted-toolingfive-body .assisted-tooling-body-group img, .assisted-toolingfive-container .assisted-tooling-box .assisted-toolingfive-body .assisted-tooling-body-group img, .assisted-tooling-container .assisted-toolingfive-box .assisted-toolingfive-body .assisted-tooling-body-group img, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-toolingfive-body .assisted-tooling-body-group img, .assisted-tooling-container .assisted-tooling-box .assisted-tooling-body .assisted-toolingfive-body-group img, .assisted-toolingfive-container .assisted-tooling-box .assisted-tooling-body .assisted-toolingfive-body-group img, .assisted-tooling-container .assisted-toolingfive-box .assisted-tooling-body .assisted-toolingfive-body-group img, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-tooling-body .assisted-toolingfive-body-group img, .assisted-tooling-container .assisted-tooling-box .assisted-toolingfive-body .assisted-toolingfive-body-group img, .assisted-toolingfive-container .assisted-tooling-box .assisted-toolingfive-body .assisted-toolingfive-body-group img, .assisted-tooling-container .assisted-toolingfive-box .assisted-toolingfive-body .assisted-toolingfive-body-group img, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-toolingfive-body .assisted-toolingfive-body-group img { margin-top: 10px; } .assisted-tooling-container .assisted-tooling-box .assisted-toolingfive-body, .assisted-toolingfive-container .assisted-tooling-box .assisted-toolingfive-body, .assisted-tooling-container .assisted-toolingfive-box .assisted-toolingfive-body, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-toolingfive-body { display: flex; background-color: #fff; font-size: 18px; justify-content: center; align-items: center; font-weight: 600; line-height: 1.11; color: #4b4b4b; } .assisted-tooling-container .assisted-tooling-box .assisted-tooling-footer, .assisted-toolingfive-container .assisted-tooling-box .assisted-tooling-footer, .assisted-tooling-container .assisted-toolingfive-box .assisted-tooling-footer, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-tooling-footer, .assisted-tooling-container .assisted-tooling-box .assisted-toolingfive-footer, .assisted-toolingfive-container .assisted-tooling-box .assisted-toolingfive-footer, .assisted-tooling-container .assisted-toolingfive-box .assisted-toolingfive-footer, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-toolingfive-footer { height: 78px; width: 100%; display: flex; align-items: center; border-top: solid 2px #bbbcbc; } .assisted-tooling-container .assisted-tooling-box .assisted-toolingfive-footer, .assisted-toolingfive-container .assisted-tooling-box .assisted-toolingfive-footer, .assisted-tooling-container .assisted-toolingfive-box .assisted-toolingfive-footer, .assisted-toolingfive-container .assisted-toolingfive-box .assisted-toolingfive-footer { display: flex; flex-flow: row-reverse; } .assisted-toolingtwo-container, .assisted-toolingthree-container, .assisted-toolingfour-container { height: 624px; width: 704px; top: calc(50% - 312px); left: calc(50% - 352px); display: flex; justify-content: center; align-items: center; } .assisted-toolingtwo-container .assisted-toolingtwo-box, .assisted-toolingthree-container .assisted-toolingtwo-box, .assisted-toolingfour-container .assisted-toolingtwo-box, .assisted-toolingtwo-container .assisted-toolingthree-box, .assisted-toolingthree-container .assisted-toolingthree-box, .assisted-toolingfour-container .assisted-toolingthree-box, .assisted-toolingtwo-container .assisted-toolingfour-box, .assisted-toolingthree-container .assisted-toolingfour-box, .assisted-toolingfour-container .assisted-toolingfour-box { width: 704px; height: 624px; border-radius: 2px; background-color: #fff; } .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-header, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-header, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-header, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-header, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-header, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-header, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-header, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-header, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-header, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-header, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-header, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-header, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-header, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-header, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-header, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-header, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-header, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-header, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-header, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-header, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-header, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-header, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-header, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-header, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-header, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-header, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-header { width: 100%; height: 60px; color: #002680; border-bottom: solid 2px #bbbcbc; } .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-header .assisted-toolingtwo-header-label, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-header .assisted-toolingtwo-header-label, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-header .assisted-toolingtwo-header-label, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-header .assisted-toolingtwo-header-label, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-header .assisted-toolingtwo-header-label, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-header .assisted-toolingtwo-header-label, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-header .assisted-toolingtwo-header-label, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-header .assisted-toolingtwo-header-label, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-header .assisted-toolingtwo-header-label, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-header .assisted-toolingtwo-header-label, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-header .assisted-toolingtwo-header-label, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-header .assisted-toolingtwo-header-label, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-header .assisted-toolingtwo-header-label, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-header .assisted-toolingtwo-header-label, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-header .assisted-toolingtwo-header-label, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-header .assisted-toolingtwo-header-label, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-header .assisted-toolingtwo-header-label, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-header .assisted-toolingtwo-header-label, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-header .assisted-toolingtwo-header-label, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-header .assisted-toolingtwo-header-label, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-header .assisted-toolingtwo-header-label, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-header .assisted-toolingtwo-header-label, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-header .assisted-toolingtwo-header-label, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-header .assisted-toolingtwo-header-label, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-header .assisted-toolingtwo-header-label, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-header .assisted-toolingtwo-header-label, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-header .assisted-toolingtwo-header-label, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-header .assisted-toolingthree-header-label, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-header .assisted-toolingthree-header-label, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-header .assisted-toolingthree-header-label, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-header .assisted-toolingthree-header-label, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-header .assisted-toolingthree-header-label, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-header .assisted-toolingthree-header-label, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-header .assisted-toolingthree-header-label, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-header .assisted-toolingthree-header-label, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-header .assisted-toolingthree-header-label, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-header .assisted-toolingthree-header-label, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-header .assisted-toolingthree-header-label, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-header .assisted-toolingthree-header-label, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-header .assisted-toolingthree-header-label, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-header .assisted-toolingthree-header-label, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-header .assisted-toolingthree-header-label, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-header .assisted-toolingthree-header-label, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-header .assisted-toolingthree-header-label, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-header .assisted-toolingthree-header-label, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-header .assisted-toolingthree-header-label, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-header .assisted-toolingthree-header-label, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-header .assisted-toolingthree-header-label, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-header .assisted-toolingthree-header-label, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-header .assisted-toolingthree-header-label, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-header .assisted-toolingthree-header-label, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-header .assisted-toolingthree-header-label, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-header .assisted-toolingthree-header-label, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-header .assisted-toolingthree-header-label, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-header .assisted-toolingfour-header-label, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-header .assisted-toolingfour-header-label, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-header .assisted-toolingfour-header-label, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-header .assisted-toolingfour-header-label, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-header .assisted-toolingfour-header-label, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-header .assisted-toolingfour-header-label, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-header .assisted-toolingfour-header-label, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-header .assisted-toolingfour-header-label, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-header .assisted-toolingfour-header-label, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-header .assisted-toolingfour-header-label, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-header .assisted-toolingfour-header-label, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-header .assisted-toolingfour-header-label, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-header .assisted-toolingfour-header-label, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-header .assisted-toolingfour-header-label, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-header .assisted-toolingfour-header-label, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-header .assisted-toolingfour-header-label, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-header .assisted-toolingfour-header-label, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-header .assisted-toolingfour-header-label, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-header .assisted-toolingfour-header-label, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-header .assisted-toolingfour-header-label, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-header .assisted-toolingfour-header-label, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-header .assisted-toolingfour-header-label, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-header .assisted-toolingfour-header-label, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-header .assisted-toolingfour-header-label, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-header .assisted-toolingfour-header-label, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-header .assisted-toolingfour-header-label, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-header .assisted-toolingfour-header-label { font-size: 20px; padding: 19px 0 0 24px; } .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-header button.close, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-header button.close, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-header button.close, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-header button.close, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-header button.close, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-header button.close, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-header button.close, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-header button.close, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-header button.close, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-header button.close, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-header button.close, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-header button.close, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-header button.close, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-header button.close, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-header button.close, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-header button.close, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-header button.close, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-header button.close, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-header button.close, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-header button.close, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-header button.close, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-header button.close, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-header button.close, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-header button.close, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-header button.close, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-header button.close, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-header button.close { display: flex; width: 28px; height: 28px; border-radius: 50%; border: none; background-color: #002680; color: #fff; margin-top: 15px; margin-right: 14px; font-size: 16px; float: right; cursor: pointer; } .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-header button.close .fa, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-header button.close .fa, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-header button.close .fa, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-header button.close .fa, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-header button.close .fa, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-header button.close .fa, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-header button.close .fa, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-header button.close .fa, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-header button.close .fa, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-header button.close .fa, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-header button.close .fa, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-header button.close .fa, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-header button.close .fa, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-header button.close .fa, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-header button.close .fa, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-header button.close .fa, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-header button.close .fa, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-header button.close .fa, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-header button.close .fa, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-header button.close .fa, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-header button.close .fa, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-header button.close .fa, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-header button.close .fa, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-header button.close .fa, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-header button.close .fa, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-header button.close .fa, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-header button.close .fa { display: flex; margin-left: auto; margin-right: auto; } .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-header button.close:active, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-header button.close:active, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-header button.close:active, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-header button.close:active, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-header button.close:active, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-header button.close:active, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-header button.close:active, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-header button.close:active, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-header button.close:active, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-header button.close:active, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-header button.close:active, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-header button.close:active, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-header button.close:active, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-header button.close:active, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-header button.close:active, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-header button.close:active, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-header button.close:active, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-header button.close:active, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-header button.close:active, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-header button.close:active, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-header button.close:active, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-header button.close:active, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-header button.close:active, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-header button.close:active, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-header button.close:active, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-header button.close:active, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-header button.close:active { background-color: #1791ff; color: #fff; } .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body { width: 100%; height: calc(100% - 142px); } .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingtwo-body-header, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingtwo-body-header, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingtwo-body-header, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingtwo-body-header, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingtwo-body-header, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingtwo-body-header, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingtwo-body-header, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingtwo-body-header, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingtwo-body-header, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingtwo-body-header, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingtwo-body-header, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingtwo-body-header, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingtwo-body-header, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingtwo-body-header, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingtwo-body-header, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingtwo-body-header, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingtwo-body-header, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingtwo-body-header, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingthree-body-header, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingthree-body-header, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingthree-body-header, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingthree-body-header, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingthree-body-header, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingthree-body-header, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingthree-body-header, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingthree-body-header, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingthree-body-header, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingthree-body-header, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingthree-body-header, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingthree-body-header, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingthree-body-header, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingthree-body-header, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingthree-body-header, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingthree-body-header, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingthree-body-header, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingthree-body-header, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingthree-body-header, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingthree-body-header, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingthree-body-header, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingthree-body-header, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingthree-body-header, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingthree-body-header, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingthree-body-header, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingthree-body-header, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingthree-body-header, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingfour-body-header, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingfour-body-header, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingfour-body-header, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingfour-body-header, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingfour-body-header, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingfour-body-header, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingfour-body-header, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingfour-body-header, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingfour-body-header, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingfour-body-header, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingfour-body-header, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingfour-body-header, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingfour-body-header, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingfour-body-header, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingfour-body-header, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingfour-body-header, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingfour-body-header, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingfour-body-header, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingfour-body-header, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingfour-body-header, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingfour-body-header, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingfour-body-header, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingfour-body-header, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingfour-body-header, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingfour-body-header, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingfour-body-header, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingfour-body-header { height: calc(100% - 114px); display: flex; flex-flow: column; align-items: center; justify-content: center; } .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingtwo-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingthree-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingfour-body-htext { font-size: 18px; font-weight: 600; line-height: 1.11; color: #4b4b4b; margin-bottom: 15px; } .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingtwo-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingthree-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingfour-body-header .assisted-toolingthree-body-box { display: flex; flex-flow: row; } .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingtwo-body-group, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingtwo-body-group, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingtwo-body-group, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingtwo-body-group, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingtwo-body-group, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingtwo-body-group, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingtwo-body-group, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingtwo-body-group, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingtwo-body-group, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingtwo-body-group, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingtwo-body-group, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingtwo-body-group, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingtwo-body-group, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingtwo-body-group, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingtwo-body-group, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingtwo-body-group, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingtwo-body-group, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingtwo-body-group, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingthree-body-group, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingthree-body-group, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingthree-body-group, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingthree-body-group, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingthree-body-group, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingthree-body-group, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingthree-body-group, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingthree-body-group, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingthree-body-group, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingthree-body-group, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingthree-body-group, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingthree-body-group, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingthree-body-group, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingthree-body-group, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingthree-body-group, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingthree-body-group, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingthree-body-group, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingthree-body-group, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingthree-body-group, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingthree-body-group, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingthree-body-group, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingthree-body-group, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingthree-body-group, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingthree-body-group, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingthree-body-group, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingthree-body-group, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingthree-body-group, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingfour-body-group, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingfour-body-group, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingfour-body-group, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingfour-body-group, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingfour-body-group, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingfour-body-group, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingfour-body-group, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingfour-body-group, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingfour-body-group, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingfour-body-group, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingfour-body-group, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingfour-body-group, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingfour-body-group, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingfour-body-group, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingfour-body-group, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingfour-body-group, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingfour-body-group, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingfour-body-group, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingfour-body-group, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingfour-body-group, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingfour-body-group, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingfour-body-group, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingfour-body-group, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingfour-body-group, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingfour-body-group, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingfour-body-group, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingfour-body-group { height: 114px; font-size: 14px; line-height: 1.11; display: flex; flex-flow: column; align-items: center; justify-content: center; background-color: #657178; } .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group a, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group a, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group a, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group a, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group a, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group a, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group a, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group a, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group a, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingtwo-body-group a, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingtwo-body-group a, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingtwo-body-group a, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingtwo-body-group a, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingtwo-body-group a, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingtwo-body-group a, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingtwo-body-group a, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingtwo-body-group a, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingtwo-body-group a, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingtwo-body-group a, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingtwo-body-group a, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingtwo-body-group a, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingtwo-body-group a, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingtwo-body-group a, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingtwo-body-group a, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingtwo-body-group a, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingtwo-body-group a, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingtwo-body-group a, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingthree-body-group a, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingthree-body-group a, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingthree-body-group a, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingthree-body-group a, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingthree-body-group a, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingthree-body-group a, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingthree-body-group a, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingthree-body-group a, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingthree-body-group a, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingthree-body-group a, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingthree-body-group a, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingthree-body-group a, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingthree-body-group a, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingthree-body-group a, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingthree-body-group a, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingthree-body-group a, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingthree-body-group a, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingthree-body-group a, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingthree-body-group a, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingthree-body-group a, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingthree-body-group a, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingthree-body-group a, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingthree-body-group a, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingthree-body-group a, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingthree-body-group a, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingthree-body-group a, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingthree-body-group a, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingfour-body-group a, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingfour-body-group a, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingfour-body-group a, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingfour-body-group a, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingfour-body-group a, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingfour-body-group a, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingfour-body-group a, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingfour-body-group a, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingfour-body-group a, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingfour-body-group a, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingfour-body-group a, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingfour-body-group a, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingfour-body-group a, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingfour-body-group a, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingfour-body-group a, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingfour-body-group a, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingfour-body-group a, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingfour-body-group a, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingfour-body-group a, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingfour-body-group a, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingfour-body-group a, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingfour-body-group a, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingfour-body-group a, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingfour-body-group a, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingfour-body-group a, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingfour-body-group a, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingfour-body-group a { display: flex; flex-flow: column; align-items: center; justify-content: center; color: #fff; text-decoration: none; } .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group img, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group img, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group img, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group img, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group img, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group img, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group img, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group img, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingtwo-body-group img, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingtwo-body-group img, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingtwo-body-group img, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingtwo-body-group img, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingtwo-body-group img, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingtwo-body-group img, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingtwo-body-group img, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingtwo-body-group img, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingtwo-body-group img, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingtwo-body-group img, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingtwo-body-group img, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingtwo-body-group img, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingtwo-body-group img, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingtwo-body-group img, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingtwo-body-group img, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingtwo-body-group img, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingtwo-body-group img, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingtwo-body-group img, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingtwo-body-group img, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingthree-body-group img, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingthree-body-group img, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingthree-body-group img, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingthree-body-group img, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingthree-body-group img, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingthree-body-group img, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingthree-body-group img, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingthree-body-group img, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingthree-body-group img, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingthree-body-group img, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingthree-body-group img, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingthree-body-group img, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingthree-body-group img, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingthree-body-group img, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingthree-body-group img, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingthree-body-group img, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingthree-body-group img, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingthree-body-group img, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingthree-body-group img, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingthree-body-group img, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingthree-body-group img, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingthree-body-group img, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingthree-body-group img, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingthree-body-group img, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingthree-body-group img, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingthree-body-group img, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingthree-body-group img, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingfour-body-group img, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingfour-body-group img, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-body .assisted-toolingfour-body-group img, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingfour-body-group img, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingfour-body-group img, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-body .assisted-toolingfour-body-group img, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingfour-body-group img, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingfour-body-group img, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-body .assisted-toolingfour-body-group img, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingfour-body-group img, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingfour-body-group img, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-body .assisted-toolingfour-body-group img, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingfour-body-group img, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingfour-body-group img, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-body .assisted-toolingfour-body-group img, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingfour-body-group img, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingfour-body-group img, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-body .assisted-toolingfour-body-group img, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingfour-body-group img, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingfour-body-group img, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-body .assisted-toolingfour-body-group img, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingfour-body-group img, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingfour-body-group img, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-body .assisted-toolingfour-body-group img, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingfour-body-group img, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingfour-body-group img, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-body .assisted-toolingfour-body-group img { margin-top: 10px; } .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingtwo-footer, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingtwo-footer, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingtwo-footer, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingtwo-footer, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingtwo-footer, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingtwo-footer, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingtwo-footer, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingtwo-footer, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingtwo-footer, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingthree-footer, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingthree-footer, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingthree-footer, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingthree-footer, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingthree-footer, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingthree-footer, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingthree-footer, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingthree-footer, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingthree-footer, .assisted-toolingtwo-container .assisted-toolingtwo-box .assisted-toolingfour-footer, .assisted-toolingthree-container .assisted-toolingtwo-box .assisted-toolingfour-footer, .assisted-toolingfour-container .assisted-toolingtwo-box .assisted-toolingfour-footer, .assisted-toolingtwo-container .assisted-toolingthree-box .assisted-toolingfour-footer, .assisted-toolingthree-container .assisted-toolingthree-box .assisted-toolingfour-footer, .assisted-toolingfour-container .assisted-toolingthree-box .assisted-toolingfour-footer, .assisted-toolingtwo-container .assisted-toolingfour-box .assisted-toolingfour-footer, .assisted-toolingthree-container .assisted-toolingfour-box .assisted-toolingfour-footer, .assisted-toolingfour-container .assisted-toolingfour-box .assisted-toolingfour-footer { height: 78px; width: 100%; display: flex; align-items: center; border-top: solid 2px #bbbcbc; } .tooling-equipment-container, .tooling-families-container, .tooling-shanks-container, .tooling-magpos-container { height: 100%; width: 100%; display: flex; justify-content: center; padding-top: 104px; } .tooling-equipment-container .tooling-equipment-box, .tooling-families-container .tooling-equipment-box, .tooling-shanks-container .tooling-equipment-box, .tooling-magpos-container .tooling-equipment-box, .tooling-equipment-container .tooling-families-box, .tooling-families-container .tooling-families-box, .tooling-shanks-container .tooling-families-box, .tooling-magpos-container .tooling-families-box, .tooling-equipment-container .tooling-shanks-box, .tooling-families-container .tooling-shanks-box, .tooling-shanks-container .tooling-shanks-box, .tooling-magpos-container .tooling-shanks-box, .tooling-equipment-container .tooling-magpos-box, .tooling-families-container .tooling-magpos-box, .tooling-shanks-container .tooling-magpos-box, .tooling-magpos-container .tooling-magpos-box { width: 1808px; height: 872px; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); overflow: hidden; } .tooling-equipment-container .tooling-equipment-box .header, .tooling-families-container .tooling-equipment-box .header, .tooling-shanks-container .tooling-equipment-box .header, .tooling-magpos-container .tooling-equipment-box .header, .tooling-equipment-container .tooling-families-box .header, .tooling-families-container .tooling-families-box .header, .tooling-shanks-container .tooling-families-box .header, .tooling-magpos-container .tooling-families-box .header, .tooling-equipment-container .tooling-shanks-box .header, .tooling-families-container .tooling-shanks-box .header, .tooling-shanks-container .tooling-shanks-box .header, .tooling-magpos-container .tooling-shanks-box .header, .tooling-equipment-container .tooling-magpos-box .header, .tooling-families-container .tooling-magpos-box .header, .tooling-shanks-container .tooling-magpos-box .header, .tooling-magpos-container .tooling-magpos-box .header { font-size: 20px; color: #002680; height: 64px; display: flex; align-items: center; border-bottom: solid 2px #f1f1f1; } .tooling-equipment-container .tooling-equipment-box .header .fa, .tooling-families-container .tooling-equipment-box .header .fa, .tooling-shanks-container .tooling-equipment-box .header .fa, .tooling-magpos-container .tooling-equipment-box .header .fa, .tooling-equipment-container .tooling-families-box .header .fa, .tooling-families-container .tooling-families-box .header .fa, .tooling-shanks-container .tooling-families-box .header .fa, .tooling-magpos-container .tooling-families-box .header .fa, .tooling-equipment-container .tooling-shanks-box .header .fa, .tooling-families-container .tooling-shanks-box .header .fa, .tooling-shanks-container .tooling-shanks-box .header .fa, .tooling-magpos-container .tooling-shanks-box .header .fa, .tooling-equipment-container .tooling-magpos-box .header .fa, .tooling-families-container .tooling-magpos-box .header .fa, .tooling-shanks-container .tooling-magpos-box .header .fa, .tooling-magpos-container .tooling-magpos-box .header .fa { height: 18px; width: 13px; margin: 0 22px 0 29px; } .tooling-equipment-container .tooling-equipment-box .body, .tooling-families-container .tooling-equipment-box .body, .tooling-shanks-container .tooling-equipment-box .body, .tooling-magpos-container .tooling-equipment-box .body, .tooling-equipment-container .tooling-families-box .body, .tooling-families-container .tooling-families-box .body, .tooling-shanks-container .tooling-families-box .body, .tooling-magpos-container .tooling-families-box .body, .tooling-equipment-container .tooling-shanks-box .body, .tooling-families-container .tooling-shanks-box .body, .tooling-shanks-container .tooling-shanks-box .body, .tooling-magpos-container .tooling-shanks-box .body, .tooling-equipment-container .tooling-magpos-box .body, .tooling-families-container .tooling-magpos-box .body, .tooling-shanks-container .tooling-magpos-box .body, .tooling-magpos-container .tooling-magpos-box .body { width: 100%; height: calc(100% - 66px); border-radius: 2px; background-color: #bbbcbc; display: flex; flex-flow: row; } .tooling-equipment-container .tooling-equipment-box .body .list-left, .tooling-families-container .tooling-equipment-box .body .list-left, .tooling-shanks-container .tooling-equipment-box .body .list-left, .tooling-magpos-container .tooling-equipment-box .body .list-left, .tooling-equipment-container .tooling-families-box .body .list-left, .tooling-families-container .tooling-families-box .body .list-left, .tooling-shanks-container .tooling-families-box .body .list-left, .tooling-magpos-container .tooling-families-box .body .list-left, .tooling-equipment-container .tooling-shanks-box .body .list-left, .tooling-families-container .tooling-shanks-box .body .list-left, .tooling-shanks-container .tooling-shanks-box .body .list-left, .tooling-magpos-container .tooling-shanks-box .body .list-left, .tooling-equipment-container .tooling-magpos-box .body .list-left, .tooling-families-container .tooling-magpos-box .body .list-left, .tooling-shanks-container .tooling-magpos-box .body .list-left, .tooling-magpos-container .tooling-magpos-box .body .list-left { height: 100%; width: 488px; float: left; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); background-color: #fff; font-size: 18px; line-height: 1.11; text-align: center; color: #4b4b4b; display: flex; flex-flow: column; z-index: 1; } .tooling-equipment-container .tooling-equipment-box .body .list-left .search, .tooling-families-container .tooling-equipment-box .body .list-left .search, .tooling-shanks-container .tooling-equipment-box .body .list-left .search, .tooling-magpos-container .tooling-equipment-box .body .list-left .search, .tooling-equipment-container .tooling-families-box .body .list-left .search, .tooling-families-container .tooling-families-box .body .list-left .search, .tooling-shanks-container .tooling-families-box .body .list-left .search, .tooling-magpos-container .tooling-families-box .body .list-left .search, .tooling-equipment-container .tooling-shanks-box .body .list-left .search, .tooling-families-container .tooling-shanks-box .body .list-left .search, .tooling-shanks-container .tooling-shanks-box .body .list-left .search, .tooling-magpos-container .tooling-shanks-box .body .list-left .search, .tooling-equipment-container .tooling-magpos-box .body .list-left .search, .tooling-families-container .tooling-magpos-box .body .list-left .search, .tooling-shanks-container .tooling-magpos-box .body .list-left .search, .tooling-magpos-container .tooling-magpos-box .body .list-left .search { height: 135px; display: flex; flex-flow: column; justify-content: center; padding-bottom: 16px; border-bottom: solid 2px #979797; } .tooling-equipment-container .tooling-equipment-box .body .list-left .search .search-label, .tooling-families-container .tooling-equipment-box .body .list-left .search .search-label, .tooling-shanks-container .tooling-equipment-box .body .list-left .search .search-label, .tooling-magpos-container .tooling-equipment-box .body .list-left .search .search-label, .tooling-equipment-container .tooling-families-box .body .list-left .search .search-label, .tooling-families-container .tooling-families-box .body .list-left .search .search-label, .tooling-shanks-container .tooling-families-box .body .list-left .search .search-label, .tooling-magpos-container .tooling-families-box .body .list-left .search .search-label, .tooling-equipment-container .tooling-shanks-box .body .list-left .search .search-label, .tooling-families-container .tooling-shanks-box .body .list-left .search .search-label, .tooling-shanks-container .tooling-shanks-box .body .list-left .search .search-label, .tooling-magpos-container .tooling-shanks-box .body .list-left .search .search-label, .tooling-equipment-container .tooling-magpos-box .body .list-left .search .search-label, .tooling-families-container .tooling-magpos-box .body .list-left .search .search-label, .tooling-shanks-container .tooling-magpos-box .body .list-left .search .search-label, .tooling-magpos-container .tooling-magpos-box .body .list-left .search .search-label { display: flex; justify-content: center; margin-top: 25px; margin-bottom: 26px; } .tooling-equipment-container .tooling-equipment-box .body .list-left .search .group-btn, .tooling-families-container .tooling-equipment-box .body .list-left .search .group-btn, .tooling-shanks-container .tooling-equipment-box .body .list-left .search .group-btn, .tooling-magpos-container .tooling-equipment-box .body .list-left .search .group-btn, .tooling-equipment-container .tooling-families-box .body .list-left .search .group-btn, .tooling-families-container .tooling-families-box .body .list-left .search .group-btn, .tooling-shanks-container .tooling-families-box .body .list-left .search .group-btn, .tooling-magpos-container .tooling-families-box .body .list-left .search .group-btn, .tooling-equipment-container .tooling-shanks-box .body .list-left .search .group-btn, .tooling-families-container .tooling-shanks-box .body .list-left .search .group-btn, .tooling-shanks-container .tooling-shanks-box .body .list-left .search .group-btn, .tooling-magpos-container .tooling-shanks-box .body .list-left .search .group-btn, .tooling-equipment-container .tooling-magpos-box .body .list-left .search .group-btn, .tooling-families-container .tooling-magpos-box .body .list-left .search .group-btn, .tooling-shanks-container .tooling-magpos-box .body .list-left .search .group-btn, .tooling-magpos-container .tooling-magpos-box .body .list-left .search .group-btn { display: flex; flex-flow: row; justify-content: center; } .tooling-equipment-container .tooling-equipment-box .body .list-left .search .group-btn input, .tooling-families-container .tooling-equipment-box .body .list-left .search .group-btn input, .tooling-shanks-container .tooling-equipment-box .body .list-left .search .group-btn input, .tooling-magpos-container .tooling-equipment-box .body .list-left .search .group-btn input, .tooling-equipment-container .tooling-families-box .body .list-left .search .group-btn input, .tooling-families-container .tooling-families-box .body .list-left .search .group-btn input, .tooling-shanks-container .tooling-families-box .body .list-left .search .group-btn input, .tooling-magpos-container .tooling-families-box .body .list-left .search .group-btn input, .tooling-equipment-container .tooling-shanks-box .body .list-left .search .group-btn input, .tooling-families-container .tooling-shanks-box .body .list-left .search .group-btn input, .tooling-shanks-container .tooling-shanks-box .body .list-left .search .group-btn input, .tooling-magpos-container .tooling-shanks-box .body .list-left .search .group-btn input, .tooling-equipment-container .tooling-magpos-box .body .list-left .search .group-btn input, .tooling-families-container .tooling-magpos-box .body .list-left .search .group-btn input, .tooling-shanks-container .tooling-magpos-box .body .list-left .search .group-btn input, .tooling-magpos-container .tooling-magpos-box .body .list-left .search .group-btn input { width: 288px; height: 48px; padding: 0; box-sizing: border-box; font-size: 18px; } .tooling-equipment-container .tooling-equipment-box .body .list-left .search .group-btn input[type=text], .tooling-families-container .tooling-equipment-box .body .list-left .search .group-btn input[type=text], .tooling-shanks-container .tooling-equipment-box .body .list-left .search .group-btn input[type=text], .tooling-magpos-container .tooling-equipment-box .body .list-left .search .group-btn input[type=text], .tooling-equipment-container .tooling-families-box .body .list-left .search .group-btn input[type=text], .tooling-families-container .tooling-families-box .body .list-left .search .group-btn input[type=text], .tooling-shanks-container .tooling-families-box .body .list-left .search .group-btn input[type=text], .tooling-magpos-container .tooling-families-box .body .list-left .search .group-btn input[type=text], .tooling-equipment-container .tooling-shanks-box .body .list-left .search .group-btn input[type=text], .tooling-families-container .tooling-shanks-box .body .list-left .search .group-btn input[type=text], .tooling-shanks-container .tooling-shanks-box .body .list-left .search .group-btn input[type=text], .tooling-magpos-container .tooling-shanks-box .body .list-left .search .group-btn input[type=text], .tooling-equipment-container .tooling-magpos-box .body .list-left .search .group-btn input[type=text], .tooling-families-container .tooling-magpos-box .body .list-left .search .group-btn input[type=text], .tooling-shanks-container .tooling-magpos-box .body .list-left .search .group-btn input[type=text], .tooling-magpos-container .tooling-magpos-box .body .list-left .search .group-btn input[type=text] { padding-left: 5px; } .tooling-equipment-container .tooling-equipment-box .body .list-left .search .group-btn i, .tooling-families-container .tooling-equipment-box .body .list-left .search .group-btn i, .tooling-shanks-container .tooling-equipment-box .body .list-left .search .group-btn i, .tooling-magpos-container .tooling-equipment-box .body .list-left .search .group-btn i, .tooling-equipment-container .tooling-families-box .body .list-left .search .group-btn i, .tooling-families-container .tooling-families-box .body .list-left .search .group-btn i, .tooling-shanks-container .tooling-families-box .body .list-left .search .group-btn i, .tooling-magpos-container .tooling-families-box .body .list-left .search .group-btn i, .tooling-equipment-container .tooling-shanks-box .body .list-left .search .group-btn i, .tooling-families-container .tooling-shanks-box .body .list-left .search .group-btn i, .tooling-shanks-container .tooling-shanks-box .body .list-left .search .group-btn i, .tooling-magpos-container .tooling-shanks-box .body .list-left .search .group-btn i, .tooling-equipment-container .tooling-magpos-box .body .list-left .search .group-btn i, .tooling-families-container .tooling-magpos-box .body .list-left .search .group-btn i, .tooling-shanks-container .tooling-magpos-box .body .list-left .search .group-btn i, .tooling-magpos-container .tooling-magpos-box .body .list-left .search .group-btn i { width: 44px; height: 44px; padding: 0; margin-top: 4px; color: #002680; } .tooling-equipment-container .tooling-equipment-box .body .list-left .list-vertical, .tooling-families-container .tooling-equipment-box .body .list-left .list-vertical, .tooling-shanks-container .tooling-equipment-box .body .list-left .list-vertical, .tooling-magpos-container .tooling-equipment-box .body .list-left .list-vertical, .tooling-equipment-container .tooling-families-box .body .list-left .list-vertical, .tooling-families-container .tooling-families-box .body .list-left .list-vertical, .tooling-shanks-container .tooling-families-box .body .list-left .list-vertical, .tooling-magpos-container .tooling-families-box .body .list-left .list-vertical, .tooling-equipment-container .tooling-shanks-box .body .list-left .list-vertical, .tooling-families-container .tooling-shanks-box .body .list-left .list-vertical, .tooling-shanks-container .tooling-shanks-box .body .list-left .list-vertical, .tooling-magpos-container .tooling-shanks-box .body .list-left .list-vertical, .tooling-equipment-container .tooling-magpos-box .body .list-left .list-vertical, .tooling-families-container .tooling-magpos-box .body .list-left .list-vertical, .tooling-shanks-container .tooling-magpos-box .body .list-left .list-vertical, .tooling-magpos-container .tooling-magpos-box .body .list-left .list-vertical { width: 95%; height: calc(100% - 198px); display: block; margin-top: 16px; margin-bottom: 16px; } .tooling-equipment-container .tooling-equipment-box .body .list-left .footer, .tooling-families-container .tooling-equipment-box .body .list-left .footer, .tooling-shanks-container .tooling-equipment-box .body .list-left .footer, .tooling-magpos-container .tooling-equipment-box .body .list-left .footer, .tooling-equipment-container .tooling-families-box .body .list-left .footer, .tooling-families-container .tooling-families-box .body .list-left .footer, .tooling-shanks-container .tooling-families-box .body .list-left .footer, .tooling-magpos-container .tooling-families-box .body .list-left .footer, .tooling-equipment-container .tooling-shanks-box .body .list-left .footer, .tooling-families-container .tooling-shanks-box .body .list-left .footer, .tooling-shanks-container .tooling-shanks-box .body .list-left .footer, .tooling-magpos-container .tooling-shanks-box .body .list-left .footer, .tooling-equipment-container .tooling-magpos-box .body .list-left .footer, .tooling-families-container .tooling-magpos-box .body .list-left .footer, .tooling-shanks-container .tooling-magpos-box .body .list-left .footer, .tooling-magpos-container .tooling-magpos-box .body .list-left .footer { display: flex; align-items: center; justify-content: center; height: 63px; border-top: solid 2px #979797; } .tooling-equipment-container .tooling-equipment-box .body .list-left .footer button, .tooling-families-container .tooling-equipment-box .body .list-left .footer button, .tooling-shanks-container .tooling-equipment-box .body .list-left .footer button, .tooling-magpos-container .tooling-equipment-box .body .list-left .footer button, .tooling-equipment-container .tooling-families-box .body .list-left .footer button, .tooling-families-container .tooling-families-box .body .list-left .footer button, .tooling-shanks-container .tooling-families-box .body .list-left .footer button, .tooling-magpos-container .tooling-families-box .body .list-left .footer button, .tooling-equipment-container .tooling-shanks-box .body .list-left .footer button, .tooling-families-container .tooling-shanks-box .body .list-left .footer button, .tooling-shanks-container .tooling-shanks-box .body .list-left .footer button, .tooling-magpos-container .tooling-shanks-box .body .list-left .footer button, .tooling-equipment-container .tooling-magpos-box .body .list-left .footer button, .tooling-families-container .tooling-magpos-box .body .list-left .footer button, .tooling-shanks-container .tooling-magpos-box .body .list-left .footer button, .tooling-magpos-container .tooling-magpos-box .body .list-left .footer button { background-image: linear-gradient(to bottom, #1756ad, #002680); color: #fff; width: 48px; height: 47px; padding: 0; } .tooling-equipment-container .tooling-equipment-box .body .list-left .footer button .fa, .tooling-families-container .tooling-equipment-box .body .list-left .footer button .fa, .tooling-shanks-container .tooling-equipment-box .body .list-left .footer button .fa, .tooling-magpos-container .tooling-equipment-box .body .list-left .footer button .fa, .tooling-equipment-container .tooling-families-box .body .list-left .footer button .fa, .tooling-families-container .tooling-families-box .body .list-left .footer button .fa, .tooling-shanks-container .tooling-families-box .body .list-left .footer button .fa, .tooling-magpos-container .tooling-families-box .body .list-left .footer button .fa, .tooling-equipment-container .tooling-shanks-box .body .list-left .footer button .fa, .tooling-families-container .tooling-shanks-box .body .list-left .footer button .fa, .tooling-shanks-container .tooling-shanks-box .body .list-left .footer button .fa, .tooling-magpos-container .tooling-shanks-box .body .list-left .footer button .fa, .tooling-equipment-container .tooling-magpos-box .body .list-left .footer button .fa, .tooling-families-container .tooling-magpos-box .body .list-left .footer button .fa, .tooling-shanks-container .tooling-magpos-box .body .list-left .footer button .fa, .tooling-magpos-container .tooling-magpos-box .body .list-left .footer button .fa { width: 22px; height: 21px; } .tooling-equipment-container .tooling-equipment-box .body .box-right, .tooling-families-container .tooling-equipment-box .body .box-right, .tooling-shanks-container .tooling-equipment-box .body .box-right, .tooling-magpos-container .tooling-equipment-box .body .box-right, .tooling-equipment-container .tooling-families-box .body .box-right, .tooling-families-container .tooling-families-box .body .box-right, .tooling-shanks-container .tooling-families-box .body .box-right, .tooling-magpos-container .tooling-families-box .body .box-right, .tooling-equipment-container .tooling-shanks-box .body .box-right, .tooling-families-container .tooling-shanks-box .body .box-right, .tooling-shanks-container .tooling-shanks-box .body .box-right, .tooling-magpos-container .tooling-shanks-box .body .box-right, .tooling-equipment-container .tooling-magpos-box .body .box-right, .tooling-families-container .tooling-magpos-box .body .box-right, .tooling-shanks-container .tooling-magpos-box .body .box-right, .tooling-magpos-container .tooling-magpos-box .body .box-right { width: 1320px; height: 100%; background-color: #f3f3f3; box-shadow: none; z-index: 0; } .tooling-equipment-container .tooling-equipment-box .body .box-right.selected, .tooling-families-container .tooling-equipment-box .body .box-right.selected, .tooling-shanks-container .tooling-equipment-box .body .box-right.selected, .tooling-magpos-container .tooling-equipment-box .body .box-right.selected, .tooling-equipment-container .tooling-families-box .body .box-right.selected, .tooling-families-container .tooling-families-box .body .box-right.selected, .tooling-shanks-container .tooling-families-box .body .box-right.selected, .tooling-magpos-container .tooling-families-box .body .box-right.selected, .tooling-equipment-container .tooling-shanks-box .body .box-right.selected, .tooling-families-container .tooling-shanks-box .body .box-right.selected, .tooling-shanks-container .tooling-shanks-box .body .box-right.selected, .tooling-magpos-container .tooling-shanks-box .body .box-right.selected, .tooling-equipment-container .tooling-magpos-box .body .box-right.selected, .tooling-families-container .tooling-magpos-box .body .box-right.selected, .tooling-shanks-container .tooling-magpos-box .body .box-right.selected, .tooling-magpos-container .tooling-magpos-box .body .box-right.selected { box-shadow: inset 0px 0px 0px 2px #1791ff; } .tooling-equipment-container .tooling-equipment-box .body .box-right button.deleteElement, .tooling-families-container .tooling-equipment-box .body .box-right button.deleteElement, .tooling-shanks-container .tooling-equipment-box .body .box-right button.deleteElement, .tooling-magpos-container .tooling-equipment-box .body .box-right button.deleteElement, .tooling-equipment-container .tooling-families-box .body .box-right button.deleteElement, .tooling-families-container .tooling-families-box .body .box-right button.deleteElement, .tooling-shanks-container .tooling-families-box .body .box-right button.deleteElement, .tooling-magpos-container .tooling-families-box .body .box-right button.deleteElement, .tooling-equipment-container .tooling-shanks-box .body .box-right button.deleteElement, .tooling-families-container .tooling-shanks-box .body .box-right button.deleteElement, .tooling-shanks-container .tooling-shanks-box .body .box-right button.deleteElement, .tooling-magpos-container .tooling-shanks-box .body .box-right button.deleteElement, .tooling-equipment-container .tooling-magpos-box .body .box-right button.deleteElement, .tooling-families-container .tooling-magpos-box .body .box-right button.deleteElement, .tooling-shanks-container .tooling-magpos-box .body .box-right button.deleteElement, .tooling-magpos-container .tooling-magpos-box .body .box-right button.deleteElement { float: right; width: 48px; height: 48px; padding: 0; margin-right: 16px; } .tooling-equipment-container .tooling-equipment-box .body .box-right button.deleteElement .fa, .tooling-families-container .tooling-equipment-box .body .box-right button.deleteElement .fa, .tooling-shanks-container .tooling-equipment-box .body .box-right button.deleteElement .fa, .tooling-magpos-container .tooling-equipment-box .body .box-right button.deleteElement .fa, .tooling-equipment-container .tooling-families-box .body .box-right button.deleteElement .fa, .tooling-families-container .tooling-families-box .body .box-right button.deleteElement .fa, .tooling-shanks-container .tooling-families-box .body .box-right button.deleteElement .fa, .tooling-magpos-container .tooling-families-box .body .box-right button.deleteElement .fa, .tooling-equipment-container .tooling-shanks-box .body .box-right button.deleteElement .fa, .tooling-families-container .tooling-shanks-box .body .box-right button.deleteElement .fa, .tooling-shanks-container .tooling-shanks-box .body .box-right button.deleteElement .fa, .tooling-magpos-container .tooling-shanks-box .body .box-right button.deleteElement .fa, .tooling-equipment-container .tooling-magpos-box .body .box-right button.deleteElement .fa, .tooling-families-container .tooling-magpos-box .body .box-right button.deleteElement .fa, .tooling-shanks-container .tooling-magpos-box .body .box-right button.deleteElement .fa, .tooling-magpos-container .tooling-magpos-box .body .box-right button.deleteElement .fa { width: 21px; height: 22px; } .tooling-equipment-container .tooling-equipment-box .body .box-right .box-right-label-header, .tooling-families-container .tooling-equipment-box .body .box-right .box-right-label-header, .tooling-shanks-container .tooling-equipment-box .body .box-right .box-right-label-header, .tooling-magpos-container .tooling-equipment-box .body .box-right .box-right-label-header, .tooling-equipment-container .tooling-families-box .body .box-right .box-right-label-header, .tooling-families-container .tooling-families-box .body .box-right .box-right-label-header, .tooling-shanks-container .tooling-families-box .body .box-right .box-right-label-header, .tooling-magpos-container .tooling-families-box .body .box-right .box-right-label-header, .tooling-equipment-container .tooling-shanks-box .body .box-right .box-right-label-header, .tooling-families-container .tooling-shanks-box .body .box-right .box-right-label-header, .tooling-shanks-container .tooling-shanks-box .body .box-right .box-right-label-header, .tooling-magpos-container .tooling-shanks-box .body .box-right .box-right-label-header, .tooling-equipment-container .tooling-magpos-box .body .box-right .box-right-label-header, .tooling-families-container .tooling-magpos-box .body .box-right .box-right-label-header, .tooling-shanks-container .tooling-magpos-box .body .box-right .box-right-label-header, .tooling-magpos-container .tooling-magpos-box .body .box-right .box-right-label-header { font-size: 18px; font-weight: 600; line-height: 1.11; color: #4b4b4b; margin-top: 47px; margin-bottom: 36px; text-align: center; } .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos { width: 99%; height: calc(100% - 120px); margin-bottom: 12px; overflow-y: auto; } .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category { width: 656px; margin: auto; } .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-equipment-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-equipment-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-equipment-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-equipment-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-equipment-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-equipment-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-equipment-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-equipment-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-equipment-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-equipment-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-equipment-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-equipment-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-equipment-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-equipment-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-equipment-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-equipment-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-equipment-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-equipment-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-equipment-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-equipment-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-equipment-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-equipment-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-equipment-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-equipment-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-equipment-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-equipment-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-equipment-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-equipment-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-equipment-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-equipment-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-equipment-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-equipment-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-equipment-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-equipment-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-equipment-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-equipment-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-equipment-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-equipment-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-equipment-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-equipment-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-equipment-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-equipment-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-equipment-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-equipment-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-equipment-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-equipment-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-equipment-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-equipment-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-equipment-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-equipment-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-equipment-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-equipment-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-equipment-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-equipment-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-equipment-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-equipment-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-equipment-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-equipment-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-equipment-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-equipment-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-equipment-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-equipment-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-equipment-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-equipment-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-equipment-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-equipment-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-equipment-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-equipment-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-equipment-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-equipment-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-equipment-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-equipment-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-equipment-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-equipment-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-equipment-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-equipment-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-equipment-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-equipment-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-equipment-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-equipment-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category .skill-equipment-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category .skill-equipment-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category .skill-equipment-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category .skill-equipment-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category .skill-equipment-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category .skill-equipment-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category .skill-equipment-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category .skill-equipment-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category .skill-equipment-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category .skill-equipment-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category .skill-equipment-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category .skill-equipment-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category .skill-equipment-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category .skill-equipment-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category .skill-equipment-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category .skill-equipment-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-equipment-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-equipment-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-equipment-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-equipment-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-equipment-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-equipment-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-equipment-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-equipment-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-equipment-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-equipment-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-equipment-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-equipment-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-equipment-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-equipment-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-equipment-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-equipment-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-equipment-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-equipment-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-equipment-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-equipment-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-equipment-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-equipment-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-equipment-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-equipment-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-equipment-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-equipment-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-equipment-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-equipment-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-equipment-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-equipment-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-equipment-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-equipment-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-equipment-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-equipment-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-equipment-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-equipment-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-equipment-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-equipment-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-equipment-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-equipment-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-equipment-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-equipment-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-equipment-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-equipment-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-equipment-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-equipment-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-equipment-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-equipment-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-equipment-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-equipment-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-equipment-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-equipment-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-equipment-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-equipment-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-equipment-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-equipment-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-equipment-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-equipment-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-equipment-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-equipment-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-equipment-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-equipment-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-equipment-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-equipment-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-equipment-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-equipment-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-equipment-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-equipment-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-equipment-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-equipment-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-equipment-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-equipment-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-equipment-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-equipment-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-equipment-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-equipment-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-equipment-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-equipment-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-equipment-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-equipment-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-equipment-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-equipment-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-equipment-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-equipment-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-equipment-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-equipment-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-equipment-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-equipment-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-equipment-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-equipment-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-equipment-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-equipment-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-equipment-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-equipment-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-equipment-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-equipment-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-equipment-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-equipment-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-equipment-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-equipment-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-equipment-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-equipment-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-equipment-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-equipment-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-equipment-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-equipment-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-equipment-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-equipment-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-equipment-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-equipment-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-equipment-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-equipment-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-equipment-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-equipment-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-equipment-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-equipment-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-equipment-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-equipment-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-equipment-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-equipment-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-equipment-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-equipment-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-equipment-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-equipment-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-equipment-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-equipment-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-equipment-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-equipment-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-equipment-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-equipment-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-equipment-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-equipment-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-equipment-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-equipment-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-equipment-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-equipment-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-equipment-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-equipment-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-equipment-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-equipment-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-equipment-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-equipment-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-equipment-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-equipment-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-equipment-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-equipment-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-equipment-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-equipment-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-equipment-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-equipment-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-equipment-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-equipment-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-equipment-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-equipment-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-equipment-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-equipment-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-equipment-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-equipment-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-equipment-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-equipment-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-families-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-families-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-families-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-families-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-families-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-families-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-families-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-families-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-families-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-families-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-families-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-families-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-families-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-families-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-families-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-families-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-families-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-families-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-families-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-families-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-families-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-families-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-families-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-families-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-families-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-families-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-families-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-families-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-families-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-families-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-families-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-families-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-families-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-families-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-families-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-families-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-families-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-families-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-families-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-families-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-families-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-families-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-families-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-families-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-families-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-families-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-families-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-families-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-families-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-families-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-families-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-families-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-families-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-families-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-families-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-families-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-families-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-families-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-families-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-families-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-families-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-families-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-families-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-families-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-families-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-families-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-families-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-families-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-families-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-families-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-families-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-families-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-families-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-families-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-families-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-families-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-families-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-families-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-families-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-families-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category .skill-families-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category .skill-families-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category .skill-families-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category .skill-families-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category .skill-families-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category .skill-families-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category .skill-families-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category .skill-families-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category .skill-families-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category .skill-families-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category .skill-families-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category .skill-families-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category .skill-families-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category .skill-families-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category .skill-families-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category .skill-families-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-families-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-families-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-families-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-families-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-families-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-families-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-families-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-families-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-families-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-families-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-families-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-families-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-families-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-families-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-families-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-families-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-families-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-families-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-families-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-families-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-families-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-families-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-families-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-families-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-families-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-families-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-families-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-families-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-families-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-families-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-families-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-families-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-families-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-families-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-families-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-families-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-families-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-families-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-families-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-families-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-families-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-families-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-families-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-families-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-families-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-families-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-families-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-families-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-families-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-families-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-families-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-families-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-families-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-families-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-families-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-families-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-families-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-families-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-families-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-families-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-families-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-families-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-families-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-families-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-families-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-families-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-families-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-families-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-families-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-families-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-families-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-families-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-families-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-families-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-families-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-families-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-families-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-families-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-families-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-families-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-families-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-families-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-families-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-families-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-families-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-families-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-families-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-families-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-families-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-families-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-families-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-families-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-families-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-families-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-families-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-families-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-families-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-families-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-families-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-families-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-families-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-families-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-families-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-families-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-families-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-families-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-families-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-families-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-families-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-families-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-families-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-families-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-families-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-families-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-families-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-families-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-families-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-families-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-families-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-families-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-families-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-families-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-families-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-families-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-families-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-families-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-families-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-families-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-families-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-families-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-families-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-families-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-families-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-families-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-families-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-families-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-families-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-families-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-families-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-families-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-families-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-families-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-families-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-families-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-families-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-families-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-families-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-families-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-families-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-families-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-families-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-families-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-families-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-families-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-families-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-families-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-families-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-families-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-families-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-families-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-shanks-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-shanks-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-shanks-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-shanks-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-shanks-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-shanks-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-shanks-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-shanks-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-shanks-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-shanks-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-shanks-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-shanks-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-shanks-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-shanks-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-shanks-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-shanks-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-shanks-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-shanks-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-shanks-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-shanks-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-shanks-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-shanks-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-shanks-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-shanks-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-shanks-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-shanks-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-shanks-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-shanks-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-shanks-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-shanks-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-shanks-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-shanks-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-shanks-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-shanks-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-shanks-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-shanks-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-shanks-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-shanks-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-shanks-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-shanks-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-shanks-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-shanks-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-shanks-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-shanks-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-shanks-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-shanks-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-shanks-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-shanks-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-shanks-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-shanks-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-shanks-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-shanks-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-shanks-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-shanks-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-shanks-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-shanks-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-shanks-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-shanks-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-shanks-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-shanks-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-shanks-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-shanks-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-shanks-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-shanks-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-shanks-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-shanks-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-shanks-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-shanks-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-shanks-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-shanks-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-shanks-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-shanks-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-shanks-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-shanks-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-shanks-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-shanks-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-shanks-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-shanks-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-shanks-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-shanks-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category .skill-shanks-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category .skill-shanks-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category .skill-shanks-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category .skill-shanks-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category .skill-shanks-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category .skill-shanks-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category .skill-shanks-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category .skill-shanks-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category .skill-shanks-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category .skill-shanks-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category .skill-shanks-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category .skill-shanks-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category .skill-shanks-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category .skill-shanks-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category .skill-shanks-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category .skill-shanks-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-shanks-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-shanks-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-shanks-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-shanks-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-shanks-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-shanks-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-shanks-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-shanks-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-shanks-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-shanks-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-shanks-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-shanks-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-shanks-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-shanks-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-shanks-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-shanks-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-shanks-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-shanks-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-shanks-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-shanks-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-shanks-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-shanks-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-shanks-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-shanks-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-shanks-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-shanks-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-shanks-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-shanks-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-shanks-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-shanks-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-shanks-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-shanks-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-shanks-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-shanks-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-shanks-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-shanks-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-shanks-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-shanks-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-shanks-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-shanks-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-shanks-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-shanks-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-shanks-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-shanks-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-shanks-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-shanks-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-shanks-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-shanks-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-shanks-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-shanks-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-shanks-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-shanks-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-shanks-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-shanks-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-shanks-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-shanks-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-shanks-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-shanks-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-shanks-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-shanks-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-shanks-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-shanks-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-shanks-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-shanks-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-shanks-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-shanks-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-shanks-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-shanks-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-shanks-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-shanks-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-shanks-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-shanks-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-shanks-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-shanks-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-shanks-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-shanks-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-shanks-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-shanks-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-shanks-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-shanks-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-shanks-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-shanks-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-shanks-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-shanks-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-shanks-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-shanks-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-shanks-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-shanks-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-shanks-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-shanks-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-shanks-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-shanks-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-shanks-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-shanks-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-shanks-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-shanks-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-shanks-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-shanks-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-shanks-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-shanks-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-shanks-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-shanks-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-shanks-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-shanks-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-shanks-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-shanks-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-shanks-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-shanks-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-shanks-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-shanks-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-shanks-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-shanks-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-shanks-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-shanks-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-shanks-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-shanks-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-shanks-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-shanks-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-shanks-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-shanks-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-shanks-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-shanks-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-shanks-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-shanks-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-shanks-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-shanks-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-shanks-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-shanks-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-shanks-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-shanks-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-shanks-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-shanks-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-shanks-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-shanks-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-shanks-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-shanks-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-shanks-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-shanks-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-shanks-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-shanks-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-shanks-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-shanks-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-shanks-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-shanks-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-shanks-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-shanks-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-shanks-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-shanks-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-shanks-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-shanks-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-shanks-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-shanks-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-shanks-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-shanks-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-shanks-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-shanks-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-shanks-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-shanks-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-shanks-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-shanks-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-magpos-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-magpos-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-magpos-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-magpos-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-magpos-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-magpos-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-magpos-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-magpos-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-magpos-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-magpos-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-magpos-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-magpos-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-magpos-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-magpos-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-magpos-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category .skill-magpos-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-magpos-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-magpos-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-magpos-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-magpos-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-magpos-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-magpos-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-magpos-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-magpos-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-magpos-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-magpos-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-magpos-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-magpos-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-magpos-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-magpos-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-magpos-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category .skill-magpos-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-magpos-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-magpos-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-magpos-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-magpos-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-magpos-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-magpos-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-magpos-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-magpos-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-magpos-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-magpos-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-magpos-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-magpos-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-magpos-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-magpos-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-magpos-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category .skill-magpos-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-magpos-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-magpos-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-magpos-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-magpos-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-magpos-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-magpos-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-magpos-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-magpos-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-magpos-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-magpos-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-magpos-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-magpos-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-magpos-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-magpos-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-magpos-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category .skill-magpos-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-magpos-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-magpos-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-magpos-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-magpos-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-magpos-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-magpos-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-magpos-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-magpos-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-magpos-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-magpos-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-magpos-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-magpos-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-magpos-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-magpos-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-magpos-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category .skill-magpos-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category .skill-magpos-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category .skill-magpos-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category .skill-magpos-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category .skill-magpos-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category .skill-magpos-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category .skill-magpos-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category .skill-magpos-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category .skill-magpos-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category .skill-magpos-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category .skill-magpos-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category .skill-magpos-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category .skill-magpos-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category .skill-magpos-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category .skill-magpos-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category .skill-magpos-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category .skill-magpos-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-magpos-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-magpos-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-magpos-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-magpos-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-magpos-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-magpos-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-magpos-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-magpos-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-magpos-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-magpos-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-magpos-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-magpos-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-magpos-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-magpos-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-magpos-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category .skill-magpos-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-magpos-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-magpos-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-magpos-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-magpos-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-magpos-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-magpos-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-magpos-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-magpos-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-magpos-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-magpos-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-magpos-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-magpos-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-magpos-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-magpos-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-magpos-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category .skill-magpos-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-magpos-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-magpos-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-magpos-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-magpos-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-magpos-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-magpos-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-magpos-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-magpos-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-magpos-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-magpos-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-magpos-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-magpos-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-magpos-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-magpos-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-magpos-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category .skill-magpos-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-magpos-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-magpos-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-magpos-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-magpos-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-magpos-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-magpos-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-magpos-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-magpos-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-magpos-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-magpos-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-magpos-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-magpos-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-magpos-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-magpos-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-magpos-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category .skill-magpos-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-magpos-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-magpos-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-magpos-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-magpos-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-magpos-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-magpos-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-magpos-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-magpos-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-magpos-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-magpos-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-magpos-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-magpos-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-magpos-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-magpos-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-magpos-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category .skill-magpos-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-magpos-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-magpos-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-magpos-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-magpos-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-magpos-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-magpos-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-magpos-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-magpos-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-magpos-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-magpos-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-magpos-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-magpos-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-magpos-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-magpos-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-magpos-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category .skill-magpos-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-magpos-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-magpos-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-magpos-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-magpos-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-magpos-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-magpos-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-magpos-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-magpos-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-magpos-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-magpos-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-magpos-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-magpos-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-magpos-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-magpos-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-magpos-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category .skill-magpos-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-magpos-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-magpos-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-magpos-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-magpos-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-magpos-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-magpos-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-magpos-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-magpos-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-magpos-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-magpos-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-magpos-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-magpos-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-magpos-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-magpos-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-magpos-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category .skill-magpos-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-magpos-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-magpos-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-magpos-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-magpos-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-magpos-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-magpos-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-magpos-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-magpos-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-magpos-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-magpos-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-magpos-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-magpos-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-magpos-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-magpos-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-magpos-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category .skill-magpos-category, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-magpos-category, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-magpos-category, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-magpos-category, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-magpos-category, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-magpos-category, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-magpos-category, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-magpos-category, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-magpos-category, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-magpos-category, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-magpos-category, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-magpos-category, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-magpos-category, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-magpos-category, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-magpos-category, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-magpos-category, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .skill-magpos-category { text-align: center; margin-top: 32px; font-size: 18px; line-height: 1.11; color: #4b4b4b; } .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category .input-box, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category .input-box, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category .input-box, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category .input-box, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category .input-box, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category .input-box, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category .input-box, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category .input-box, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category .input-box, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category .input-box, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category .input-box, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category .input-box, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category .input-box, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category .input-box, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category .input-box, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category .input-box, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category .input-box, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category .input-box, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category .input-box, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category .input-box, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category .input-box, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category .input-box, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category .input-box, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category .input-box, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category .input-box, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category .input-box, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category .input-box, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category .input-box, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category .input-box, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category .input-box, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category .input-box, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category .input-box, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category .input-box, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category .input-box, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category .input-box, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category .input-box, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category .input-box, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category .input-box, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category .input-box, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category .input-box, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category .input-box, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category .input-box, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category .input-box, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category .input-box, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category .input-box, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category .input-box, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category .input-box, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category .input-box, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category .input-box, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category .input-box, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category .input-box, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category .input-box, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category .input-box, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category .input-box, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category .input-box, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category .input-box, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category .input-box, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category .input-box, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category .input-box, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category .input-box, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category .input-box, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category .input-box, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category .input-box, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category .input-box, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category .input-box, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category .input-box, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category .input-box, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category .input-box, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category .input-box, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category .input-box, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category .input-box, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category .input-box, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category .input-box, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category .input-box, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category .input-box, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category .input-box, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category .input-box, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category .input-box, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category .input-box, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category .input-box, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category .input-box, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category .input-box, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category .input-box, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category .input-box, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category .input-box, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category .input-box, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category .input-box, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category .input-box, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category .input-box, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category .input-box, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category .input-box, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category .input-box, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category .input-box, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category .input-box, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category .input-box, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category .input-box, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category .input-box, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category .input-box, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category .input-box, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category .input-box, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category .input-box, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category .input-box, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category .input-box, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category .input-box, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category .input-box, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category .input-box, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category .input-box, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category .input-box, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category .input-box, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category .input-box, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category .input-box, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category .input-box, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category .input-box, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category .input-box, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category .input-box, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category .input-box, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category .input-box, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category .input-box, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category .input-box, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category .input-box, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category .input-box, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category .input-box, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category .input-box, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category .input-box, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category .input-box, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category .input-box, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category .input-box, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category .input-box, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category .input-box, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category .input-box, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category .input-box, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category .input-box, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category .input-box, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category .input-box, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category .input-box, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category .input-box, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category .input-box, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category .input-box, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category .input-box, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category .input-box, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category .input-box, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category .input-box, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category .input-box, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category .input-box, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category .input-box, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category .input-box, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category .input-box, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category .input-box, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category .input-box, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category .input-box, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category .input-box, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category .input-box, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category .input-box, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category .input-box, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category .input-box, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category .input-box, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category .input-box, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category .input-box, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category .input-box, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category .input-box, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category .input-box, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category .input-box, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category .input-box, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category .input-box, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category .input-box, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category .input-box, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category .input-box, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category .input-box, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category .input-box, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category .input-box, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category .input-box, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category .input-box, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category .input-box, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category .input-box, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category .input-box, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category .input-box, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category .input-box, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category .input-box, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category .input-box, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category .input-box, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category .input-box, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category .input-box, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category .input-box, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category .input-box, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category .input-box, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category .input-box, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category .input-box, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category .input-box, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category .input-box, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category .input-box, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category .input-box, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category .input-box, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category .input-box, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category .input-box, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category .input-box, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category .input-box, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category .input-box, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category .input-box, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category .input-box, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category .input-box, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category .input-box, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category .input-box, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category .input-box, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category .input-box, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category .input-box, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category .input-box, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category .input-box, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category .input-box, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category .input-box, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category .input-box, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category .input-box, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category .input-box, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category .input-box, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category .input-box, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category .input-box, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category .input-box, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category .input-box, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category .input-box, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category .input-box, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category .input-box, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category .input-box, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category .input-box, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category .input-box, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category .input-box, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category .input-box, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category .input-box, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category .input-box, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category .input-box, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category .input-box, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category .input-box, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category .input-box, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category .input-box, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category .input-box, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category .input-box, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category .input-box, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category .input-box, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category .input-box, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category .input-box, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category .input-box, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category .input-box, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category .input-box, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category .input-box, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category .input-box, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category .input-box, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category .input-box, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category .input-box, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category .input-box, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category .input-box, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category .input-box, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category .input-box, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category .input-box, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category .input-box, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .input-box, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .input-box, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .input-box, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .input-box { margin: 8px; } .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category .title, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category .title, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category .title, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category .title, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category .title, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category .title, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category .title, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-equipment-category .title, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category .title, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category .title, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category .title, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-equipment-category .title, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category .title, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category .title, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category .title, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-equipment-category .title, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category .title, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category .title, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category .title, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-equipment-category .title, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category .title, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category .title, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category .title, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-equipment-category .title, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category .title, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category .title, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category .title, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-equipment-category .title, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category .title, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category .title, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category .title, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-equipment-category .title, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category .title, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category .title, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category .title, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-equipment-category .title, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category .title, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category .title, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category .title, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-equipment-category .title, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category .title, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category .title, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category .title, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-equipment-category .title, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category .title, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category .title, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category .title, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-equipment-category .title, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category .title, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category .title, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category .title, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-equipment-category .title, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category .title, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category .title, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category .title, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-equipment-category .title, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category .title, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category .title, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category .title, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-equipment-category .title, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category .title, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category .title, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category .title, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-equipment-category .title, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category .title, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category .title, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category .title, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-families-category .title, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category .title, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category .title, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category .title, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-families-category .title, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category .title, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category .title, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category .title, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-families-category .title, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category .title, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category .title, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category .title, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-families-category .title, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category .title, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category .title, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category .title, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-families-category .title, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category .title, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category .title, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category .title, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-families-category .title, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category .title, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category .title, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category .title, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-families-category .title, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category .title, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category .title, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category .title, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-families-category .title, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category .title, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category .title, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category .title, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-families-category .title, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category .title, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category .title, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category .title, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-families-category .title, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category .title, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category .title, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category .title, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-families-category .title, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category .title, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category .title, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category .title, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-families-category .title, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category .title, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category .title, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category .title, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-families-category .title, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category .title, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category .title, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category .title, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-families-category .title, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category .title, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category .title, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category .title, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-families-category .title, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category .title, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category .title, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category .title, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-families-category .title, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category .title, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category .title, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category .title, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-shanks-category .title, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category .title, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category .title, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category .title, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-shanks-category .title, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category .title, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category .title, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category .title, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-shanks-category .title, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category .title, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category .title, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category .title, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-shanks-category .title, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category .title, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category .title, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category .title, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-shanks-category .title, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category .title, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category .title, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category .title, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-shanks-category .title, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category .title, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category .title, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category .title, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-shanks-category .title, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category .title, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category .title, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category .title, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-shanks-category .title, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category .title, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category .title, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category .title, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-shanks-category .title, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category .title, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category .title, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category .title, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-shanks-category .title, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category .title, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category .title, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category .title, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-shanks-category .title, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category .title, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category .title, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category .title, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-shanks-category .title, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category .title, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category .title, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category .title, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-shanks-category .title, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category .title, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category .title, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category .title, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-shanks-category .title, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category .title, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category .title, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category .title, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-shanks-category .title, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category .title, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category .title, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category .title, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-shanks-category .title, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category .title, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category .title, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category .title, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-magpos-category .title, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category .title, .tooling-families-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category .title, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category .title, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-equipment .list-skill-magpos-category .title, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category .title, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category .title, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category .title, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-equipment .list-skill-magpos-category .title, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category .title, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category .title, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category .title, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-equipment .list-skill-magpos-category .title, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category .title, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category .title, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category .title, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-families .list-skill-magpos-category .title, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category .title, .tooling-families-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category .title, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category .title, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-families .list-skill-magpos-category .title, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category .title, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category .title, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category .title, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-families .list-skill-magpos-category .title, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category .title, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category .title, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category .title, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-families .list-skill-magpos-category .title, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category .title, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category .title, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category .title, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-shanks .list-skill-magpos-category .title, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category .title, .tooling-families-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category .title, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category .title, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-shanks .list-skill-magpos-category .title, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category .title, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category .title, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category .title, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-shanks .list-skill-magpos-category .title, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category .title, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category .title, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category .title, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-shanks .list-skill-magpos-category .title, .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category .title, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category .title, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category .title, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos .list-skill-magpos-category .title, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category .title, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category .title, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category .title, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos .list-skill-magpos-category .title, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category .title, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category .title, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category .title, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos .list-skill-magpos-category .title, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .title, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .title, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .title, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .title { flex: 1; } .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos, .tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos, .tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos, .tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos, .tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos, .tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos, .tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos, .tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos, .tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos, .tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos, .tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos, .tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos, .tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos, .tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos, .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos { height: calc(100% - 190px); } .tooling-equipment-container .tooling-equipment-box .body .box-right .tooling-magpos-footer, .tooling-families-container .tooling-equipment-box .body .box-right .tooling-magpos-footer, .tooling-shanks-container .tooling-equipment-box .body .box-right .tooling-magpos-footer, .tooling-magpos-container .tooling-equipment-box .body .box-right .tooling-magpos-footer, .tooling-equipment-container .tooling-families-box .body .box-right .tooling-magpos-footer, .tooling-families-container .tooling-families-box .body .box-right .tooling-magpos-footer, .tooling-shanks-container .tooling-families-box .body .box-right .tooling-magpos-footer, .tooling-magpos-container .tooling-families-box .body .box-right .tooling-magpos-footer, .tooling-equipment-container .tooling-shanks-box .body .box-right .tooling-magpos-footer, .tooling-families-container .tooling-shanks-box .body .box-right .tooling-magpos-footer, .tooling-shanks-container .tooling-shanks-box .body .box-right .tooling-magpos-footer, .tooling-magpos-container .tooling-shanks-box .body .box-right .tooling-magpos-footer, .tooling-equipment-container .tooling-magpos-box .body .box-right .tooling-magpos-footer, .tooling-families-container .tooling-magpos-box .body .box-right .tooling-magpos-footer, .tooling-shanks-container .tooling-magpos-box .body .box-right .tooling-magpos-footer, .tooling-magpos-container .tooling-magpos-box .body .box-right .tooling-magpos-footer { height: 80px; float: right; display: flex; align-items: center; } .tooling-equipment-container .tooling-equipment-box .body .box-right .tooling-magpos-footer button.blue-reverse, .tooling-families-container .tooling-equipment-box .body .box-right .tooling-magpos-footer button.blue-reverse, .tooling-shanks-container .tooling-equipment-box .body .box-right .tooling-magpos-footer button.blue-reverse, .tooling-magpos-container .tooling-equipment-box .body .box-right .tooling-magpos-footer button.blue-reverse, .tooling-equipment-container .tooling-families-box .body .box-right .tooling-magpos-footer button.blue-reverse, .tooling-families-container .tooling-families-box .body .box-right .tooling-magpos-footer button.blue-reverse, .tooling-shanks-container .tooling-families-box .body .box-right .tooling-magpos-footer button.blue-reverse, .tooling-magpos-container .tooling-families-box .body .box-right .tooling-magpos-footer button.blue-reverse, .tooling-equipment-container .tooling-shanks-box .body .box-right .tooling-magpos-footer button.blue-reverse, .tooling-families-container .tooling-shanks-box .body .box-right .tooling-magpos-footer button.blue-reverse, .tooling-shanks-container .tooling-shanks-box .body .box-right .tooling-magpos-footer button.blue-reverse, .tooling-magpos-container .tooling-shanks-box .body .box-right .tooling-magpos-footer button.blue-reverse, .tooling-equipment-container .tooling-magpos-box .body .box-right .tooling-magpos-footer button.blue-reverse, .tooling-families-container .tooling-magpos-box .body .box-right .tooling-magpos-footer button.blue-reverse, .tooling-shanks-container .tooling-magpos-box .body .box-right .tooling-magpos-footer button.blue-reverse, .tooling-magpos-container .tooling-magpos-box .body .box-right .tooling-magpos-footer button.blue-reverse { background-image: linear-gradient(to bottom, #1756ad, #002680); color: #fff; font-size: 18px; font-weight: 600; } .tooling-equipment-container .tooling-equipment-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, .tooling-families-container .tooling-equipment-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, .tooling-shanks-container .tooling-equipment-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, .tooling-magpos-container .tooling-equipment-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, .tooling-equipment-container .tooling-families-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, .tooling-families-container .tooling-families-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, .tooling-shanks-container .tooling-families-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, .tooling-magpos-container .tooling-families-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, .tooling-equipment-container .tooling-shanks-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, .tooling-families-container .tooling-shanks-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, .tooling-shanks-container .tooling-shanks-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, .tooling-magpos-container .tooling-shanks-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, .tooling-equipment-container .tooling-magpos-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, .tooling-families-container .tooling-magpos-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, .tooling-shanks-container .tooling-magpos-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, .tooling-magpos-container .tooling-magpos-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled { background-color: #004990; color: #dfdfdf; background-image: none; } .tooling-equipment-container .tooling-equipment-box .body .new-tool-id-input-box, .tooling-families-container .tooling-equipment-box .body .new-tool-id-input-box, .tooling-shanks-container .tooling-equipment-box .body .new-tool-id-input-box, .tooling-magpos-container .tooling-equipment-box .body .new-tool-id-input-box, .tooling-equipment-container .tooling-families-box .body .new-tool-id-input-box, .tooling-families-container .tooling-families-box .body .new-tool-id-input-box, .tooling-shanks-container .tooling-families-box .body .new-tool-id-input-box, .tooling-magpos-container .tooling-families-box .body .new-tool-id-input-box, .tooling-equipment-container .tooling-shanks-box .body .new-tool-id-input-box, .tooling-families-container .tooling-shanks-box .body .new-tool-id-input-box, .tooling-shanks-container .tooling-shanks-box .body .new-tool-id-input-box, .tooling-magpos-container .tooling-shanks-box .body .new-tool-id-input-box, .tooling-equipment-container .tooling-magpos-box .body .new-tool-id-input-box, .tooling-families-container .tooling-magpos-box .body .new-tool-id-input-box, .tooling-shanks-container .tooling-magpos-box .body .new-tool-id-input-box, .tooling-magpos-container .tooling-magpos-box .body .new-tool-id-input-box { display: flex; width: 739px; align-items: center; } .tooling-equipment-container .tooling-equipment-box .body .new-tool-id-input-box input[type=checkbox], .tooling-families-container .tooling-equipment-box .body .new-tool-id-input-box input[type=checkbox], .tooling-shanks-container .tooling-equipment-box .body .new-tool-id-input-box input[type=checkbox], .tooling-magpos-container .tooling-equipment-box .body .new-tool-id-input-box input[type=checkbox], .tooling-equipment-container .tooling-families-box .body .new-tool-id-input-box input[type=checkbox], .tooling-families-container .tooling-families-box .body .new-tool-id-input-box input[type=checkbox], .tooling-shanks-container .tooling-families-box .body .new-tool-id-input-box input[type=checkbox], .tooling-magpos-container .tooling-families-box .body .new-tool-id-input-box input[type=checkbox], .tooling-equipment-container .tooling-shanks-box .body .new-tool-id-input-box input[type=checkbox], .tooling-families-container .tooling-shanks-box .body .new-tool-id-input-box input[type=checkbox], .tooling-shanks-container .tooling-shanks-box .body .new-tool-id-input-box input[type=checkbox], .tooling-magpos-container .tooling-shanks-box .body .new-tool-id-input-box input[type=checkbox], .tooling-equipment-container .tooling-magpos-box .body .new-tool-id-input-box input[type=checkbox], .tooling-families-container .tooling-magpos-box .body .new-tool-id-input-box input[type=checkbox], .tooling-shanks-container .tooling-magpos-box .body .new-tool-id-input-box input[type=checkbox], .tooling-magpos-container .tooling-magpos-box .body .new-tool-id-input-box input[type=checkbox] { visibility: hidden; } .tooling-equipment-container .tooling-equipment-box .body .new-tool-id-input-box .depot-checkbox, .tooling-families-container .tooling-equipment-box .body .new-tool-id-input-box .depot-checkbox, .tooling-shanks-container .tooling-equipment-box .body .new-tool-id-input-box .depot-checkbox, .tooling-magpos-container .tooling-equipment-box .body .new-tool-id-input-box .depot-checkbox, .tooling-equipment-container .tooling-families-box .body .new-tool-id-input-box .depot-checkbox, .tooling-families-container .tooling-families-box .body .new-tool-id-input-box .depot-checkbox, .tooling-shanks-container .tooling-families-box .body .new-tool-id-input-box .depot-checkbox, .tooling-magpos-container .tooling-families-box .body .new-tool-id-input-box .depot-checkbox, .tooling-equipment-container .tooling-shanks-box .body .new-tool-id-input-box .depot-checkbox, .tooling-families-container .tooling-shanks-box .body .new-tool-id-input-box .depot-checkbox, .tooling-shanks-container .tooling-shanks-box .body .new-tool-id-input-box .depot-checkbox, .tooling-magpos-container .tooling-shanks-box .body .new-tool-id-input-box .depot-checkbox, .tooling-equipment-container .tooling-magpos-box .body .new-tool-id-input-box .depot-checkbox, .tooling-families-container .tooling-magpos-box .body .new-tool-id-input-box .depot-checkbox, .tooling-shanks-container .tooling-magpos-box .body .new-tool-id-input-box .depot-checkbox, .tooling-magpos-container .tooling-magpos-box .body .new-tool-id-input-box .depot-checkbox { width: 26px; height: 26px; display: flex; position: relative; } .tooling-equipment-container .tooling-equipment-box .body .new-tool-id-input-box .depot-checkbox label, .tooling-families-container .tooling-equipment-box .body .new-tool-id-input-box .depot-checkbox label, .tooling-shanks-container .tooling-equipment-box .body .new-tool-id-input-box .depot-checkbox label, .tooling-magpos-container .tooling-equipment-box .body .new-tool-id-input-box .depot-checkbox label, .tooling-equipment-container .tooling-families-box .body .new-tool-id-input-box .depot-checkbox label, .tooling-families-container .tooling-families-box .body .new-tool-id-input-box .depot-checkbox label, .tooling-shanks-container .tooling-families-box .body .new-tool-id-input-box .depot-checkbox label, .tooling-magpos-container .tooling-families-box .body .new-tool-id-input-box .depot-checkbox label, .tooling-equipment-container .tooling-shanks-box .body .new-tool-id-input-box .depot-checkbox label, .tooling-families-container .tooling-shanks-box .body .new-tool-id-input-box .depot-checkbox label, .tooling-shanks-container .tooling-shanks-box .body .new-tool-id-input-box .depot-checkbox label, .tooling-magpos-container .tooling-shanks-box .body .new-tool-id-input-box .depot-checkbox label, .tooling-equipment-container .tooling-magpos-box .body .new-tool-id-input-box .depot-checkbox label, .tooling-families-container .tooling-magpos-box .body .new-tool-id-input-box .depot-checkbox label, .tooling-shanks-container .tooling-magpos-box .body .new-tool-id-input-box .depot-checkbox label, .tooling-magpos-container .tooling-magpos-box .body .new-tool-id-input-box .depot-checkbox label { cursor: pointer; position: absolute; width: 26px; height: 26px; top: 0; left: 0; background-color: #f1f1f1; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); border-radius: 2px; } .tooling-equipment-container .tooling-equipment-box .body .new-tool-id-input-box .depot-checkbox label:after, .tooling-families-container .tooling-equipment-box .body .new-tool-id-input-box .depot-checkbox label:after, .tooling-shanks-container .tooling-equipment-box .body .new-tool-id-input-box .depot-checkbox label:after, .tooling-magpos-container .tooling-equipment-box .body .new-tool-id-input-box .depot-checkbox label:after, .tooling-equipment-container .tooling-families-box .body .new-tool-id-input-box .depot-checkbox label:after, .tooling-families-container .tooling-families-box .body .new-tool-id-input-box .depot-checkbox label:after, .tooling-shanks-container .tooling-families-box .body .new-tool-id-input-box .depot-checkbox label:after, .tooling-magpos-container .tooling-families-box .body .new-tool-id-input-box .depot-checkbox label:after, .tooling-equipment-container .tooling-shanks-box .body .new-tool-id-input-box .depot-checkbox label:after, .tooling-families-container .tooling-shanks-box .body .new-tool-id-input-box .depot-checkbox label:after, .tooling-shanks-container .tooling-shanks-box .body .new-tool-id-input-box .depot-checkbox label:after, .tooling-magpos-container .tooling-shanks-box .body .new-tool-id-input-box .depot-checkbox label:after, .tooling-equipment-container .tooling-magpos-box .body .new-tool-id-input-box .depot-checkbox label:after, .tooling-families-container .tooling-magpos-box .body .new-tool-id-input-box .depot-checkbox label:after, .tooling-shanks-container .tooling-magpos-box .body .new-tool-id-input-box .depot-checkbox label:after, .tooling-magpos-container .tooling-magpos-box .body .new-tool-id-input-box .depot-checkbox label:after { opacity: 0; content: ''; position: absolute; width: 19px; height: 10px; background: transparent; top: 3px; left: 2px; border: 5px solid #1791ff; border-top: none; border-right: none; transform: rotate(-48deg); } .tooling-equipment-container .tooling-equipment-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label, .tooling-families-container .tooling-equipment-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label, .tooling-shanks-container .tooling-equipment-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label, .tooling-magpos-container .tooling-equipment-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label, .tooling-equipment-container .tooling-families-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label, .tooling-families-container .tooling-families-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label, .tooling-shanks-container .tooling-families-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label, .tooling-magpos-container .tooling-families-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label, .tooling-equipment-container .tooling-shanks-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label, .tooling-families-container .tooling-shanks-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label, .tooling-shanks-container .tooling-shanks-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label, .tooling-magpos-container .tooling-shanks-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label, .tooling-equipment-container .tooling-magpos-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label, .tooling-families-container .tooling-magpos-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label, .tooling-shanks-container .tooling-magpos-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label, .tooling-magpos-container .tooling-magpos-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label { cursor: pointer; position: absolute; width: 26px; height: 26px; top: 0; left: 0; background-color: #f1f1f1; border: solid 1px #1791ff; border-radius: 2px; } .tooling-equipment-container .tooling-equipment-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label:after, .tooling-families-container .tooling-equipment-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label:after, .tooling-shanks-container .tooling-equipment-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label:after, .tooling-magpos-container .tooling-equipment-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label:after, .tooling-equipment-container .tooling-families-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label:after, .tooling-families-container .tooling-families-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label:after, .tooling-shanks-container .tooling-families-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label:after, .tooling-magpos-container .tooling-families-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label:after, .tooling-equipment-container .tooling-shanks-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label:after, .tooling-families-container .tooling-shanks-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label:after, .tooling-shanks-container .tooling-shanks-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label:after, .tooling-magpos-container .tooling-shanks-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label:after, .tooling-equipment-container .tooling-magpos-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label:after, .tooling-families-container .tooling-magpos-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label:after, .tooling-shanks-container .tooling-magpos-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label:after, .tooling-magpos-container .tooling-magpos-box .body .new-tool-id-input-box .depot-checkbox input[type=checkbox]:checked + label:after { opacity: 1; } .tooling-equipment-container .tooling-equipment-box .body .new-tool-id-input-box .depot-checkbox-label, .tooling-families-container .tooling-equipment-box .body .new-tool-id-input-box .depot-checkbox-label, .tooling-shanks-container .tooling-equipment-box .body .new-tool-id-input-box .depot-checkbox-label, .tooling-magpos-container .tooling-equipment-box .body .new-tool-id-input-box .depot-checkbox-label, .tooling-equipment-container .tooling-families-box .body .new-tool-id-input-box .depot-checkbox-label, .tooling-families-container .tooling-families-box .body .new-tool-id-input-box .depot-checkbox-label, .tooling-shanks-container .tooling-families-box .body .new-tool-id-input-box .depot-checkbox-label, .tooling-magpos-container .tooling-families-box .body .new-tool-id-input-box .depot-checkbox-label, .tooling-equipment-container .tooling-shanks-box .body .new-tool-id-input-box .depot-checkbox-label, .tooling-families-container .tooling-shanks-box .body .new-tool-id-input-box .depot-checkbox-label, .tooling-shanks-container .tooling-shanks-box .body .new-tool-id-input-box .depot-checkbox-label, .tooling-magpos-container .tooling-shanks-box .body .new-tool-id-input-box .depot-checkbox-label, .tooling-equipment-container .tooling-magpos-box .body .new-tool-id-input-box .depot-checkbox-label, .tooling-families-container .tooling-magpos-box .body .new-tool-id-input-box .depot-checkbox-label, .tooling-shanks-container .tooling-magpos-box .body .new-tool-id-input-box .depot-checkbox-label, .tooling-magpos-container .tooling-magpos-box .body .new-tool-id-input-box .depot-checkbox-label { display: flex; margin-left: 8px; font-size: 18px; line-height: 1.11; color: #4b4b4b; } .tooling-families-container .singleline, .tooling-magpos-container .singleline, .tooling-tools-container .singleline, .tooling-shanks-container .singleline { margin-top: 11px; } .tab-box-right { border-bottom: 2px solid #f3f3f3; } .tab-box-right.avoid-clicks { border-bottom: 2px solid #1791ff; } .tooling-families-container .tab-box-right, .tooling-shanks-container .tab-box-right, .tooling-equipment-container .tab-box-right { height: 81px; width: 100%; background-color: #e7e7e7; display: flex; flex-direction: row; } .tooling-families-container .tab-box-right .tab, .tooling-shanks-container .tab-box-right .tab, .tooling-equipment-container .tab-box-right .tab { flex-grow: 0; flex-shrink: 0; float: left !important; width: 200px !important; height: 100% !important; margin: 0 !important; border: none !important; border-right: solid 1px #979797 !important; background-color: #e7e7e7; font-size: 18px !important; line-height: 1 !important; color: #4b4b4b !important; position: relative; } .tooling-families-container .tab-box-right .tab.plus, .tooling-shanks-container .tab-box-right .tab.plus, .tooling-equipment-container .tab-box-right .tab.plus { border-right: none !important; } .tooling-families-container .tab-box-right .tab.plus .btn, .tooling-shanks-container .tab-box-right .tab.plus .btn, .tooling-equipment-container .tab-box-right .tab.plus .btn { float: left !important; margin: 0; width: 48px; height: 48px; position: absolute; top: calc(50% - 24px); margin-left: 20px; padding: 0; } .tooling-families-container .tab-box-right .tab.plus .btn .fa, .tooling-shanks-container .tab-box-right .tab.plus .btn .fa, .tooling-equipment-container .tab-box-right .tab.plus .btn .fa { vertical-align: middle; font-size: 21px; } .tooling-families-container .tab-box-right .active, .tooling-shanks-container .tab-box-right .active, .tooling-equipment-container .tab-box-right .active { background-color: #f3f3f3; } .tooling-families-container .tab-box-right .tab-box-scroll, .tooling-shanks-container .tab-box-right .tab-box-scroll, .tooling-equipment-container .tab-box-right .tab-box-scroll { width: 100%; overflow-y: hidden; overflow-x: auto; display: flex; flex-direction: row; flex-basis: auto; } .tooling-families-container .tab-box-right .tab-box-scroll::-webkit-scrollbar, .tooling-shanks-container .tab-box-right .tab-box-scroll::-webkit-scrollbar, .tooling-equipment-container .tab-box-right .tab-box-scroll::-webkit-scrollbar { width: 5px; height: 5px; } .tooling-families-container .tab-box-right .tab-box-scroll::-webkit-scrollbar-thumb, .tooling-shanks-container .tab-box-right .tab-box-scroll::-webkit-scrollbar-thumb, .tooling-equipment-container .tab-box-right .tab-box-scroll::-webkit-scrollbar-thumb { border-radius: 5px; height: 1px; background-color: rgba(0, 0, 0, 0.3); } .tooling-families-container .box-right .box-right-body, .tooling-shanks-container .box-right .box-right-body, .tooling-equipment-container .box-right .box-right-body { height: calc(100% - 136px); } .tooling-families-container .box-right .box-right-body .lock-icon, .tooling-shanks-container .box-right .box-right-body .lock-icon, .tooling-equipment-container .box-right .box-right-body .lock-icon { height: 48px !important; width: 30px !important; color: #002680; font-size: 48px; } .tooling-families-container .box-right .box-right-body .lock-icon .fa, .tooling-shanks-container .box-right .box-right-body .lock-icon .fa, .tooling-equipment-container .box-right .box-right-body .lock-icon .fa { text-align: center !important; margin: 0 !important; } .tooling-families-container .box-right .box-right-body .tooling-equipment-footer, .tooling-shanks-container .box-right .box-right-body .tooling-equipment-footer, .tooling-equipment-container .box-right .box-right-body .tooling-equipment-footer, .tooling-families-container .box-right .box-right-body .tooling-families-footer, .tooling-shanks-container .box-right .box-right-body .tooling-families-footer, .tooling-equipment-container .box-right .box-right-body .tooling-families-footer, .tooling-families-container .box-right .box-right-body .tooling-shanks-footer, .tooling-shanks-container .box-right .box-right-body .tooling-shanks-footer, .tooling-equipment-container .box-right .box-right-body .tooling-shanks-footer { height: 60px; float: right; display: flex; align-items: center; } .tooling-families-container .box-right .box-right-body .tooling-equipment-footer button.blue-reverse, .tooling-shanks-container .box-right .box-right-body .tooling-equipment-footer button.blue-reverse, .tooling-equipment-container .box-right .box-right-body .tooling-equipment-footer button.blue-reverse, .tooling-families-container .box-right .box-right-body .tooling-families-footer button.blue-reverse, .tooling-shanks-container .box-right .box-right-body .tooling-families-footer button.blue-reverse, .tooling-equipment-container .box-right .box-right-body .tooling-families-footer button.blue-reverse, .tooling-families-container .box-right .box-right-body .tooling-shanks-footer button.blue-reverse, .tooling-shanks-container .box-right .box-right-body .tooling-shanks-footer button.blue-reverse, .tooling-equipment-container .box-right .box-right-body .tooling-shanks-footer button.blue-reverse { background-image: linear-gradient(to bottom, #1756ad, #002680); color: #fff; font-size: 18px; font-weight: 600; } .tooling-families-container .box-right .box-right-body .tooling-equipment-footer button.blue-reverse:disabled, .tooling-shanks-container .box-right .box-right-body .tooling-equipment-footer button.blue-reverse:disabled, .tooling-equipment-container .box-right .box-right-body .tooling-equipment-footer button.blue-reverse:disabled, .tooling-families-container .box-right .box-right-body .tooling-families-footer button.blue-reverse:disabled, .tooling-shanks-container .box-right .box-right-body .tooling-families-footer button.blue-reverse:disabled, .tooling-equipment-container .box-right .box-right-body .tooling-families-footer button.blue-reverse:disabled, .tooling-families-container .box-right .box-right-body .tooling-shanks-footer button.blue-reverse:disabled, .tooling-shanks-container .box-right .box-right-body .tooling-shanks-footer button.blue-reverse:disabled, .tooling-equipment-container .box-right .box-right-body .tooling-shanks-footer button.blue-reverse:disabled { background-color: #004990; color: #dfdfdf; background-image: none; } .avoid-clicks { pointer-events: none; } .list-left, .tab-box-right { position: relative; } .list-left.avoid-clicks::after, .tab-box-right.avoid-clicks::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.85); } .list-left .footer .group-label-button, .tab-box-right .tab-box-scroll.scrollable .tab.plus { position: relative; } .list-left .footer .group-label-button.avoid-clicks::after, .tab-box-right .tab-box-scroll.scrollable .tab.plus.avoid-clicks::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.85); } .tab-box-right .tab-box-scroll.scrollable .tab.plus.avoid-clicks::after { background: rgba(231, 231, 231, 0.85); } .info-equipment-container { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } .info-equipment-container .info-equipment-box { width: 896px; height: 680px; border-radius: 2px; background-color: #fff; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); } .info-equipment-container .info-equipment-box .info-equipment-header { width: 100%; height: 50px; color: #002680; border-bottom: solid 2px #f1f1f1; } .info-equipment-container .info-equipment-box .info-equipment-header .info-equipment-header-label { font-size: 20px; padding: 16px 0 0 24px; } .info-equipment-container .info-equipment-box .info-equipment-header > .fa { float: right; font-size: 28px; margin-top: 16px; margin-right: 16px; } .info-equipment-container .info-equipment-box .info-equipment-body { height: calc(100% - 52px); width: 100%; display: flex; flex-flow: row; } .info-equipment-container .info-equipment-box .info-equipment-body .info-equipment-body-left { width: 320px; height: 100%; display: flex; justify-content: center; } .info-equipment-container .info-equipment-box .info-equipment-body .info-equipment-body-left img { width: 280px; height: 280px; margin-top: 36px; background-color: #dddddd; } .info-equipment-container .info-equipment-box .info-equipment-body .info-equipment-body-right { width: calc(100% - 320px); height: calc(100% - 52px); } .info-equipment-container .info-equipment-box .info-equipment-body .info-equipment-body-right table { width: 97%; height: calc(100% - 32px); overflow-y: auto; display: flex; margin-top: 32px; } .info-equipment-container .info-equipment-box .info-equipment-body .info-equipment-body-right table tbody tr { display: flex; width: 100%; flex-flow: row; } .info-equipment-container .info-equipment-box .info-equipment-body .info-equipment-body-right table tbody tr td.columnleft, .info-equipment-container .info-equipment-box .info-equipment-body .info-equipment-body-right table tbody tr td.columnright { height: 32px; background-color: #f1f1f1; margin: 4px; font-size: 18px; line-height: 1.11; display: flex; align-items: center; color: #4b4b4b; } .info-equipment-container .info-equipment-box .info-equipment-body .info-equipment-body-right table tbody tr td.columnleft span, .info-equipment-container .info-equipment-box .info-equipment-body .info-equipment-body-right table tbody tr td.columnright span { margin-left: 16px; } .info-equipment-container .info-equipment-box .info-equipment-body .info-equipment-body-right table tbody tr td.columnleft { width: 256px; font-weight: 600; } .info-equipment-container .info-equipment-box .info-equipment-body .info-equipment-body-right table tbody tr td.columnright { width: 216px; } .utilities-container { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } .utilities-container .utilities-box { height: 759px; width: 1504px; background-color: #fff; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); overflow: hidden; } .utilities-container .utilities-box .utilities-header { height: 65px; width: 100%; display: flex; align-items: center; } .utilities-container .utilities-box .utilities-header span { font-size: 24px; font-weight: 600; color: #002680; margin-left: 24px; } .utilities-container .utilities-box .utilities-body { height: calc(100% - 65px); padding-left: 128px; background-color: #bbbcbc; overflow-y: auto; } .utilities-container .utilities-box .utilities-body .row { height: 216px; display: flex; flex-flow: row; padding-bottom: 24px; } .utilities-container .utilities-box .utilities-body .row .card-utilities { margin-left: 12px; margin-right: 12px; margin-top: 35px; } .maintenance-container { height: 100%; width: 100%; display: flex; justify-content: center; padding-top: 104px; } .maintenance-container .maintenance-box { width: 1808px; height: 872px; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .maintenance-container .maintenance-box .maintenance-header { height: 64px; display: flex; align-items: center; border-bottom: solid 2px #e7e7e7; } .maintenance-container .maintenance-box .maintenance-header .maintenance-header-label { margin-left: 23px; font-size: 20px; color: #002680; } .maintenance-container .maintenance-box .maintenance-body { width: 1808px; height: calc(100% - 66px); display: flex; flex-flow: row; align-items: center; justify-content: center; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left { width: 952px; height: 100%; display: flex; flex-flow: column; margin: 0 24px 0 24px; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-head { display: flex; flex-flow: row; margin: 16px 0 16px 0; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-head > div { height: 70px; display: flex; flex-flow: column; margin-right: 12px; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-head > div label { font-size: 14px; display: block; line-height: 1.29; color: #878787; margin-bottom: 4px; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-head > div select { border-radius: 2px; height: 48px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); border: solid 1px #bbbcbc; font-size: 18px; line-height: 1.11; color: #4b4b4b; padding-left: 16px; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-head > div select.maintenance-select-interval-date { width: 192px; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-head > div input.custom { width: 288px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); border: solid 1px #bbbcbc; font-size: 18px; line-height: 1.11; padding-left: 16px; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-head > div input[type="checkbox"] { color: #bbbcbc; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-head .multiselect { width: 280px; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-head .selectBox { position: relative; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-head .selectBox select { width: 100%; padding: 8px; font-size: 12px; cursor: pointer; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-head .selectBox select option { display: none; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-head .overSelect { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-head .checkboxes { display: none; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-head .checkboxesView { width: 100%; background-color: #fff; display: block; z-index: 100; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-head .checkboxesView label { font-size: 18px; margin: 4px; display: flex; flex-flow: row; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-head .checkboxesView label:first-child { margin-top: 8px; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-head .checkboxesView .label-state { margin-left: 12px; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body { width: 952px; height: 680px; border-radius: 2px; position: relative; border: solid 1px #979797; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body .loading { display: flex; align-items: center; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; line-height: 100%; background-color: #ffffff; font-size: 5em; color: #4b4b4b; justify-content: center; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table { table-layout: fixed; width: 100%; border-collapse: collapse; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table thead { border-bottom: solid 2px #979797; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table thead tr { width: 928px; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table thead tr th { height: 46px; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table tr:nth-child(even) { background: #dddddd; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table tr:nth-child(odd) { background: #FFF; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table th:nth-child(1), .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table td:nth-child(1) { width: 190px; max-width: 190px; text-align: left; padding-left: 5px; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table th:nth-child(2), .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table td:nth-child(2) { width: 300px; max-width: 300px; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table th:nth-child(3), .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table td:nth-child(3) { width: 150px; max-width: 150px; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table th:nth-child(4), .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table td:nth-child(4) { width: 150px; max-width: 150px; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table th:nth-child(5) { width: 30px; max-width: 30px; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table td:nth-child(5) { width: 30px; max-width: 30px; text-align: left; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table th, .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table td { overflow: hidden; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table th div, .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table td div { overflow: hidden; max-height: 64px; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table tbody { display: block; height: 560px; width: 944px; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table tbody tr { cursor: pointer; height: 64px; padding: 10px; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table tbody tr td { text-align: center; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table tbody tr td div.maintenance-progress { margin: 0 auto; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table tbody tr.selected { background-color: rgba(23, 145, 255, 0.75); color: #fff; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table tbody tr.selected td .machine-img { filter: invert(1); } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table tbody tr.selected td div.maintenance-progress.selected label { color: #fff; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table tbody tr.selected td div.maintenance-progress.selected .progress { border: solid 2px #fff; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table tbody tr.selected td div.maintenance-progress.selected .progress.yellow { border: solid 2px #f5a623; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table tbody tr.selected td div.maintenance-progress.selected .progress.red { border: solid 2px #d0021b; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table tbody tr.selected td div.maintenance-progress.selected .progress.fill { background-color: #fff; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table tbody tr.selected td div.maintenance-progress.selected .progress.yellow.fill { background-color: #f5a623; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table tbody tr.selected td div.maintenance-progress.selected .progress.red.fill { background-color: #d0021b; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table tfoot { position: absolute; width: 100%; bottom: 0; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table tr { width: 100%; display: table; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table tfoot tr td { height: 64px; width: 100%; font-size: 18px; color: #002680; position: relative; bottom: 0; border-top: solid 2px #bbbcbc; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table tfoot tr td td { padding: 0; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table tfoot tr td div.group-label-button { text-align: center; margin: 8px 0 8px 0; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table tfoot tr td div.group-label-button button { background-image: linear-gradient(to bottom, #1756ad, #002680); color: #fff; width: 48px; height: 48px; padding: 0; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-left .maintenance-box-left-body table tfoot tr td div.group-label-button button .fa { width: 22px; height: 22px; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-right { width: 784px; height: 760px; display: flex; background-color: white; margin-right: 24px; } .maintenance-container .maintenance-box .maintenance-body .maintenance-box-right .message-disable-maintenance { width: 101%; height: 101%; position: absolute; display: flex; align-items: center; justify-content: center; z-index: 200; background-color: #ffffffcc; font-size: 24px; font-weight: bold; color: #4b4b4b; } .maintenance-box-right { position: relative; } .maintenance-box-right.enableMaintenance::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.9); text-align: center; display: flex; justify-content: center; align-items: center; } .maintenance-progress { width: 297px; height: 36px; display: flex; flex-flow: row; } .maintenance-progress .progress, .maintenance-progress .yellow, .maintenance-progress .red { width: 16px; height: 32px; border-radius: 2px; margin: 0 2px 0 2px; } .maintenance-progress .progress { border: solid 2px #8eb5e2; } .maintenance-progress .yellow { border: solid 2px #f5a623; } .maintenance-progress .red { border: solid 2px #d0021b; } .maintenance-progress .progress.fill { background-color: #8eb5e2; } .maintenance-progress .yellow.fill { background-color: #f5a623; } .maintenance-progress .red.fill { background-color: #d0021b; } .maintenance-progress label { display: flex; align-items: center; font-size: 14px; line-height: 1.29; margin-left: 16px; color: #4b4b4b; } .maintenance-card { width: 784px; height: 760px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); background-color: #fff; border: solid 2px #1791ff; } .maintenance-card.border-red { border: solid 2px #d0021b; } .maintenance-card.border-yellow { border: solid 2px #f5a623; } .maintenance-card .header { border-bottom: solid 1px #bbbcbc; height: 96px; font-size: 24px; font-weight: bold; color: #4b4b4b; overflow: hidden; } .maintenance-card .header .title { float: left; padding: 34px 0 0 24px; max-width: 600px; } .maintenance-card .header .right { padding: 24px 16px 0 0; float: right; } .maintenance-card .header .right button { height: 48px; width: 48px; padding: 0; } .maintenance-card .header .right button .fa { font-size: 22px; } .maintenance-card .body { height: calc(100% - 205px); padding: 29px 0 15px 24px; width: calc(98% - 24px); overflow-y: auto; } .maintenance-card .body .content { min-height: 80px; max-height: 80px; overflow: hidden; margin-bottom: 10px; position: relative; width: 696px; transition: max-height 500ms; } .maintenance-card .body .content.expanded { max-height: 100%; } .maintenance-card .body .content .expander { position: absolute; bottom: 0; right: 0; /* margin: 0 12px; */ line-height: 28px; height: 28px; width: 30px; font-size: 28px; color: #002e6e; cursor: pointer; } .maintenance-card .body .box { height: 100%; width: 696px; padding-right: 32px; overflow-y: auto; } .maintenance-card .body .box .title-box { font-size: 18px; color: #4b4b4b; white-space: pre-wrap; } .maintenance-card .body .box .subtitle { margin: 28px 0 20px 0; text-decoration: underline; font-size: 18px; line-height: 1; color: #4b4b4b; } .maintenance-card .body .box .subtitle.closed { text-decoration: none; } .maintenance-card .body .box .info { width: 696px; border-top: solid 1px #bbbcbc; border-bottom: solid 1px #bbbcbc; position: relative; margin-bottom: 25px; } .maintenance-card .body .box .info .details { font-size: 12px; position: absolute; top: 0%; left: 0%; width: 100%; } .maintenance-card .body .box .info .estimated-time, .maintenance-card .body .box .info .expiring { height: calc(96px - 20px); display: flex; flex-flow: row; justify-content: space-around; margin-top: 20px; } .maintenance-card .body .box .info .estimated-time.under, .maintenance-card .body .box .info .expiring.under { margin-bottom: 20px; } .maintenance-card .body .box .info .estimated-time .internalExpiring, .maintenance-card .body .box .info .expiring .internalExpiring { border-radius: 2px; background-color: #f1f1f1; width: 100%; } .maintenance-card .body .box .info .estimated-time .internalExpiring.dual, .maintenance-card .body .box .info .expiring .internalExpiring.dual { margin-right: 20px; } .maintenance-card .body .box .info .estimated-time .internalExpiring .title, .maintenance-card .body .box .info .expiring .internalExpiring .title { display: block; margin: 18px auto; text-align: center; font-size: 14px; color: #4b4b4b; } .maintenance-card .body .box .info .estimated-time .internalExpiring .time, .maintenance-card .body .box .info .expiring .internalExpiring .time { display: block; margin: 18px auto; text-align: center; font-size: 24px; line-height: 0.75px; color: #1791ff; } .maintenance-card .body .box .info .estimated-time .internalExpiring .time.blue, .maintenance-card .body .box .info .expiring .internalExpiring .time.blue { color: #002e6e; } .maintenance-card .body .box .info .estimated-time .internalExpiring .time.yellow, .maintenance-card .body .box .info .expiring .internalExpiring .time.yellow { color: #f5a623; } .maintenance-card .body .box .info .estimated-time .internalExpiring .time.red, .maintenance-card .body .box .info .expiring .internalExpiring .time.red { color: #d0021b; } .maintenance-card .body .box .lastmaintenance { display: flex; flex-flow: row; margin-bottom: 25px; width: 696px; } .maintenance-card .body .box .lastmaintenance .text { margin-left: 2px; margin-bottom: 1px; height: 64px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); display: flex; justify-content: start; align-items: center; width: 100%; } .maintenance-card .body .box .lastmaintenance .text .icon { border: 2px solid #002e6e; border-radius: 100px; min-width: 28px; min-height: 28px; font-size: 18px; display: block; text-align: center; line-height: 28px; margin: 0 12px; color: #fff; background-color: #002e6e; } .maintenance-card .body .box .lastmaintenance .text .status { color: #002e6e; font-size: 18px; font-weight: 600; line-height: 18px; margin-right: 10px; } .maintenance-card .body .box .lastmaintenance .btn { height: 64px; margin-left: 20px; margin-right: 0px; font-weight: normal; width: 180px; } .maintenance-card .body .box .row-wizard { display: flex; flex-flow: row; margin-top: 20px; margin-left: 2px; align-items: center; } .maintenance-card .body .box .row-wizard .pulsante-pdf { margin-left: 30px; } .maintenance-card .body .box .row-wizard button.btn.help { width: 120px; color: #002e6e; padding: 0; } .maintenance-card .body .box .row-wizard button.btn.help .modifytext { font-size: 18px; text-align: center; } .maintenance-card .body .box .accordion-maintenance header { font-size: 18px; line-height: 1; color: #002e6e; } .maintenance-card .footer { display: flex; align-items: center; flex-flow: row; width: 100%; height: 63px; border-top: solid 1px #bbbcbc; } .maintenance-card .footer .title-footer { display: flex; margin-left: 25px; font-size: 18px; line-height: 1.11; color: #4b4b4b; } .maintenance-card .footer .title-footer div { font-weight: 600; } .maintenance-card .footer .right-footer { margin-left: auto; margin-right: 0; } .accordion-maintenance { width: 696px; } .accordion-maintenance header { width: 694px; margin-left: 2px; margin-bottom: 1px; height: 64px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); display: flex; justify-content: space-between; align-items: center; cursor: pointer; } .accordion-maintenance header small { border: 2px solid #002e6e; border-radius: 100px; min-width: 28px; min-height: 28px; font-size: 12px; display: block; text-align: center; line-height: 28px; margin: 0 12px; } .accordion-maintenance header strong { width: 100%; } .accordion-maintenance header .expander { margin: 0 12px; line-height: 28px; height: 28px; width: 28px; font-size: 28px; } .accordion-maintenance section { min-height: 0; max-height: 0; transition: max-height 500ms 0ms ease-in-out, min-height 500ms 0ms ease-in-out; overflow: hidden; } .accordion-maintenance section.expanded { min-height: 64px; background-color: rgba(255, 255, 255, 0.1); max-height: 1000px; } .accordion-maintenance section .item { height: 64px; width: 100%; text-align: center; line-height: 64px; } .accordion-maintenance section .dropdown { background-color: #f1f1f1; height: 100%; margin-top: 2px; } .accordion-maintenance section .dropdown .filename { display: flex; height: 64px; align-items: center; cursor: pointer; } .accordion-maintenance section .dropdown .filename i { margin: 0 20px 0 20px; } .accordion-maintenance section .dropdown .filename span { width: 100%; font-size: 18px; line-height: 1; color: #4b4b4b; } .accordion-maintenance section .dropdown .filename .right { width: 100%; display: flex; justify-content: flex-end; } .accordion-maintenance section .dropdown .filename .right button.btn-hidden { visibility: hidden; } .accordion-maintenance section .dropdown .filename .right button.btn-hidden i { font-size: 26px; visibility: visible; margin: 0 12px; cursor: pointer; } .accordion-maintenance section .dropdown .filename.selected { background-color: rgba(255, 255, 255, 0.8); } .accordion-maintenance section .dropdown .all-message-box { max-height: 310px; } .accordion-maintenance section .dropdown .all-message-box .message-box { width: 408px; min-height: 96px; display: flex; flex-flow: column; align-items: center; justify-content: center; margin: 0 auto; cursor: pointer; } .accordion-maintenance section .dropdown .all-message-box .message-box .message-box-header { height: calc(100% - 20px); width: 100%; display: flex; flex-flow: row; } .accordion-maintenance section .dropdown .all-message-box .message-box .message-box-header textarea { border: none; resize: none; background-color: transparent; padding: 3px; box-sizing: border-box; cursor: pointer; } .accordion-maintenance section .dropdown .all-message-box .message-box .message-box-header .avatar { width: 40px; height: 40px; margin-left: 16px; margin-top: 8px; float: left; background-color: #f4bf7e; color: black; line-height: 40px; border-radius: 20px; text-align: center; font-family: Arial, sans-serif; font-size: 18px; font-weight: bold; text-transform: uppercase; } .accordion-maintenance section .dropdown .all-message-box .message-box .message-box-header .text-message { margin-left: 8px; width: 328px; height: 40px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); margin-top: 8px; float: right; cursor: pointer; } .accordion-maintenance section .dropdown .all-message-box .message-box .message-box-body { display: flex; width: 100%; height: 14px; margin-left: 132px; } .accordion-maintenance section .dropdown .all-message-box .message-box .message-box-body.my { margin-top: 5px; margin-left: 15px; } .accordion-maintenance section .dropdown .all-message-box .message-box .message-box-body .text-date { font-size: 12px; color: #4b4b4b; float: left; width: 100%; height: 100%; cursor: pointer; } .accordion-maintenance section .dropdown .all-message-box .message-box .groupbutton { width: 100%; height: 32px; display: flex; justify-content: flex-end; } .accordion-maintenance section .dropdown .all-message-box .message-box .groupbutton.enablemodify { height: 100%; } .accordion-maintenance section .dropdown .all-message-box .message-box .groupbutton button.btn-hidden { visibility: hidden; } .accordion-maintenance section .dropdown .all-message-box .message-box .groupbutton button.btn-hidden i { font-size: 26px; visibility: visible; margin: 0 12px; cursor: pointer; } .accordion-maintenance section .dropdown .all-message-box .message-box .groupbutton .modify-padding { padding: 9px 0px; } .accordion-maintenance section .dropdown .all-message-box .message-box.selected { background-color: rgba(255, 255, 255, 0.8); } .accordion-maintenance section .dropdown .allattach { display: flex; height: 64px; align-items: center; } .accordion-maintenance section .dropdown .allattach button.btn-hidden { visibility: hidden; } .accordion-maintenance section .dropdown .allattach button.btn-hidden span { font-size: 18px; line-height: 1; visibility: visible; margin: 0 0 0 20px; color: #4b4b4b; cursor: pointer; } .accordion-maintenance section .dropdown .allnotes { display: flex; height: 20px; width: 408px; margin: 23px auto; } .accordion-maintenance section .dropdown .allnotes button.btn-hidden { visibility: hidden; } .accordion-maintenance section .dropdown .allnotes button.btn-hidden span { font-size: 18px; line-height: 1; visibility: visible; margin: 0 0 0 20px; color: #4b4b4b; cursor: pointer; } .accordion-maintenance section .dropdown .addattach { display: flex; height: 64px; align-items: center; justify-content: center; border-top: solid 1px #fff; } .accordion-maintenance section .dropdown .addattach .btn { box-sizing: border-box; border-radius: 2px; margin: 0 8px; text-align: center; font-size: 18px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); padding: 14px 17px; border: none; background-image: linear-gradient(to bottom, #f1f1f1, #bbbcbc); color: #002680; } .accordion-maintenance section .dropdown .addattach .btn:active { background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1); border: none !important; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.4) !important; } .accordion-maintenance section .dropdown .addattach .btn:hover { box-shadow: inset 0px 0px 0px 2px #8eb5e2; } .accordion-maintenance section .dropdown .addattach .btn.dark-blue { background-color: #002680; color: white; } .accordion-maintenance section .dropdown .addattach .btn.btn-danger { color: #d0021b; } .accordion-maintenance section .dropdown .addattach .group-button-add-attach { font-size: 18px; line-height: 1; color: #4b4b4b; } .accordion-maintenance section .dropdown .addnote { height: 160px; width: 408px; display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto; border-top: solid 2px #fff; } .accordion-maintenance section .dropdown .addnote .addnote-header { display: flex; flex-flow: row; height: 58px; } .accordion-maintenance section .dropdown .addnote .addnote-header textarea { border: none; resize: none; padding: 3px; box-sizing: border-box; } .accordion-maintenance section .dropdown .addnote .addnote-header .avatar { width: 40px; height: 40px; margin-left: 16px; margin-top: 8px; float: left; background-color: #f4bf7e; color: black; line-height: 40px; border-radius: 20px; text-align: center; font-family: Arial, sans-serif; font-size: 18px; font-weight: bold; text-transform: uppercase; } .accordion-maintenance section .dropdown .addnote .addnote-header .text-add-note { margin-left: 8px; width: 328px; height: 40px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); margin-top: 8px; float: right; } .accordion-maintenance section .dropdown .addnote .addnote-buttons { display: flex; width: 100%; justify-content: flex-end; } .depot-action-container { height: 490px; width: 704px; top: calc(50% - 245px); left: calc(50% - 352px); display: flex; justify-content: center; align-items: center; } .depot-action-container .depot-action-loading, .depot-action-container .depot-action-transfer, .depot-action-container .depot-action-unloading, .depot-action-container .depot-action-generic { width: 704px; height: 490px; border-radius: 2px; background-color: #fff; } .depot-action-container .depot-action-loading .depot-action-loading-header, .depot-action-container .depot-action-transfer .depot-action-loading-header, .depot-action-container .depot-action-unloading .depot-action-loading-header, .depot-action-container .depot-action-generic .depot-action-loading-header, .depot-action-container .depot-action-loading .depot-action-transfer-header, .depot-action-container .depot-action-transfer .depot-action-transfer-header, .depot-action-container .depot-action-unloading .depot-action-transfer-header, .depot-action-container .depot-action-generic .depot-action-transfer-header, .depot-action-container .depot-action-loading .depot-action-unloading-header, .depot-action-container .depot-action-transfer .depot-action-unloading-header, .depot-action-container .depot-action-unloading .depot-action-unloading-header, .depot-action-container .depot-action-generic .depot-action-unloading-header, .depot-action-container .depot-action-loading .depot-action-generic-header, .depot-action-container .depot-action-transfer .depot-action-generic-header, .depot-action-container .depot-action-unloading .depot-action-generic-header, .depot-action-container .depot-action-generic .depot-action-generic-header { width: 100%; height: 60px; color: #002680; border-bottom: solid 2px #bbbcbc; } .depot-action-container .depot-action-loading .depot-action-loading-header .depot-action-loading-header-label, .depot-action-container .depot-action-transfer .depot-action-loading-header .depot-action-loading-header-label, .depot-action-container .depot-action-unloading .depot-action-loading-header .depot-action-loading-header-label, .depot-action-container .depot-action-generic .depot-action-loading-header .depot-action-loading-header-label, .depot-action-container .depot-action-loading .depot-action-transfer-header .depot-action-loading-header-label, .depot-action-container .depot-action-transfer .depot-action-transfer-header .depot-action-loading-header-label, .depot-action-container .depot-action-unloading .depot-action-transfer-header .depot-action-loading-header-label, .depot-action-container .depot-action-generic .depot-action-transfer-header .depot-action-loading-header-label, .depot-action-container .depot-action-loading .depot-action-unloading-header .depot-action-loading-header-label, .depot-action-container .depot-action-transfer .depot-action-unloading-header .depot-action-loading-header-label, .depot-action-container .depot-action-unloading .depot-action-unloading-header .depot-action-loading-header-label, .depot-action-container .depot-action-generic .depot-action-unloading-header .depot-action-loading-header-label, .depot-action-container .depot-action-loading .depot-action-generic-header .depot-action-loading-header-label, .depot-action-container .depot-action-transfer .depot-action-generic-header .depot-action-loading-header-label, .depot-action-container .depot-action-unloading .depot-action-generic-header .depot-action-loading-header-label, .depot-action-container .depot-action-generic .depot-action-generic-header .depot-action-loading-header-label, .depot-action-container .depot-action-loading .depot-action-loading-header .depot-action-transfer-header-label, .depot-action-container .depot-action-transfer .depot-action-loading-header .depot-action-transfer-header-label, .depot-action-container .depot-action-unloading .depot-action-loading-header .depot-action-transfer-header-label, .depot-action-container .depot-action-generic .depot-action-loading-header .depot-action-transfer-header-label, .depot-action-container .depot-action-loading .depot-action-transfer-header .depot-action-transfer-header-label, .depot-action-container .depot-action-transfer .depot-action-transfer-header .depot-action-transfer-header-label, .depot-action-container .depot-action-unloading .depot-action-transfer-header .depot-action-transfer-header-label, .depot-action-container .depot-action-generic .depot-action-transfer-header .depot-action-transfer-header-label, .depot-action-container .depot-action-loading .depot-action-unloading-header .depot-action-transfer-header-label, .depot-action-container .depot-action-transfer .depot-action-unloading-header .depot-action-transfer-header-label, .depot-action-container .depot-action-unloading .depot-action-unloading-header .depot-action-transfer-header-label, .depot-action-container .depot-action-generic .depot-action-unloading-header .depot-action-transfer-header-label, .depot-action-container .depot-action-loading .depot-action-generic-header .depot-action-transfer-header-label, .depot-action-container .depot-action-transfer .depot-action-generic-header .depot-action-transfer-header-label, .depot-action-container .depot-action-unloading .depot-action-generic-header .depot-action-transfer-header-label, .depot-action-container .depot-action-generic .depot-action-generic-header .depot-action-transfer-header-label, .depot-action-container .depot-action-loading .depot-action-loading-header .depot-action-unloading-header-label, .depot-action-container .depot-action-transfer .depot-action-loading-header .depot-action-unloading-header-label, .depot-action-container .depot-action-unloading .depot-action-loading-header .depot-action-unloading-header-label, .depot-action-container .depot-action-generic .depot-action-loading-header .depot-action-unloading-header-label, .depot-action-container .depot-action-loading .depot-action-transfer-header .depot-action-unloading-header-label, .depot-action-container .depot-action-transfer .depot-action-transfer-header .depot-action-unloading-header-label, .depot-action-container .depot-action-unloading .depot-action-transfer-header .depot-action-unloading-header-label, .depot-action-container .depot-action-generic .depot-action-transfer-header .depot-action-unloading-header-label, .depot-action-container .depot-action-loading .depot-action-unloading-header .depot-action-unloading-header-label, .depot-action-container .depot-action-transfer .depot-action-unloading-header .depot-action-unloading-header-label, .depot-action-container .depot-action-unloading .depot-action-unloading-header .depot-action-unloading-header-label, .depot-action-container .depot-action-generic .depot-action-unloading-header .depot-action-unloading-header-label, .depot-action-container .depot-action-loading .depot-action-generic-header .depot-action-unloading-header-label, .depot-action-container .depot-action-transfer .depot-action-generic-header .depot-action-unloading-header-label, .depot-action-container .depot-action-unloading .depot-action-generic-header .depot-action-unloading-header-label, .depot-action-container .depot-action-generic .depot-action-generic-header .depot-action-unloading-header-label, .depot-action-container .depot-action-loading .depot-action-loading-header .depot-action-generic-header-label, .depot-action-container .depot-action-transfer .depot-action-loading-header .depot-action-generic-header-label, .depot-action-container .depot-action-unloading .depot-action-loading-header .depot-action-generic-header-label, .depot-action-container .depot-action-generic .depot-action-loading-header .depot-action-generic-header-label, .depot-action-container .depot-action-loading .depot-action-transfer-header .depot-action-generic-header-label, .depot-action-container .depot-action-transfer .depot-action-transfer-header .depot-action-generic-header-label, .depot-action-container .depot-action-unloading .depot-action-transfer-header .depot-action-generic-header-label, .depot-action-container .depot-action-generic .depot-action-transfer-header .depot-action-generic-header-label, .depot-action-container .depot-action-loading .depot-action-unloading-header .depot-action-generic-header-label, .depot-action-container .depot-action-transfer .depot-action-unloading-header .depot-action-generic-header-label, .depot-action-container .depot-action-unloading .depot-action-unloading-header .depot-action-generic-header-label, .depot-action-container .depot-action-generic .depot-action-unloading-header .depot-action-generic-header-label, .depot-action-container .depot-action-loading .depot-action-generic-header .depot-action-generic-header-label, .depot-action-container .depot-action-transfer .depot-action-generic-header .depot-action-generic-header-label, .depot-action-container .depot-action-unloading .depot-action-generic-header .depot-action-generic-header-label, .depot-action-container .depot-action-generic .depot-action-generic-header .depot-action-generic-header-label { font-size: 20px; padding: 19px 0 0 24px; } .depot-action-container .depot-action-loading .depot-action-loading-body, .depot-action-container .depot-action-transfer .depot-action-loading-body, .depot-action-container .depot-action-unloading .depot-action-loading-body, .depot-action-container .depot-action-generic .depot-action-loading-body, .depot-action-container .depot-action-loading .depot-action-transfer-body, .depot-action-container .depot-action-transfer .depot-action-transfer-body, .depot-action-container .depot-action-unloading .depot-action-transfer-body, .depot-action-container .depot-action-generic .depot-action-transfer-body, .depot-action-container .depot-action-loading .depot-action-unloading-body, .depot-action-container .depot-action-transfer .depot-action-unloading-body, .depot-action-container .depot-action-unloading .depot-action-unloading-body, .depot-action-container .depot-action-generic .depot-action-unloading-body, .depot-action-container .depot-action-loading .depot-action-generic-body, .depot-action-container .depot-action-transfer .depot-action-generic-body, .depot-action-container .depot-action-unloading .depot-action-generic-body, .depot-action-container .depot-action-generic .depot-action-generic-body { width: 100%; height: calc(100% - 62px); } .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-loading-body-header, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-loading-body-header, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-loading-body-header, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-loading-body-header, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-loading-body-header, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-loading-body-header, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-loading-body-header, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-loading-body-header, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-loading-body-header, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-loading-body-header, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-loading-body-header, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-loading-body-header, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-loading-body-header, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-loading-body-header, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-loading-body-header, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-loading-body-header, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-transfer-body-header, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-transfer-body-header, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-transfer-body-header, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-transfer-body-header, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-transfer-body-header, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-transfer-body-header, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-transfer-body-header, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-transfer-body-header, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-transfer-body-header, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-transfer-body-header, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-transfer-body-header, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-transfer-body-header, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-transfer-body-header, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-transfer-body-header, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-transfer-body-header, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-transfer-body-header, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-unloading-body-header, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-unloading-body-header, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-unloading-body-header, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-unloading-body-header, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-unloading-body-header, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-unloading-body-header, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-unloading-body-header, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-unloading-body-header, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-unloading-body-header, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-unloading-body-header, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-unloading-body-header, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-unloading-body-header, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-unloading-body-header, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-unloading-body-header, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-unloading-body-header, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-unloading-body-header, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-generic-body-header, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-generic-body-header, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-generic-body-header, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-generic-body-header, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-generic-body-header, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-generic-body-header, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-generic-body-header, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-generic-body-header, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-generic-body-header, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-generic-body-header, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-generic-body-header, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-generic-body-header, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-generic-body-header, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-generic-body-header, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-generic-body-header, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-generic-body-header { height: calc(100% - 36px); display: flex; flex-flow: column; align-items: center; justify-content: center; color: #4b4b4b; font-size: 20px; } .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-loading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-loading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-loading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-loading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-loading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-loading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-loading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-loading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-loading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-loading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-loading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-loading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-loading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-loading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-loading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-loading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-transfer-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-transfer-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-transfer-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-transfer-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-transfer-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-transfer-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-transfer-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-transfer-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-unloading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-unloading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-unloading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-unloading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-unloading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-unloading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-unloading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-unloading-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-generic-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-generic-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-generic-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-generic-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-generic-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-generic-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-generic-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-generic-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-generic-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-generic-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-generic-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-generic-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-generic-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-generic-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-generic-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-generic-body-header .depot-action-loading-body-htext, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-loading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-loading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-loading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-loading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-loading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-loading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-loading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-loading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-loading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-loading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-loading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-loading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-loading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-loading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-loading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-loading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-transfer-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-transfer-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-transfer-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-transfer-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-transfer-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-transfer-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-transfer-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-transfer-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-unloading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-unloading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-unloading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-unloading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-unloading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-unloading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-unloading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-unloading-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-generic-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-generic-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-generic-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-generic-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-generic-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-generic-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-generic-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-generic-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-generic-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-generic-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-generic-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-generic-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-generic-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-generic-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-generic-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-generic-body-header .depot-action-transfer-body-htext, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-loading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-loading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-loading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-loading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-loading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-loading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-loading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-loading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-loading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-loading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-loading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-loading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-loading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-loading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-loading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-loading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-transfer-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-transfer-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-transfer-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-transfer-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-transfer-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-transfer-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-transfer-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-transfer-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-unloading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-unloading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-unloading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-unloading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-unloading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-unloading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-unloading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-unloading-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-generic-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-generic-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-generic-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-generic-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-generic-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-generic-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-generic-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-generic-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-generic-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-generic-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-generic-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-generic-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-generic-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-generic-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-generic-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-generic-body-header .depot-action-unloading-body-htext, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-loading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-loading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-loading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-loading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-loading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-loading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-loading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-loading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-loading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-loading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-loading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-loading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-loading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-loading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-loading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-loading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-transfer-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-transfer-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-transfer-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-transfer-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-transfer-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-transfer-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-transfer-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-transfer-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-unloading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-unloading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-unloading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-unloading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-unloading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-unloading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-unloading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-unloading-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-generic-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-generic-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-generic-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-generic-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-generic-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-generic-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-generic-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-generic-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-generic-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-generic-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-generic-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-generic-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-generic-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-generic-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-generic-body-header .depot-action-generic-body-htext, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-generic-body-header .depot-action-generic-body-htext { font-size: 18px; font-weight: 600; line-height: 1.11; color: #4b4b4b; margin-bottom: 15px; } .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-loading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-loading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-loading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-loading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-loading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-loading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-loading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-loading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-loading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-loading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-loading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-loading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-loading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-loading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-loading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-loading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-transfer-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-transfer-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-transfer-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-transfer-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-transfer-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-transfer-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-transfer-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-transfer-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-unloading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-unloading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-unloading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-unloading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-unloading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-unloading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-unloading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-unloading-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-generic-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-generic-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-generic-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-generic-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-generic-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-generic-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-generic-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-generic-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-generic-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-generic-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-generic-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-generic-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-generic-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-generic-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-generic-body-header .depot-action-transfer-body-box, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-generic-body-header .depot-action-transfer-body-box { display: flex; flex-flow: row; } .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-loading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-loading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-loading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-loading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-loading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-loading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-loading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-loading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-loading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-loading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-loading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-loading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-loading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-loading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-loading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-loading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-transfer-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-transfer-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-transfer-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-transfer-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-transfer-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-transfer-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-transfer-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-transfer-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-unloading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-unloading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-unloading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-unloading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-unloading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-unloading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-unloading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-unloading-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-generic-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-generic-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-generic-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-generic-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-generic-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-generic-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-generic-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-generic-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-generic-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-generic-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-generic-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-generic-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-generic-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-generic-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-generic-body-header .depot-action-start-needed-body-box, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-generic-body-header .depot-action-start-needed-body-box { background-color: #657178; height: 100%; width: 100%; font-size: 18px; line-height: 1.11; display: flex; flex-flow: column; align-items: center; justify-content: center; } .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-loading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-loading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-loading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-loading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-loading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-loading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-loading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-loading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-loading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-loading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-loading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-loading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-loading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-loading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-loading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-loading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-transfer-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-transfer-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-transfer-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-transfer-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-transfer-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-transfer-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-transfer-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-transfer-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-unloading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-unloading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-unloading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-unloading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-unloading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-unloading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-unloading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-unloading-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-generic-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-generic-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-generic-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-generic-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-generic-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-generic-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-generic-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-generic-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-generic-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-generic-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-generic-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-generic-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-generic-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-generic-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-generic-body-header .depot-action-start-needed-body-box span, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-generic-body-header .depot-action-start-needed-body-box span { display: flex; flex-flow: column; align-items: center; justify-content: center; color: #fff; text-decoration: none; } .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-loading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-loading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-loading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-loading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-loading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-loading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-loading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-loading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-loading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-loading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-loading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-loading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-loading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-loading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-loading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-loading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-transfer-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-transfer-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-transfer-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-transfer-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-transfer-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-transfer-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-transfer-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-transfer-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-transfer-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-transfer-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-unloading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-unloading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-unloading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-unloading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-unloading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-unloading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-unloading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-unloading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-unloading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-unloading-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-loading .depot-action-loading-body .depot-action-generic-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-transfer .depot-action-loading-body .depot-action-generic-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-unloading .depot-action-loading-body .depot-action-generic-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-generic .depot-action-loading-body .depot-action-generic-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-loading .depot-action-transfer-body .depot-action-generic-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-transfer .depot-action-transfer-body .depot-action-generic-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-unloading .depot-action-transfer-body .depot-action-generic-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-generic .depot-action-transfer-body .depot-action-generic-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-loading .depot-action-unloading-body .depot-action-generic-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-transfer .depot-action-unloading-body .depot-action-generic-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-unloading .depot-action-unloading-body .depot-action-generic-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-generic .depot-action-unloading-body .depot-action-generic-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-loading .depot-action-generic-body .depot-action-generic-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-transfer .depot-action-generic-body .depot-action-generic-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-unloading .depot-action-generic-body .depot-action-generic-body-header .depot-action-start-needed-body-box img, .depot-action-container .depot-action-generic .depot-action-generic-body .depot-action-generic-body-header .depot-action-start-needed-body-box img { margin-top: 10px; } .production-container { height: 100%; width: 100%; display: flex; padding-top: 104px; justify-content: left; } .production-container .production-box { width: 1882px; height: 880px; } .production-container .production-box .production-left-box { width: 1336px; height: 100%; display: flex; flex-flow: row; float: left; } .production-container .production-box .production-left-box .list-tab-vertical { width: 43px; height: 100%; display: flex; flex-flow: column; } .production-container .production-box .production-left-box .list-tab-vertical .tab { width: 56px; height: 168px; background-color: #fff; } .production-container .production-box .production-left-box .box-left { height: 100%; width: 1288px; display: flex; flex-flow: row; background-color: #fff; z-index: 100; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .production-container .production-box .production-left-box .box-left .box-left-video { display: flex; width: 100%; height: 100%; flex-flow: column; align-items: center; float: left; margin-right: 8px; margin-left: 8px; } .production-container .production-box .production-left-box .box-left .box-left-video .box-header { width: 1034px; height: 67px; display: flex; flex-flow: row; justify-content: center; align-items: center; position: relative; } .production-container .production-box .production-left-box .box-left .box-left-video .box-header .title-header-label { position: absolute; left: 0; top: 22px; font-size: 20px; color: #002680; } .production-container .production-box .production-left-box .box-left .box-left-video .box-header button.btn { margin: 0; width: 90px; } .production-container .production-box .production-left-box .box-left .box-left-video .box-header button.btn.pressed { background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1); border: none !important; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.4) !important; } .production-container .production-box .production-left-box .box-left .box-left-video .cnc { position: relative; width: 1034px; height: 778px; background-color: #979797; display: flex; flex-flow: row; } .production-container .production-box .production-left-box .box-left .box-left-video #cnc-img { position: absolute; top: 5px; left: 5px; height: 768px; width: 1024px; border: none; } .production-container .production-box .production-left-box .box-left .box-left-video #prod-div { position: absolute; top: 5px; left: 5px; height: 768px; width: 1024px; border: none; background-color: #bbbcbc; } .production-container .production-box .production-left-box .box-left .box-left-video #cnc-img-fanuc { position: absolute; top: 19px; left: 37px; height: 740px; width: 960px; border: none; } .production-container .production-box .production-left-box .box-left .box-left-video .cms { width: 1034px; height: 778px; display: flex; flex-flow: row; align-items: center; justify-content: center; background-color: #979797; } .production-container .production-box .production-left-box .box-left .settings { display: flex; flex-flow: column; float: right; width: 232px; margin-right: 8px; } .production-container .production-box .production-left-box .box-left .settings .setting-top { height: 558px; width: 232px; border-radius: 2px; margin-top: 16px; margin-right: 8px; } .production-container .production-box .production-left-box .box-left .settings .setting-bottom { height: 353px; width: 232px; border-radius: 2px; margin-top: 12px; margin-bottom: 16px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .production-container .production-box .production-left-box .box-left .settings .setting-bottom button:nth-child(odd), .production-container .production-box .production-left-box .box-left .settings .setting-bottom button:nth-child(even) { display: flex; justify-content: center; } .production-container .production-box .production-left-box .box-left .settings .setting-bottom button:nth-child(even) { float: right; } .production-container .production-box .production-left-box .box-left .settings .setting-bottom button:nth-child(odd) { float: left; } .production-container .production-box .production-left-box .box-left .settings .setting-bottom button.soft { margin: 8px 10px; } .production-container .production-box .production-left-box .box-left .settings .setting-bottom button:nth-child(1), .production-container .production-box .production-left-box .box-left .settings .setting-bottom button:nth-child(2) { margin-top: 16px; } .production-container .production-box .head { height: 416px; width: 530px; float: right; display: flex; flex-flow: column; overflow: auto; } .production-container .production-box .head .head-production { margin: 4px 0; } .production-container .production-box .head .head-production:first-child { margin-top: 0; } .production-container .production-box .box-softkeys-prefered { margin-top: 8px; width: 530px; height: 456px; display: flex; flex-flow: column; background-color: #fff; float: right; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); position: relative; } .production-container .production-box .box-softkeys-prefered.has-scada { height: 360px !important; } .production-container .production-box .box-softkeys-prefered .SelectionInProgress { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 2em; font-weight: 600; background-color: rgba(217, 217, 217, 0.5); flex-flow: column; line-height: 2.5em; } .production-container .production-box .box-softkeys-prefered .box-softkeys-prefered-header { display: flex; height: 62px; min-height: 62px; width: 100%; color: #002680; font-size: 20px; border-bottom: solid 2px #979797; margin-bottom: 8px; } .production-container .production-box .box-softkeys-prefered .box-softkeys-prefered-header .box-softkeys-prefered-header-label { height: 100%; width: 1000%; display: flex; align-items: center; margin-left: 15px; } .production-container .production-box .box-softkeys-prefered .box-softkeys-prefered-header .box-softkeys-prefered-header-button { display: flex; align-items: center; height: 100%; width: 100%; } .production-container .production-box .box-softkeys-prefered .box-softkeys-prefered-body { width: 98%; height: 82%; display: flex; flex-flow: column; justify-content: flex-start; align-items: center; position: relative; } .production-container .production-box .box-softkeys-prefered .box-softkeys-prefered-body.confirm::after { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); cursor: wait; } .production-container .production-box .box-softkeys-prefered .box-softkeys-prefered-body .softkeys-prefered { margin: 0px 0px 8px 0px; } .production-container .production-box .box-softkeys-prefered .box-softkeys-prefered-body .softkeys-prefered .otherMenuOpened { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.75); cursor: default; } .production-container .production-box .box-softkeys-prefered .box-softkeys-prefered-body .softkeys-prefered .toggle { margin-right: 0; } .production-container .production-box .box-softkeys-prefered .box-softkeys-prefered-body .softkeys-prefered:active:not(:focus-within):not(.otherMenuOpened):not(.disabled) { background-color: #bbbcbc; } .production-container .production-box .box-softkeys-prefered .box-softkeys-prefered-body .softkeys-prefered:active:not(:focus-within):not(.otherMenuOpened):not(.disabled) * { color: #fff; border-color: #fff; } .production-container .production-box .box-softkeys-prefered .box-softkeys-prefered-footer { height: 72px; min-height: 72px; display: flex; justify-content: space-between; align-items: center; bottom: 0; background-color: #002680; z-index: 100; color: #fff; font-size: 24px; padding: 0 30px; } .process-selection-maintenance { position: absolute; width: 43px; height: 100%; z-index: 0; } .process-selection-maintenance .process { font-size: 40px; color: #002680; width: 32px; height: 134px; margin-left: 11px; border-bottom-left-radius: 6px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); box-sizing: border-box; display: flex; justify-content: center; align-items: center; flex-flow: column; cursor: pointer; } .process-selection-maintenance .process.selected { width: 43px; height: 208px; margin: 0; border-bottom-left-radius: 6px; border-top-left-radius: 6px; font-size: 48px; font-weight: 600; cursor: default; } .process-selection-maintenance .process.error { color: #fff; background-color: #d0021b; } .process-selection-maintenance .process:nth-child(1) { border-top-left-radius: 6px; } .create-queue-container { height: 100%; width: 100%; display: flex; flex-flow: row; justify-content: center; padding-top: 104px; } .create-queue-container .create-queue-add-queue { display: flex; float: left; width: 1344px; height: 873px; flex-flow: column; background-color: #fff; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-header { height: 161px; width: 100%; display: flex; flex-flow: column; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-header .title { height: 81px; display: flex; align-items: center; font-size: 20px; color: #002680; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-header .title i { margin-left: 29px; margin-right: 22px; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-header .box-search { width: 100%; height: 80px; display: flex; flex-flow: row; align-items: center; background-color: #979797; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-header .box-search .path { display: flex; flex-flow: row; width: 600px; color: #fff; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-header .box-search .path .root, .create-queue-container .create-queue-add-queue .create-queue-add-queue-header .box-search .path .child { margin: 0px 22px; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-header .box-search .path .child:last-child { font-weight: 600; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-header .box-search .search { display: flex; width: 100%; justify-content: flex-end; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-header .box-search .search input { width: 688px; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); border: solid 1px #dfdfdf; background-color: #f8f8f8; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-body { height: calc(100% - 240px); width: 100%; display: flex; flex-flow: row; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-body .first-column { height: calc(100% - 19px); width: 188px; border-right: solid 2px #e7e7e7; display: flex; flex-flow: column; padding-top: 19px; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-body .first-column .card-folder-path { width: 159px; display: flex; margin-top: 8px 0 8px 5px; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-body .second-column { height: calc(100% - 19px); width: 343px; border-right: solid 2px #e7e7e7; display: flex; flex-flow: column; padding-top: 19px; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-body .second-column input[type=text] { border: none; border-bottom: 1px solid #0000; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-body .second-column .content { width: 94%; height: 100%; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-body .second-column .content .card-folder-path { width: 280px; display: flex; margin-top: 8px 0 8px 8px; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-body .third-column { height: calc(100% - 19px); width: 343px; border-right: solid 2px #e7e7e7; display: flex; flex-flow: column; padding-top: 19px; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-body .third-column .content { width: 94%; height: 100%; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-body .third-column .content .card-folder-path { width: 280px; display: flex; margin-top: 8px 0 8px 8px; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-body .selected-item { width: calc(100% - 874px); height: 100%; display: flex; flex-flow: column; padding: 0 16px 0 22px; overflow: auto; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-body .selected-item .selected-item-header { height: 78px; width: 100%; display: flex; flex-flow: row; align-items: center; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-body .selected-item .selected-item-header .selected-item-title { height: 100%; width: 100%; display: flex; align-items: center; justify-content: flex-start; color: #002680; font-size: 20px; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-body .selected-item .selected-item-header .group-button { height: 100%; width: 100%; display: flex; align-items: center; justify-content: flex-end; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-body .selected-item .selected-item-header .group-button i { font-size: 24px; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-body .selected-item .selected-item-body { width: 100%; height: calc(100% - 78px); border-top: solid 2px #e7e7e7; display: flex; flex-flow: column; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-body .selected-item .selected-item-body .selected-item-body-image { display: flex; width: 100%; height: 316px; align-items: center; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-body .selected-item .selected-item-body .selected-item-body-description { display: flex; width: 100%; height: calc(100% - 360px); flex-flow: column; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-body .selected-item .selected-item-body .selected-item-body-description .title { font-size: 18px; line-height: 1; color: #002680; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-body .selected-item .selected-item-body .selected-item-body-description .text { width: 100%; font-size: 18px; color: #4b4b4b; } .create-queue-container .create-queue-add-queue .create-queue-add-queue-footer { height: 79px; width: 100%; display: flex; align-items: center; justify-content: flex-end; border-top: solid 2px #e7e7e7; } .create-queue-container .create-queue-queue { display: flex; float: right; flex-flow: column; width: 448px; height: 873px; margin-left: 16px; background-color: #fff; } .create-queue-container .create-queue-queue .create-queue-queue-header { height: 79px; width: 100%; display: flex; flex-flow: row; } .create-queue-container .create-queue-queue .create-queue-queue-header .title { width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-start; font-size: 20px; margin-left: 24px; color: #002680; } .create-queue-container .create-queue-queue .create-queue-queue-header .group-button { width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-end; } .create-queue-container .create-queue-queue .create-queue-queue-header .group-button i { font-size: 24px; } .create-queue-container .create-queue-queue .create-queue-queue-body { height: calc(100% - 158px); width: calc(100% - 24px); display: flex; flex-flow: column; align-items: center; justify-content: flex-start; margin: 0px 16px 0px 8px; } .create-queue-container .create-queue-queue .create-queue-queue-body .create-queue-queue-body-box { display: flex; flex-flow: row; align-items: center; justify-content: flex-start; } .create-queue-container .create-queue-queue .create-queue-queue-body .create-queue-queue-body-box label.number-card { margin-right: 16px; } .create-queue-container .create-queue-queue .create-queue-queue-body .create-queue-queue-body-box .card-element-queue:first-child { margin: 16px 0 4px 0; } .create-queue-container .create-queue-queue .create-queue-queue-body .create-queue-queue-body-box .card-element-queue { margin: 4px 0; } .create-queue-container .create-queue-queue .create-queue-queue-footer { height: 79px; width: 100%; display: flex; flex-flow: row; border-top: solid 2px #e7e7e7; } .create-queue-container .create-queue-queue .create-queue-queue-footer .label-footer { width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: center; margin-left: 24px; font-size: 20px; color: #002680; } .create-queue-container .create-queue-queue .create-queue-queue-footer .button-load-queue { width: 100%; height: 100%; display: flex; justify-content: flex-end; align-items: center; } .program-management-container { width: 1504px; height: 759px; display: flex; flex-flow: column; } .program-management-container .header { height: 65px; width: 100%; display: flex; align-items: center; background-color: #fff; font-size: 24px; font-weight: 600; color: #002680; } .program-management-container .header label { margin-left: 24px; } .program-management-container .program-management-body { width: 100%; height: 694px; background-color: #bbbcbc; display: flex; flex-flow: row; align-items: center; justify-content: center; } .job-editor-container { height: 100%; width: 100%; display: flex; justify-content: center; padding-top: 104px; } .job-editor-container .job-editor-box { width: 1808px; height: 872px; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .job-editor-container .job-editor-box .job-editor-header { width: 100%; height: 79px; display: flex; flex-flow: row; align-items: center; border-bottom: solid 2px #e7e7e7; } .job-editor-container .job-editor-box .job-editor-header .title { width: 145px; justify-content: flex-start; margin-left: 23px; font-size: 20px; color: #002680; } .job-editor-container .job-editor-box .job-editor-header .title label { width: 145px; height: 24px; } .job-editor-container .job-editor-box .job-editor-header .search-job { display: flex; flex-flow: row; margin-left: 24px; } .job-editor-container .job-editor-box .job-editor-header .search-job .job-name-box { font-size: 18px; line-height: 1.11; color: #4b4b4b; padding: 0 5px; box-sizing: border-box; width: 300px; } .job-editor-container .job-editor-box .job-editor-header .search-job .btn { width: 70px; } .job-editor-container .job-editor-box .job-editor-header .search-job .fa { font-size: 24px; cursor: pointer; } .job-editor-container .job-editor-box .job-editor-header .search-job span { display: flex; align-items: center; text-align: center; color: #002680; height: 48px; font-size: 20px; } .job-editor-container .job-editor-box .job-editor-header .group-button { display: flex; flex-flow: row; width: 100%; justify-content: flex-end; } .job-editor-container .job-editor-box .job-editor-body { width: 100%; height: 711px; display: flex; flex-flow: row; align-items: center; } .job-editor-container .job-editor-box .job-editor-body .job-editor-column-left { width: 488px; height: 711px; display: flex; flex-flow: column; justify-content: flex-start; } .job-editor-container .job-editor-box .job-editor-body .job-editor-column-left .column-left-title { display: flex; justify-content: center; width: 100%; margin-top: 24px; margin-bottom: 23px; } .job-editor-container .job-editor-box .job-editor-body .job-editor-column-left .column-left-title span { width: 456px; font-size: 18px; line-height: 1.11; color: #4b4b4b; } .job-editor-container .job-editor-box .job-editor-body .job-editor-column-left .column-left-objects-big, .job-editor-container .job-editor-box .job-editor-body .job-editor-column-left .column-left-objects-small { display: flex; justify-content: center; width: 100%; margin: 8px 0; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box { width: 100%; height: 711px; display: flex; justify-content: flex-end; background-color: #f3f3f3; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-left { width: 832px; height: 711px; display: flex; justify-content: flex-start; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right { width: 488px; height: 711px; display: flex; flex-flow: column; justify-content: flex-end; background-color: #fff; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-header { height: 64px; display: flex; align-items: center; margin-left: 14px; font-size: 18px; line-height: 1.11; color: #002680; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body { height: 647px; display: flex; flex-flow: column; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .tab-box { height: 50px; width: 100%; background-color: #e7e7e7; display: flex; flex-direction: row; border: none !important; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .tab-box .tab { flex-grow: 0; flex-shrink: 0; float: left !important; width: 162px !important; height: 100% !important; margin: 0 !important; padding: 0; border: none !important; border-right: solid 1px #979797 !important; background-color: #e7e7e7; font-size: 14px !important; line-height: 1.43 !important; color: #4b4b4b !important; position: relative; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .tab-box .tab.plus { border-right: none !important; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .tab-box .tab.plus .btn { float: left !important; margin: 0; width: 48px; height: 48px; position: absolute; top: calc(50% - 24px); margin-left: 20px; padding: 0; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .tab-box .tab.plus .btn .fa { vertical-align: middle; font-size: 21px; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .tab-box .tab:last-child { border-right: none !important; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .tab-box .active { background-color: #fff; border-top: solid 2px #1791ff !important; color: #1791ff !important; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .tab-box .tab-box-scroll { width: 100%; overflow-y: hidden; overflow-x: auto; display: flex; flex-direction: row; flex-basis: auto; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .tab-box .tab-box-scroll::-webkit-scrollbar { width: 5px; height: 5px; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .tab-box .tab-box-scroll::-webkit-scrollbar-thumb { border-radius: 5px; height: 1px; background-color: rgba(0, 0, 0, 0.3); } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container { height: 597px; padding: 0 16px; margin-right: 10px; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .title { display: flex; margin-top: 9px; font-size: 14px; font-weight: 600; line-height: 1.43; color: #4b4b4b; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .box-image { max-height: 192px; overflow: auto; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .box-image .filename { display: flex; height: 64px; align-items: center; cursor: pointer; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .box-image .filename i { margin: 0 20px 0 15px; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .box-image .filename span { width: 100%; font-size: 14px; line-height: 1.43; color: #4b4b4b; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .box-image .filename .right { width: 100%; display: flex; justify-content: flex-end; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .box-image .filename .right button.btn-hidden { visibility: hidden; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .box-image .filename .right button.btn-hidden i { font-size: 26px; visibility: visible; margin: 0 12px; cursor: pointer; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .box-image .filename.selected { background-color: rgba(255, 255, 255, 0.8); } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .all-message-box { max-height: 310px; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .all-message-box .message-box { width: 408px; min-height: 96px; display: flex; flex-flow: column; align-items: center; justify-content: center; margin: 0 auto; cursor: pointer; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .all-message-box .message-box .message-box-header { height: calc(100% - 20px); width: 100%; display: flex; flex-flow: row; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .all-message-box .message-box .message-box-header textarea { border: none; resize: none; background-color: transparent; padding: 3px; box-sizing: border-box; cursor: pointer; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .all-message-box .message-box .message-box-header .avatar { width: 40px; height: 40px; margin-left: 16px; margin-top: 8px; float: left; background-color: #f4bf7e; color: black; line-height: 40px; border-radius: 20px; text-align: center; font-family: Arial, sans-serif; font-size: 18px; font-weight: bold; text-transform: uppercase; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .all-message-box .message-box .message-box-header .text-message { margin-left: 8px; width: 328px; height: 40px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); margin-top: 8px; float: right; cursor: pointer; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .all-message-box .message-box .message-box-body { display: flex; width: 100%; height: 14px; margin-left: 132px; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .all-message-box .message-box .message-box-body.my { margin-top: 5px; margin-left: 15px; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .all-message-box .message-box .message-box-body .text-date { font-size: 12px; color: #4b4b4b; float: left; width: 100%; height: 100%; cursor: pointer; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .all-message-box .message-box .groupbutton { width: 100%; height: 32px; display: flex; justify-content: flex-end; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .all-message-box .message-box .groupbutton.enablemodify { height: 100%; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .all-message-box .message-box .groupbutton button.btn-hidden { visibility: hidden; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .all-message-box .message-box .groupbutton button.btn-hidden i { font-size: 26px; visibility: visible; margin: 0 12px; cursor: pointer; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .all-message-box .message-box .groupbutton .modify-padding { padding: 9px 0px; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .all-message-box .message-box.selected { background-color: rgba(255, 255, 255, 0.8); } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .allattach { display: flex; height: 64px; align-items: center; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .allattach button.btn-hidden { visibility: hidden; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .allattach button.btn-hidden span { font-size: 14px; line-height: 1.43; visibility: visible; margin: 0 0 0 9px; color: #002680; cursor: pointer; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .addattach { display: flex; height: 64px; align-items: center; justify-content: center; border-top: solid 2px #e7e7e7; border-bottom: solid 2px #979797; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .addattach .btn { box-sizing: border-box; border-radius: 2px; margin: 0 8px; text-align: center; font-size: 18px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); padding: 14px 17px; border: none; background-image: linear-gradient(to bottom, #f1f1f1, #bbbcbc); color: #002680; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .addattach .btn i { font-size: 22px; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .addattach .btn:active { background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1); border: none !important; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.4) !important; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .addattach .btn:hover { box-shadow: inset 0px 0px 0px 2px #8eb5e2; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .addattach .btn.dark-blue { background-color: #002680; color: white; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .addattach .btn.btn-danger { color: #d0021b; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .addattach .group-button-add-attach { font-size: 14px; line-height: 1.43; color: #002680; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .description { height: 200px; display: flex; flex-flow: column; border-bottom: solid 2px #979797; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .description .description-title { margin: 25px 0 0 0px; font-size: 14px; font-weight: 600; line-height: 1.43; color: #4b4b4b; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .description textarea { width: 425px; height: 120px; margin: 11px 0 0 0px; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .times { height: 343px; display: flex; flex-flow: column; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .times .times-title { margin: 16px 0 0 0px; font-size: 14px; font-weight: 600; line-height: 1.43; color: #4b4b4b; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .times .average-time { display: flex; flex-flow: row; align-items: center; margin-top: 8px; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .times .average-time label { font-size: 14px; line-height: 1.43; color: #4b4b4b; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .times .average-time span { display: flex; align-items: center; justify-content: center; margin-left: 16px; width: 154px; height: 46px; border-radius: 2px; border: solid 1px #bbbcbc; font-size: 18px; line-height: 1.11; color: #4b4b4b; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .historical { display: flex; flex-flow: column; height: 100%; margin-top: 13px; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .historical label { font-size: 14px; line-height: 1.43; color: #4b4b4b; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .historical table { width: 423px; height: 193px; border-collapse: collapse; border: solid 1px #979797; margin-top: 10px; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .historical td, .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .historical th { text-align: center; height: 46px; font-size: 14px; line-height: 1.43; color: #4b4b4b; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .historical td { min-height: 46px; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .historical thead tr th { font-size: 14px; line-height: 1.43; font-weight: 600; color: #4b4b4b; background-color: #fff; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .historical tr:nth-child(even) { background-color: #f3f3f3; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .historical tr:nth-child(odd) { background-color: rgba(23, 145, 255, 0.3); } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .job-editor-tools.scrollable { height: 519px; margin-top: 14px; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .job-editor-tools.scrollable .job-editor-button { display: flex; width: 100%; justify-content: flex-end; margin-top: 16px; margin-bottom: 16px; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .job-editor-tools.scrollable .tool { cursor: pointer; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .job-editor-tools.scrollable .tool img { background-color: #DDD; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .job-editor-tools.scrollable .tool.selected { background-color: rgba(23, 145, 255, 0.75); color: white !important; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .job-editor-tools.scrollable .tool.selected img { background-color: #FFF; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .job-editor-tools.scrollable .notfound { color: #d0021b; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .job-editor-tools.scrollable .notfound .selected img { background-color: #d0021b !important; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .job-editor-tools.scrollable .notfound.selected img { background-color: #d0021b !important; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .job-editor-tools-footer { display: flex; height: 62px; width: 100%; align-items: center; justify-content: center; border-top: solid 2px #e7e7e7; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .job-editor-tools-footer div { font-size: 14px; line-height: 1.43; color: #002680; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .job-editor-parameters.scrollable { height: 519px; margin-top: 14px; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .job-editor-parameters.scrollable .group-button { display: flex; width: 100%; justify-content: flex-end; margin-top: 16px; margin-bottom: 16px; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .job-editor-parameters.scrollable .input-box { width: 415px; height: 80px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); margin: 8px 2px; cursor: pointer; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .job-editor-parameters.scrollable .input-box .title { display: flex; align-items: center; width: 100%; height: 100%; margin-top: 0; color: #4b4b4b; font-size: 18px; line-height: 1.11; font-weight: normal; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .job-editor-parameters.scrollable .input-box .control > input { width: 200px; height: 48px; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .job-editor-parameters.scrollable select { width: 200px; height: 48px; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .job-editor-parameters.scrollable .togglebutton label input[type=checkbox] { display: flex; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .job-editor-parameters.scrollable .input-box.selected { background-color: rgba(23, 145, 255, 0.75); color: white; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .job-editor-parameters.scrollable .input-box.selected .title { color: white; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .job-editor-parameters-footer { display: flex; height: 62px; width: 100%; align-items: center; justify-content: center; border-top: solid 2px #e7e7e7; } .job-editor-container .job-editor-box .job-editor-body .job-editor-body-box .job-editor-body-box-right .box-right-body .box-right-body-container .job-editor-parameters-footer div { font-size: 14px; line-height: 1.43; color: #002680; } .job-editor-container .job-editor-box .job-editor-footer { display: flex; flex-flow: row; align-items: center; width: 100%; height: 78px; border-top: solid 2px #e7e7e7; } .job-editor-container .job-editor-box .job-editor-footer .button-left { display: flex; width: 100%; justify-content: flex-start; } .job-editor-container .job-editor-box .job-editor-footer .button-right { display: flex; width: 100%; justify-content: flex-end; } .editor { width: 100%; margin: 7px 20px; } .editor .buttons { display: flex; flex-flow: row; justify-content: flex-end; } .editor .buttons button { margin: 0; } .editor .buttons button[active=true] { background-image: linear-gradient(to bottom, #bbbcbc, #f1f1f1); border: none !important; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.4) !important; } .editor .interactive-editor { height: calc(100% - 70px); margin-top: 8px; } .editor .text-editor { height: calc(100% - 70px) !important; margin-top: 8px; background-color: #fff; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5); } .editor .smooth-dnd-container { height: 100%; } .card-scada-production { display: flex; max-width: 530px; width: 530px; height: 88px; border-radius: 2px; margin: 4px 0; float: right; align-items: center; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); background-color: #fff; flex-flow: row; } .card-scada-production .card-scada-prod-body { width: 100%; height: 100%; display: block; position: relative; overflow: hidden; } .card-scada-production .card-scada-prod-body .layer { position: absolute; } .card-scada-production .card-scada-prod-body .layer > * { position: absolute; } .card-scada-production .card-scada-prod-body .backimage { position: absolute; top: 0; left: 0; pointer-events: none; } .card-scada-production .card-scada-prod-body .btn { background: none; } .card-scada-production .card-scada-prod-body > * { position: absolute; } .card-scada-production .card-scada-prod-body input[type=number] { border: solid 1px #ccc; } .card-scada-production .card-scada-prod-body input[type=number]:disabled { border: solid 1px #FFFFFF; } .card-scada-production .card-scada-prod-body .input-group { display: flex; } .card-scada-production .card-scada-prod-body .input-group input::-webkit-outer-spin-button, .card-scada-production .card-scada-prod-body .input-group input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } .card-scada-production .card-scada-prod-body .input-group-append { display: flex; margin-left: 0px; align-items: center; justify-content: center; } .card-scada-production .card-scada-prod-body .appended-btn { position: relative; z-index: 2; background-image: linear-gradient(to bottom, #1756ad, #002680); color: white; border: #001e48 1px solid; } .card-scada-production .card-scada-prod-body .appended-btn:active { background-image: linear-gradient(to bottom, #002680, #1756ad) !important; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.4); border: #001e48 1px solid !important; color: #8eb5e2; } .scada-container { height: 100%; width: 100%; display: flex; justify-content: center; padding-top: 104px; } .scada-container .scada-box { width: 1808px; height: 872px; border-radius: 2px; background-color: #fff; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); display: flex; flex-flow: column; } .scada-container .scada-box .scada-tab-box { height: 64px; width: 100%; background-color: #e7e7e7; display: flex; flex-direction: row; border: none !important; overflow-x: auto; overflow-y: hidden; } .scada-container .scada-box .scada-tab-box::-webkit-scrollbar { width: 5px; height: 10px; } .scada-container .scada-box .scada-tab-box::-webkit-scrollbar-thumb { border-radius: 5px; height: 1px; background-color: rgba(0, 0, 0, 0.3); } .scada-container .scada-box .scada-tab-box .tab { flex-grow: 0; flex-shrink: 0; float: left !important; width: 288px !important; height: 100% !important; margin: 0 !important; padding: 0; border: none !important; border-right: solid 2px #fff !important; background-color: #e7e7e7; font-size: 18px !important; line-height: 1 !important; color: #002680 !important; position: relative; } .scada-container .scada-box .scada-tab-box .tab .btn { float: left !important; margin: 0; width: 48px; height: 48px; position: absolute; top: calc(50% - 24px); margin-left: 20px; padding: 0; } .scada-container .scada-box .scada-tab-box .tab .btn .fa { vertical-align: middle; font-size: 21px; } .scada-container .scada-box .scada-tab-box .active { background-color: #fff; border-top: solid 2px #1791ff !important; } .scada-container .scada-box .scada-tab-box .tab-box-scroll { width: 100%; overflow-y: hidden; overflow-x: auto; display: flex; flex-direction: row; flex-basis: auto; } .scada-container .scada-box .scada-tab-box .tab-box-scroll::-webkit-scrollbar { width: 5px; height: 5px; } .scada-container .scada-box .scada-tab-box .tab-box-scroll::-webkit-scrollbar-thumb { border-radius: 5px; height: 1px; background-color: rgba(0, 0, 0, 0.3); } .scada-container .scada-box .scada-box-body { flex: 1; position: relative; height: 100%; width: 100%; overflow: auto; } .scada-container .scada-box .scada-box-body input[type=number] { border: solid 1px #ccc; padding: 0px; } .scada-container .scada-box .scada-box-body input[type=number]:disabled { border: solid 1px #FFFFFF; } .scada-container .scada-box .scada-box-body .no-scada { color: #4b4b4b; text-align: center; top: calc(50% - 30px); position: absolute; width: 100%; } .scada-container .scada-box .scada-box-body .layer { position: absolute; width: 100%; height: 100%; } .scada-container .scada-box .scada-box-body .layer > * { position: absolute; } .scada-container .scada-box .scada-box-body .backimage { position: absolute; pointer-events: none; } .scada-container .scada-box .scada-box-body .btn { background: none; } .scada-container .scada-box .scada-box-body > * { position: absolute; } .scada-container .scada-box .scada-box-body .input-group { display: flex; } .scada-container .scada-box .scada-box-body .input-group input::-webkit-outer-spin-button, .scada-container .scada-box .scada-box-body .input-group input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } .scada-container .scada-box .scada-box-body .input-group-append { display: flex; margin-left: 0px; align-items: center; justify-content: center; } .scada-container .scada-box .scada-box-body .appended-btn { position: relative; z-index: 2; background-image: linear-gradient(to bottom, #1756ad, #002680); color: white; border: #001e48 1px solid; } .scada-container .scada-box .scada-box-body .appended-btn:active { background-image: linear-gradient(to bottom, #002680, #1756ad) !important; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.4); border: #001e48 1px solid !important; color: #8eb5e2; } .event-transparent { pointer-events: none; } .reports-container { height: 100%; width: 100%; display: flex; justify-content: center; padding-top: 104px; } .reports-container .reports-box { width: 1808px; height: 872px; border-radius: 2px; background-color: #fff; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); } .reports-container .reports-box .reports-tab-box { height: 64px; width: 100%; background-color: #e7e7e7; display: flex; flex-direction: row; border: none !important; } .reports-container .reports-box .reports-tab-box .tab { flex-grow: 0; flex-shrink: 0; float: left !important; width: 288px !important; height: 100% !important; margin: 0 !important; padding: 0; border: none !important; border-right: solid 2px #fff !important; background-color: #e7e7e7; font-size: 18px !important; line-height: 1 !important; color: #002680 !important; position: relative; } .reports-container .reports-box .reports-tab-box .tab .btn { float: left !important; margin: 0; width: 48px; height: 48px; position: absolute; top: calc(50% - 24px); margin-left: 20px; padding: 0; } .reports-container .reports-box .reports-tab-box .tab .btn .fa { vertical-align: middle; font-size: 21px; } .reports-container .reports-box .reports-tab-box .active { background-color: #fff; border-top: solid 2px #1791ff !important; } .reports-container .reports-box .reports-tab-box .tab-box-scroll { width: 100%; overflow-y: hidden; overflow-x: auto; display: flex; flex-direction: row; flex-basis: auto; } .reports-container .reports-box .reports-tab-box .tab-box-scroll::-webkit-scrollbar { width: 5px; height: 5px; } .reports-container .reports-box .reports-tab-box .tab-box-scroll::-webkit-scrollbar-thumb { border-radius: 5px; height: 1px; background-color: rgba(0, 0, 0, 0.3); } .reports-container .reports-box .reports-box-body { height: 784px; width: calc(100% - 48px); padding: 0 24px 24px 24px; display: flex; flex-flow: row; } .users-container { height: 100%; width: 100%; display: flex; justify-content: center; padding-top: 104px; } .users-container .users-box { width: 1808px; height: 872px; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .users-container .users-box .users-header { height: 64px; display: flex; align-items: center; border-bottom: solid 2px #e7e7e7; } .users-container .users-box .users-header .users-header-label { margin-left: 23px; font-size: 20px; color: #002680; } .users-container .users-box .users-body { height: calc(100% - 66px); display: flex; flex-flow: column; align-items: center; justify-content: flex-start; margin: 0 24px 0 24px; } .users-container .users-box .users-body .users-box-head { display: flex; flex-flow: row; align-items: flex-end; margin: 16px 0 16px 0; width: 100%; } .users-container .users-box .users-body .users-box-head > div { height: 70px; display: flex; flex-flow: column; margin-right: 12px; } .users-container .users-box .users-body .users-box-head > div label { font-size: 14px; display: block; line-height: 1.29; color: #878787; margin-bottom: 4px; } .users-container .users-box .users-body .users-box-head > div select { border-radius: 2px; height: 48px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); border: solid 1px #bbbcbc; font-size: 18px; line-height: 1.11; color: #4b4b4b; padding-left: 16px; } .users-container .users-box .users-body .users-box-head > div select.users-select-interval-date { width: 192px; } .users-container .users-box .users-body .users-box-head > div input.custom { width: 288px; height: 48px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); border: solid 1px #bbbcbc; font-size: 18px; line-height: 1.11; padding-left: 16px; } .users-container .users-box .users-body .users-box-head > div input[type="checkbox"] { color: #bbbcbc; } .users-container .users-box .users-body .users-box-head .group-button { display: flex; height: 100%; align-items: center; margin-left: auto; flex-flow: row; margin-right: 0; } .users-container .users-box .users-body .users-box-head .group-button .btn { padding: 0; padding: 0 20px; font-size: 18px; } .users-container .users-box .users-body .users-box-head .group-button .btn:last-child { margin-right: 0; } .users-container .users-box .users-body .users-box-head .multiselect { width: 280px; } .users-container .users-box .users-body .users-box-head .selectBox { position: relative; } .users-container .users-box .users-body .users-box-head .selectBox select { width: 100%; padding: 8px; font-size: 12px; cursor: pointer; } .users-container .users-box .users-body .users-box-head .selectBox select option { display: none; } .users-container .users-box .users-body .users-box-head .overSelect { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .users-container .users-box .users-body .users-box-head .checkboxes { display: none; } .users-container .users-box .users-body .users-box-head .checkboxesView { width: 100%; background-color: #fff; display: block; z-index: 100; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); } .users-container .users-box .users-body .users-box-head .checkboxesView label { font-size: 18px; margin: 4px; display: flex; flex-flow: row; } .users-container .users-box .users-body .users-box-head .checkboxesView label:first-child { margin-top: 8px; } .users-container .users-box .users-body .users-box-head .checkboxesView .label-state { margin-left: 12px; } .users-container .users-box .users-body .users-table { width: 100%; max-height: 680px; border: solid 1px #979797; position: relative; } .users-container .users-box .users-body .users-table .loading { display: flex; align-items: center; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; line-height: 100%; background-color: #ffffff; font-size: 5em; color: #4b4b4b; justify-content: center; } .users-container .users-box .users-body .users-table table { table-layout: fixed; width: 100%; border-collapse: collapse; } .users-container .users-box .users-body .users-table thead { border-bottom: solid 2px #979797; } .users-container .users-box .users-body .users-table thead tr { width: 100%; } .users-container .users-box .users-body .users-table thead tr th { height: 46px; } .users-container .users-box .users-body .users-table tr:nth-child(even) { background: #dddddd; } .users-container .users-box .users-body .users-table tr:nth-child(odd) { background: #FFF; } .users-container .users-box .users-body .users-table th:nth-child(1), .users-container .users-box .users-body .users-table td:nth-child(1) { width: 150px; max-width: 150px; } .users-container .users-box .users-body .users-table th:nth-child(2), .users-container .users-box .users-body .users-table td:nth-child(2) { width: 250px; max-width: 250px; text-align: left; } .users-container .users-box .users-body .users-table th:nth-child(3), .users-container .users-box .users-body .users-table td:nth-child(3) { width: 250px; max-width: 250px; text-align: left; } .users-container .users-box .users-body .users-table th:nth-child(4), .users-container .users-box .users-body .users-table td:nth-child(4) { width: 250px; max-width: 250px; text-align: left; } .users-container .users-box .users-body .users-table th:nth-child(5), .users-container .users-box .users-body .users-table td:nth-child(5) { width: 150px; max-width: 150px; } .users-container .users-box .users-body .users-table th:nth-child(6), .users-container .users-box .users-body .users-table td:nth-child(6) { text-align: left; } .users-container .users-box .users-body .users-table th, .users-container .users-box .users-body .users-table td { overflow: hidden; } .users-container .users-box .users-body .users-table th div, .users-container .users-box .users-body .users-table td div { overflow: hidden; max-height: 64px; } .users-container .users-box .users-body .users-table th .role, .users-container .users-box .users-body .users-table td .role { background: #657178; color: white; padding: 6px 8px; margin-right: 8px; border-radius: 3px; } .users-container .users-box .users-body .users-table tbody { display: block; height: 555px; width: calc(100% - 10px); } .users-container .users-box .users-body .users-table tbody tr { cursor: pointer; height: 64px; padding: 10px; } .users-container .users-box .users-body .users-table tbody tr td { text-align: center; } .users-container .users-box .users-body .users-table tbody tr.selected { background-color: rgba(23, 145, 255, 0.75); color: #fff; } .users-container .users-box .users-body .users-table tbody .profile { margin: auto; background-color: #1177bb; font-size: 28px; justify-content: center; display: flex; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); align-items: center; border-radius: 22px; border: none; height: 44px; width: 44px; cursor: pointer; color: #000; z-index: 1; } .users-container .users-box .users-body .users-table tfoot { width: 100%; } .users-container .users-box .users-body .users-table tr { width: 100%; display: table; } .users-container .users-box .users-body .users-table tfoot tr td { height: 64px; width: 100%; font-size: 18px; color: #002680; position: relative; bottom: 0; border-top: solid 2px #bbbcbc; } .users-container .users-box .users-body .users-table tfoot tr td td { padding: 0; } .users-container .users-box .users-body .users-table tfoot tr td div.group-label-button { text-align: center; margin: 8px 0 8px 0; } .users-container .users-box .users-body .users-table tfoot tr td div.group-label-button button { background-image: linear-gradient(to bottom, #1756ad, #002680); color: #fff; width: 48px; height: 48px; padding: 0; } .users-container .users-box .users-body .users-table tfoot tr td div.group-label-button button .fa { width: 22px; height: 22px; } .users-container .users-box .users-body .users-table tr { width: 100%; display: table; } .tooltip { display: block !important; z-index: 10000; } .tooltip .wrapper { width: 100%; height: 100%; border: solid 2px #1791ff; background-color: #fff; border-radius: 2px; } .tooltip .wrapper .tooltip-arrow { width: 0; height: 0; border-style: solid; position: absolute; margin: 5px; border-color: #1791ff; z-index: 1; } .tooltip .wrapper .tooltip-inner { color: #878787; padding: 5px 10px 4px; } .tooltip[x-placement^="top"] { margin-bottom: 5px; } .tooltip[x-placement^="top"] .tooltip-arrow { border-width: 18px 18px 0 18px; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; bottom: -16px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } .tooltip[x-placement^="top"] .tooltip-arrow::before { border-color: #f1f1f1 !important; border-width: 15px 14px 0 14px; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; bottom: 3px; left: -14px; margin-top: 0; margin-bottom: 0; } .tooltip[x-placement^="bottom"] { margin-top: 5px; } .tooltip[x-placement^="bottom"] .tooltip-arrow { border-width: 0 18px 18px 18px; border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; top: -16px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } .tooltip[x-placement^="bottom"] .tooltip-arrow::before { border-width: 0 14px 15px 14px; border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; top: 3px; left: -14px; margin-top: 0; margin-bottom: 0; } .tooltip.popover .wrapper { width: 100%; height: 100%; border: solid 2px #1791ff; background-color: #fff; border-radius: 2px; } .tooltip.popover .wrapper .popover-arrow { border-color: #1791ff; } .tooltip.popover .wrapper .popover-arrow::before { content: ''; width: 0; height: 0; border-style: solid; position: absolute; border-color: #fff; z-index: 1; } .tooltip.popover .wrapper .popover-inner { background: #fff; color: #878787; padding: 0; } .tooltip.popover .wrapper .popover-inner .header { height: 62px; display: flex; align-items: center; padding-left: 14px; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #002680; } .tooltip.popover .wrapper .popover-inner .header label { width: 234px; } .tooltip.popover .wrapper .popover-inner .header button.close { display: flex; width: 28px; height: 28px; border-radius: 50%; border: none; background-color: #002680; color: #fff; font-size: 16px; float: right; cursor: pointer; z-index: 1000; } .tooltip.popover .wrapper .popover-inner .header button.close .fa { margin: auto; margin-right: auto; margin-top: -1px; } .tooltip.popover .wrapper .popover-inner .header button.close:active { background-color: #1791ff; color: #fff; } .tooltip.popover .wrapper .popover-inner .body { color: #878787; border-top: 2px solid #d8d8d8; } .tooltip.popover .wrapper .popover-inner .body .date { display: flex; flex-flow: row; padding: 15px 0px; color: #878787; } .tooltip.popover .wrapper .popover-inner .body .date .column { display: flex; flex-flow: column; flex: 1 1 auto; width: 50%; align-items: center; justify-content: center; } .tooltip.popover .wrapper .popover-inner .body .date .column span.title { display: block; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #878787; } .tooltip.popover .wrapper .popover-inner .body .date .column span.value { display: block; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: normal; text-align: left; color: #4b4b4b; } .tooltip.popover .wrapper .popover-inner .body .footer { padding: 15px 0px; display: flex; flex-flow: row; background-color: #f1f1f1; color: #878787; } .tooltip.popover .wrapper .popover-inner .body .footer .column { display: flex; flex-flow: column; flex: 1 1 auto; width: 50%; align-items: center; justify-content: center; } .tooltip.popover .wrapper .popover-inner .body .footer .column span.title { display: block; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #878787; } .tooltip.popover .wrapper .popover-inner .body .footer .column span.value { display: block; font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 0.9; letter-spacing: normal; text-align: center; color: #4b4b4b; } .tooltip[aria-hidden='true'] { visibility: hidden; opacity: 0; transition: opacity 0.15s, visibility 0.15s; } .tooltip[aria-hidden='false'] { visibility: visible; opacity: 1; transition: opacity 0.15s; } /**START - TOOLTIP COLUMN CHART PRODUZIONE**/ .card-report-tooltip-top { opacity: 1; position: absolute; width: 288px; border: solid 2px #1791ff; border-radius: 2px; background-color: #fff; z-index: 100; } .card-report-tooltip-top:before { content: ''; display: block; position: absolute; left: 138px; bottom: 100%; width: 4px; height: 0px; border: 14px solid transparent; border-bottom-color: #1791ff; } .card-report-tooltip-top:after { content: ''; display: block; position: absolute; left: 141px; bottom: 100%; width: 0; height: 0; border: 13px solid transparent; border-bottom-color: white; } .card-report-tooltip-bottom { opacity: 1; position: absolute; width: 288px; border: solid 2px #1791ff; border-radius: 2px; background-color: #fff; z-index: 100; } .card-report-tooltip-bottom:before { content: ''; display: block; position: absolute; left: 132px; top: 100%; width: 4px; height: 0px; border: 14px solid transparent; border-top-color: #1791ff; } .card-report-tooltip-bottom:after { content: ''; display: block; position: absolute; left: 135px; top: 100%; width: 0; height: 0; border: 13px solid transparent; border-top-color: #f1f1f1; } .card-report-tooltip-bottom, .card-report-tooltip-top { pointer-events: all !important; background: #fff; color: #878787; padding: 0; } .card-report-tooltip-bottom.hidden, .card-report-tooltip-top.hidden { visibility: hidden; } .card-report-tooltip-bottom .header, .card-report-tooltip-top .header { height: 62px; display: flex; align-items: center; padding-left: 14px; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #002680; } .card-report-tooltip-bottom .header label, .card-report-tooltip-top .header label { width: 234px; } .card-report-tooltip-bottom .header button.close, .card-report-tooltip-top .header button.close { display: flex; width: 28px; height: 28px; border-radius: 50%; border: none; background-color: #002680; color: #fff; font-size: 16px; float: right; cursor: pointer; z-index: 1000; } .card-report-tooltip-bottom .header button.close .fa, .card-report-tooltip-top .header button.close .fa { margin: auto; margin-right: auto; margin-top: -1px; } .card-report-tooltip-bottom .header button.close:active, .card-report-tooltip-top .header button.close:active { background-color: #1791ff; color: #fff; } .card-report-tooltip-bottom .body, .card-report-tooltip-top .body { color: #878787; border-top: 2px solid #d8d8d8; } .card-report-tooltip-bottom .body .footer, .card-report-tooltip-top .body .footer { padding: 15px 0px; display: flex; flex-flow: row; background-color: #f1f1f1; color: #878787; } .card-report-tooltip-bottom .body .footer .column, .card-report-tooltip-top .body .footer .column { display: flex; flex-flow: column; flex: 1 1 auto; width: 50%; align-items: center; justify-content: center; } .card-report-tooltip-bottom .body .footer .column span.title, .card-report-tooltip-top .body .footer .column span.title { display: block; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #878787; } .card-report-tooltip-bottom .body .footer .column span.value, .card-report-tooltip-top .body .footer .column span.value { display: block; font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 0.9; letter-spacing: normal; text-align: center; color: #4b4b4b; } .modal.save-as { width: 600px; height: 400px; top: calc(50% - 250px); } .modal.save-as section { display: block !important; } .modal.save-as label { margin-top: 22px; font-size: 14px; color: #878787; margin-bottom: 4px; } .modal.save-as article input { padding: 5px; font-size: 18px; font-weight: 500; color: #6d6d6d; height: 48px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); border: none; display: flex; flex-flow: row nowrap; padding: 0 20px; align-items: center; justify-content: stretch; } a, a:visited, a:hover, a:active { color: inherit; text-decoration: none; } .persona { height: 80px; width: 80px; line-height: 80px; border-radius: 80px; font-size: 50px; text-align: center; background-color: #002680; color: white; margin: auto; margin-top: 46px; margin-bottom: 33px; border: 2px solid #002680; } .scrollable { overflow-y: scroll; } .scrollable_auto { overflow-y: auto; } .scrollable_auto::-webkit-scrollbar, .scrollable::-webkit-scrollbar { border-radius: 15px; width: 16px; background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); } .scrollable_auto::-webkit-scrollbar-thumb, .scrollable::-webkit-scrollbar-thumb { border-radius: 20px; width: 8px; background-color: rgba(0, 0, 0, 0.3); } body { background-color: #657178; margin: 0; padding: 0; height: 100vh; width: 100vw; overflow: hidden; } .container { overflow: hidden; } #main-view > .container { display: flex; justify-content: center; align-items: center; } #app { margin: 0; padding: 0; height: 100vh; width: 100vw; position: relative; user-select: none; -webkit-user-select: none; } .blur { filter: blur(10px); } #main-view { position: absolute; top: 0; left: 0; right: 0; bottom: 80px; box-shadow: none; height: calc(100vh - 80px); background-color: #d8d8d8; z-index: 100; transition: transform 0.5s ease-out; } #main-view .handle { display: none; } #main-view.liftedUp { transition: transform 0.5s ease-out, box-shadow 0.1s ease-out 0.5s; box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.2); } #main-view.liftedUp, #main-view-handler.liftedUp { transform: translateY(calc(-100vh + 84px)); } #main-view-handler { position: absolute; bottom: 80px; left: 0; width: 100vw; box-shadow: none; z-index: 250; transition: transform 0.5s ease-out; z-index: 810; } #main-view-handler .handle { background-color: #d8d8d8; display: block; position: absolute; top: 0; box-shadow: none; left: calc(50vw - 24px); text-align: center; width: 48px; height: 32px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; font-size: 26px; color: #002680; line-height: 32px; cursor: pointer; opacity: 1; } #main-view-handler.liftedUp .handle { transition: box-shadow 0.1s ease-out 0.5s; box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.2); } #main-view-handler.liftedDw .handle { transition: opacity 0.5s 0.5s; opacity: 0; } .tester { margin: auto; width: 60vw; height: 60vh; top: calc(50% - 30vh); position: absolute; left: calc(50% - 30vw); background-color: white; padding: 10px; } .tester .row { display: flex; } .tester button { height: 50px; margin: 0 10px; } .clearfix { clear: both; } #loading-spinner { position: absolute; width: 200px; height: 200px; top: calc(50% - 200px / 2); left: calc(50% - 200px / 2); text-align: center; line-height: 200px; font-size: 100px; color: white; } .clickable { cursor: pointer; } .smooth-dnd-no-user-select * { cursor: move !important; } .mb-10 { margin-bottom: 10px; } .mt-10 { margin-top: 10px; } .mr-10 { margin-right: 10px; } .ml-10 { margin-left: 10px; } body { font-family: 'Work Sans', sans-serif; } .t-loading { bottom: 80px; position: absolute; } .iziToast-wrapper-bottomRight { bottom: 80px; } .iziToast-wrapper-topRight, .iziToast-wrapper-topLeft { top: 80px; } .iziToast { background-color: #f1f1f1; border-color: #f1f1f1; border-radius: 2px; } .iziToast::after { box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); } .iziToast.iziToast-theme-dark { background-color: #4b4b4b; } .iziToast.iziToast-color-orange { background-color: #f5a623; } .iziToast.iziToast-color-red { background-color: #d0021b; } .iziToast > .iziToast-progressbar { background-color: rgba(255, 255, 255, 0.6); } .login-form { width: 288px; margin: auto; } .user-info .login-form { width: 288px; margin: auto; margin-top: 60px; } .login-form .login-avatar { height: 88px; width: 88px; border-radius: 88px; text-align: center; background-color: #002680; color: black; margin: auto; margin-top: 46px; margin-bottom: 33px; font-size: 47px; line-height: 88px; font-family: Arial, sans-serif; font-weight: bold; text-transform: uppercase; }