Files
cms_thermo_active/Thermo.Active/wwwroot/assets/styles/style.css
T
2021-03-26 09:12:35 +01:00

24597 lines
1.0 MiB
Plaintext

@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 {
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;
}
.setup .notes_textarea:focus {
outline: 5px #1791ff auto;
}
.setup .doing {
width: 100%;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
font-size: 4em;
height: calc(100% - 65px);
color: #4f4f4f;
}
.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 .tab-header button.error {
border-top: 4px solid #d0021b;
}
.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%;
position: relative;
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;
position: relative;
}
.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 aside .notEnabled {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 200;
background-color: #ffffffdd;
font-size: 3em;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
}
.setup .modal section.body section aside .notEnabled.small {
margin-top: 55px;
height: 90%;
}
.setup .modal section.body section article {
display: flex;
flex-direction: column;
width: 100%;
position: relative;
}
.setup .modal section.body section article .notEnabled {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 200;
background-color: #ffffffdd;
font-size: 3em;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
}
.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 .small-img {
position: absolute;
right: 0;
bottom: 0;
max-width: 200px;
max-height: 200px;
}
.setup .modal section.body section article .svg-area .ventosa {
color: #ffff;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.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 .quota-volantino {
height: 48px;
width: 169px;
position: absolute;
bottom: 101px;
left: 165px;
display: flex;
align-items: center;
font-size: 1.2em;
}
.setup .modal section.body section article .svg-area .quota-caricatore {
height: 48px;
width: 169px;
position: absolute;
bottom: 137px;
right: 71px;
display: flex;
align-items: center;
justify-content: flex-end;
font-size: 1.2em;
}
.setup .modal section.body section article .svg-area .load-label {
width: 100%;
text-align: center;
font-size: 2em;
color: #4b4b4b;
padding-right: 45px;
}
.setup .modal section.body section article .svg-area .borded_label {
cursor: pointer;
min-width: 140px;
max-width: 140px;
width: 140px;
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.noteditable {
border-radius: 0;
border: none;
padding: 4px 2px;
height: auto;
width: 100px;
min-width: 100px;
max-width: 100px;
background-color: #9b9b9b;
color: white;
}
.setup .modal section.body section article .svg-area .borded_label.error {
border-color: #d0021b;
}
.setup .modal section.body section article .svg-area .borded_label div {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
}
.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;
display: flex;
align-items: center;
justify-content: flex-end;
}
.setup .modal section.body section article .svg-area .borded_label div small {
text-align: center;
grid-column: 3;
display: flex;
align-items: center;
justify-content: flex-end;
}
.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 i.edit {
left: 80px;
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 i.edit {
left: 133px;
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% - 33px);
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-top: 10px;
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.cmsconnect-info .message-container {
width: 93%;
margin-top: 15px;
}
.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;
justify-content: space-between;
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%;
top: 0;
display: block;
overflow: hidden;
}
.imageViewerZoom .container {
width: 100%;
height: 100%;
cursor: -webkit-grab;
display: flex;
justify-content: center;
align-items: center;
}
.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 .btngroup2 {
position: absolute;
bottom: 510px;
right: 0;
margin-right: 20px;
}
.imageViewerZoom .btngroup2 img {
box-shadow: none;
filter: grayscale(1) brightness(0) invert(1);
}
.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;
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;
display: flex;
justify-content: center;
align-items: center;
}
.imageViewerZoom button:active {
background-image: linear-gradient(to bottom, #002680, #1756ad);
}
.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.info-resistance {
width: 450px;
height: 650px;
top: calc(50%-650px / 2);
left: calc(50%-450px / 2);
}
.modal.info-resistance 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.info-resistance .details {
text-align: center;
color: #4b4b4b;
}
.modal.info-resistance .details .status {
display: flex;
flex-flow: row;
align-items: center;
justify-content: flex-end;
}
.modal.info-resistance .details .status strong {
font-size: 2.5em;
margin-right: 100px;
margin-left: 10px;
width: 10%;
}
.modal.info-resistance .details .status strong .fa-check {
color: #90c03d;
}
.modal.info-resistance .details .status strong .fa-exclamation-triangle {
color: #d0021b;
}
.modal.info-resistance .details > hr {
border: none;
margin-bottom: 40px;
}
.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 .upperbtn {
display: flex;
flex-flow: row;
}
.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 .thermoImage {
pointer-events: none;
}
.warmers svg .subresselected {
width: calc(100% - 4px);
height: calc(100% - 4px);
margin: 2px;
border-radius: 4px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: black;
}
.warmers svg div {
width: 100%;
height: 100%;
}
.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;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.warmers svg .resistance.disabled {
cursor: not-allowed;
}
.warmers svg .resistance.id {
grid-template-columns: 50% 50%;
grid-template-rows: 70% 30%;
display: grid;
font-size: 27px;
}
.warmers svg .resistance.id span {
grid-column-start: 1;
grid-column-end: -1;
text-align: center;
}
.warmers svg .resistance.id small {
grid-row: 2;
padding-left: 10px;
font-size: 15px;
padding-bottom: 5px;
}
.warmers svg .resistance.id small:last-of-type {
padding-left: 0px;
grid-column: 2;
text-align: right;
padding-right: 10px;
}
.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 130px 50px 1fr 50px;
padding: 1rem;
position: relative;
}
.paddle section.all {
grid-template-rows: 50px 1fr;
}
.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 .keyb {
border: 2px solid #979797;
width: 35px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 25px;
font-size: 22px;
font-weight: bold;
line-height: 35px;
}
.paddle section footer .configure .keyb.active {
color: #1791ff;
border-color: #1791ff;
}
.paddle section footer .configure.active {
color: #1791ff;
border-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.star {
display: flex;
flex-flow: row;
justify-content: start;
}
.softkey.star .text {
width: 100%;
}
.softkey.star .icon {
width: 80px;
height: 100%;
display: flex;
}
.softkey.star .icon .circle {
background-color: #ffeba9;
width: 60px;
height: 60px;
border-radius: 35px;
border: 4px solid #fec300;
display: flex;
justify-content: center;
align-items: center;
color: #4b4b4b;
font-weight: bold;
font-size: 20px;
}
.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% - 115px);
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;
display: flex;
align-items: center;
justify-content: flex-end;
}
.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;
width: 150px;
}
.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;
width: 150px;
margin-left: 30px;
}
.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 {
display: flex;
flex-flow: row;
justify-content: flex-start;
align-items: center;
border: none;
width: 150px;
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: 16px;
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 span {
width: 20px;
height: 20px;
display: block;
margin: 0px 10px 0px 5px;
background-color: #3e464a;
border-radius: 10px;
border: 1px solid #818a8f;
}
.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 div .active span {
background-color: #1791ff;
}
.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 textarea:focus {
outline: 5px #1791ff auto;
}
.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.forBtn {
margin-top: 10px;
}
.input-area.forBtn button {
margin: 0;
}
.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 #d0021b auto !important;
}
.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: white;
border: none;
text-align: left;
color: #002680;
font-size: 20px;
}
.modal.opzioni-info section aside button.active {
background-color: rgba(23, 145, 255, 0.75);
}
.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.sq {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.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: 140px;
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.thermoHood {
min-width: 45px;
max-width: 45px;
margin-right: 15px;
margin-left: 10px;
}
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;
}
button.screenshot {
margin-right: 50px !important;
color: #002680;
background-color: white !important;
background-image: none !important;
box-shadow: none !important;
border: 1px solid #002680 !important;
}
.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: 390px;
height: 80px;
display: flex;
align-items: center;
justify-content: space-evenly;
}
footer .machine-area img {
margin: 0px 5px;
}
footer .machine-area .noThermoHood {
min-width: 45px;
}
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: 390px;
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 .body {
display: flex;
flex-flow: row;
justify-content: center;
}
.modal.save-as .form-group {
margin-top: 20px;
width: 95%;
}
.modal.save-as .form-group label {
margin-top: 10px;
margin-bottom: 5px;
}
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;
}