.verticalDivLkw {
    border-left: 3px dotted darkgrey;
    height: 100%;
    z-index: 1000;
    position: absolute;
    left: 890px;
}

#lkwgridleft {
    background: #CFDBD5;
}

#lkwgridright {
    background: #E8eddf;
}

#lkwgridleft, #lkwgridright, #actLkwSideRight, #actLkwSideLeft, #lkwSideLeft, #lkwSideRight, #actlkwgridright, #actlkwgridleft {
    height: 312px !important;
    width: 100%;
    font-family: monospace;
    font-size: 1.1em;
}

.hiddenLkwGrid {
    display: none;
}

.hiddenLkwSide {
    display: none;
    margin-top: 40px;
    margin-bottom: 40px;
}

.col-md-12 {
    height: 40px;
}

.grid-stack {
    outline: 2px solid lightgrey;
    width: 100%;
}

.grid-stack-item-content {
    color: #2c3e50;
    text-align: center;
}

.grid-stack-item-removing {
    opacity: 0.5;
}

.trash {
    height: 150px;
    margin-bottom: 20px;
    background: rgba(255, 0, 0, 0.1) center center url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDQzOC41MjkgNDM4LjUyOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDM4LjUyOSA0MzguNTI5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQxNy42ODksNzUuNjU0Yy0xLjcxMS0xLjcwOS0zLjkwMS0yLjU2OC02LjU2My0yLjU2OGgtODguMjI0TDMwMi45MTcsMjUuNDFjLTIuODU0LTcuMDQ0LTcuOTk0LTEzLjA0LTE1LjQxMy0xNy45ODkgICAgQzI4MC4wNzgsMi40NzMsMjcyLjU1NiwwLDI2NC45NDUsMGgtOTEuMzYzYy03LjYxMSwwLTE1LjEzMSwyLjQ3My0yMi41NTQsNy40MjFjLTcuNDI0LDQuOTQ5LTEyLjU2MywxMC45NDQtMTUuNDE5LDE3Ljk4OSAgICBsLTE5Ljk4NSw0Ny42NzZoLTg4LjIyYy0yLjY2NywwLTQuODUzLDAuODU5LTYuNTY3LDIuNTY4Yy0xLjcwOSwxLjcxMy0yLjU2OCwzLjkwMy0yLjU2OCw2LjU2N3YxOC4yNzQgICAgYzAsMi42NjQsMC44NTUsNC44NTQsMi41NjgsNi41NjRjMS43MTQsMS43MTIsMy45MDQsMi41NjgsNi41NjcsMi41NjhoMjcuNDA2djI3MS44YzAsMTUuODAzLDQuNDczLDI5LjI2NiwxMy40MTgsNDAuMzk4ICAgIGM4Ljk0NywxMS4xMzksMTkuNzAxLDE2LjcwMywzMi4yNjQsMTYuNzAzaDIzNy41NDJjMTIuNTY2LDAsMjMuMzE5LTUuNzU2LDMyLjI2NS0xNy4yNjhjOC45NDUtMTEuNTIsMTMuNDE1LTI1LjE3NCwxMy40MTUtNDAuOTcxICAgIFYxMDkuNjI3aDI3LjQxMWMyLjY2MiwwLDQuODUzLTAuODU2LDYuNTYzLTIuNTY4YzEuNzA4LTEuNzA5LDIuNTctMy45LDIuNTctNi41NjRWODIuMjIxICAgIEM0MjAuMjYsNzkuNTU3LDQxOS4zOTcsNzcuMzY3LDQxNy42ODksNzUuNjU0eiBNMTY5LjMwMSwzOS42NzhjMS4zMzEtMS43MTIsMi45NS0yLjc2Miw0Ljg1My0zLjE0aDkwLjUwNCAgICBjMS45MDMsMC4zODEsMy41MjUsMS40Myw0Ljg1NCwzLjE0bDEzLjcwOSwzMy40MDRIMTU1LjMxMUwxNjkuMzAxLDM5LjY3OHogTTM0Ny4xNzMsMzgwLjI5MWMwLDQuMTg2LTAuNjY0LDguMDQyLTEuOTk5LDExLjU2MSAgICBjLTEuMzM0LDMuNTE4LTIuNzE3LDYuMDg4LTQuMTQxLDcuNzA2Yy0xLjQzMSwxLjYyMi0yLjQyMywyLjQyNy0yLjk5OCwyLjQyN0gxMDAuNDkzYy0wLjU3MSwwLTEuNTY1LTAuODA1LTIuOTk2LTIuNDI3ICAgIGMtMS40MjktMS42MTgtMi44MS00LjE4OC00LjE0My03LjcwNmMtMS4zMzEtMy41MTktMS45OTctNy4zNzktMS45OTctMTEuNTYxVjEwOS42MjdoMjU1LjgxNVYzODAuMjkxeiIgZmlsbD0iI2ZmOWNhZSIvPgoJCTxwYXRoIGQ9Ik0xMzcuMDQsMzQ3LjE3MmgxOC4yNzFjMi42NjcsMCw0Ljg1OC0wLjg1NSw2LjU2Ny0yLjU2N2MxLjcwOS0xLjcxOCwyLjU2OC0zLjkwMSwyLjU2OC02LjU3VjE3My41ODEgICAgYzAtMi42NjMtMC44NTktNC44NTMtMi41NjgtNi41NjdjLTEuNzE0LTEuNzA5LTMuODk5LTIuNTY1LTYuNTY3LTIuNTY1SDEzNy4wNGMtMi42NjcsMC00Ljg1NCwwLjg1NS02LjU2NywyLjU2NSAgICBjLTEuNzExLDEuNzE0LTIuNTY4LDMuOTA0LTIuNTY4LDYuNTY3djE2NC40NTRjMCwyLjY2OSwwLjg1NCw0Ljg1MywyLjU2OCw2LjU3QzEzMi4xODYsMzQ2LjMxNiwxMzQuMzczLDM0Ny4xNzIsMTM3LjA0LDM0Ny4xNzJ6IiBmaWxsPSIjZmY5Y2FlIi8+CgkJPHBhdGggZD0iTTIxMC4xMjksMzQ3LjE3MmgxOC4yNzFjMi42NjYsMCw0Ljg1Ni0wLjg1NSw2LjU2NC0yLjU2N2MxLjcxOC0xLjcxOCwyLjU2OS0zLjkwMSwyLjU2OS02LjU3VjE3My41ODEgICAgYzAtMi42NjMtMC44NTItNC44NTMtMi41NjktNi41NjdjLTEuNzA4LTEuNzA5LTMuODk4LTIuNTY1LTYuNTY0LTIuNTY1aC0xOC4yNzFjLTIuNjY0LDAtNC44NTQsMC44NTUtNi41NjcsMi41NjUgICAgYy0xLjcxNCwxLjcxNC0yLjU2OCwzLjkwNC0yLjU2OCw2LjU2N3YxNjQuNDU0YzAsMi42NjksMC44NTQsNC44NTMsMi41NjgsNi41N0MyMDUuMjc0LDM0Ni4zMTYsMjA3LjQ2NSwzNDcuMTcyLDIxMC4xMjksMzQ3LjE3MnogICAgIiBmaWxsPSIjZmY5Y2FlIi8+CgkJPHBhdGggZD0iTTI4My4yMiwzNDcuMTcyaDE4LjI2OGMyLjY2OSwwLDQuODU5LTAuODU1LDYuNTctMi41NjdjMS43MTEtMS43MTgsMi41NjItMy45MDEsMi41NjItNi41N1YxNzMuNTgxICAgIGMwLTIuNjYzLTAuODUyLTQuODUzLTIuNTYyLTYuNTY3Yy0xLjcxMS0xLjcwOS0zLjkwMS0yLjU2NS02LjU3LTIuNTY1SDI4My4yMmMtMi42NywwLTQuODUzLDAuODU1LTYuNTcxLDIuNTY1ICAgIGMtMS43MTEsMS43MTQtMi41NjYsMy45MDQtMi41NjYsNi41Njd2MTY0LjQ1NGMwLDIuNjY5LDAuODU1LDQuODUzLDIuNTY2LDYuNTdDMjc4LjM2NywzNDYuMzE2LDI4MC41NSwzNDcuMTcyLDI4My4yMiwzNDcuMTcyeiIgZmlsbD0iI2ZmOWNhZSIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat;
}

.truckfront {
    height: 320px;
    width: 360px;
    right: 170px;
    top: 160px;
    background: center left url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL3dlYi5yZXNvdXJjZS5vcmcvY2MvIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4wIiAgIHdpZHRoPSIzNjAiICAgaGVpZ2h0PSIzNjAiICAgaWQ9InN2ZzIiICAgc29kaXBvZGk6dmVyc2lvbj0iMC4zMiIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjQ0LjEiICAgc29kaXBvZGk6ZG9jbmFtZT0iTEtXX21pdF9BdWZsZWdlcl9hdXNfWnVzYXR6emVpY2hlbl8xMDQ4LTE0LnN2ZyIgICBzb2RpcG9kaTpkb2NiYXNlPSJMOlxXaWtpXHBlZGlhXGtzaFxzdmciPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGE1NzA5Ij4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgICAgPGRjOnRpdGxlPlN5bWJvbDogTEtXIG1pdCBBdWZsZWdlcjwvZGM6dGl0bGU+ICAgICAgICA8ZGM6Y3JlYXRvcj4gICAgICAgICAgPGNjOkFnZW50PiAgICAgICAgICAgIDxkYzp0aXRsZT5QdXJvZGhhIEJsaXNzZW5iYWNoPC9kYzp0aXRsZT4gICAgICAgICAgPC9jYzpBZ2VudD4gICAgICAgIDwvZGM6Y3JlYXRvcj4gICAgICAgIDxkYzpzb3VyY2U+aHR0cDovL2NvbW1vbnMubWVkaWF3aWtpLm9yZy93aWtpL0ltYWdlOlp1c2F0enplaWNoZW5fMTA0OC0xNC5zdmc8L2RjOnNvdXJjZT4gICAgICAgIDxjYzpsaWNlbnNlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly93ZWIucmVzb3VyY2Uub3JnL2NjL1B1YmxpY0RvbWFpbiIgLz4gICAgICA8L2NjOldvcms+ICAgICAgPGNjOkxpY2Vuc2UgICAgICAgICByZGY6YWJvdXQ9Imh0dHA6Ly93ZWIucmVzb3VyY2Uub3JnL2NjL1B1YmxpY0RvbWFpbiI+ICAgICAgICA8Y2M6cGVybWl0cyAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vd2ViLnJlc291cmNlLm9yZy9jYy9SZXByb2R1Y3Rpb24iIC8+ICAgICAgICA8Y2M6cGVybWl0cyAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vd2ViLnJlc291cmNlLm9yZy9jYy9EaXN0cmlidXRpb24iIC8+ICAgICAgICA8Y2M6cGVybWl0cyAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vd2ViLnJlc291cmNlLm9yZy9jYy9EZXJpdmF0aXZlV29ya3MiIC8+ICAgICAgPC9jYzpMaWNlbnNlPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPHNvZGlwb2RpOm5hbWVkdmlldyAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMzAwIiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIzMDAiICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjEiICAgICBndWlkZXRvbGVyYW5jZT0iMTAuMCIgICAgIGdyaWR0b2xlcmFuY2U9IjEwLjAiICAgICBvYmplY3R0b2xlcmFuY2U9IjEwLjAiICAgICBib3JkZXJvcGFjaXR5PSIxLjAiICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIgICAgIHBhZ2Vjb2xvcj0id2hpdGUiICAgICBpZD0iYmFzZSIgICAgIGhlaWdodD0iMzAwcHgiICAgICB3aWR0aD0iMzAwcHgiICAgICBncmlkZW1wc3BhY2luZz0iMjAiICAgICBzaG93Z3JpZD0idHJ1ZSIgICAgIGlua3NjYXBlOnNob3dwYWdlc2hhZG93PSJmYWxzZSIgICAgIGlua3NjYXBlOnpvb209IjAuOTg5OTQ5NDkiICAgICBpbmtzY2FwZTpjeD0iMzUzLjEyMTE5IiAgICAgaW5rc2NhcGU6Y3k9IjIyNy40MzIiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMTAwIiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjEwMCIgICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzIiIC8+ICA8ZGVmcyAgICAgaWQ9ImRlZnM0IiAvPiAgPGcgICAgIHRyYW5zZm9ybT0ibWF0cml4KDIuMDExNiwwLDAsMi4wMTE2LDMyMi43NDQ3LC02OTkuMjY5NikiICAgICBpZD0iZzMzNDQiPiAgICA8cGF0aCAgICAgICBkPSJNIC03Ny4zMzYzNiwzODguMzAxMDIgTCAtMTMwLjA5NTU0LDM4OC4xMjQxIEwgLTE0OS4xMjEyNiw0MzkuMDk4NjkgTCAtMTQ5LjEyMTI2LDQ4Ny41NjA0NSBDIC0xNDkuMTIxMjYsNDkwLjkzNzUxIC0xNDYuOTMwNjksNDk0LjAyMjAyIC0xNDMuMDE4NjcsNDk0LjAyMjAyIEwgLTEzMi4yNDkzOSw0OTQuMDIyMDIgQyAtMTI0LjA3ODcxLDQ2MS40NzE1NyAtOTIuNzAyNDUsNDU2LjYzNDQ5IC03OC43NjE5Nyw0ODMuOTcwNjkgTCAtNDQuMzAwMjcsNDgzLjk3MDY5IEMgLTI4LjkzNjAxLDQ1Ny45OTAyNyA2LjMzOTYxLDQ2Mi43OTY1OSA4LjExMDIyLDQ5My43MDQxMSBMIDE3LjgwMjU4LDQ5My43MDQxMSBDIDE3LjgwMjU4LDQ4MC42MzA4MiA0LjU0LDQ1Ny4wNDc0OSAtMTAuMTk3NTUsNDU3LjA0NzQ5IEwgLTc3LjY4NTA0LDQ1Ny4wNDc0OSBMIC03Ny4zMzYzNiwzODguMzAxMDIgeiAiICAgICAgIHN0eWxlPSJjb2xvcjpibGFjaztmaWxsOmJsYWNrO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoxO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjptaXRlcjttYXJrZXI6bm9uZTttYXJrZXItc3RhcnQ6bm9uZTttYXJrZXItbWlkOm5vbmU7bWFya2VyLWVuZDpub25lO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1kYXNob2Zmc2V0OjA7c3Ryb2tlLW9wYWNpdHk6MTt2aXNpYmlsaXR5OnZpc2libGU7ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZSIgICAgICAgaWQ9InBhdGgxOTk5IiAvPiAgICA8cGF0aCAgICAgICBkPSJNIC04Mi41MjU0Niw0OTMuMDM0NjIgQyAtODIuNTI1NDMsNTA0LjkzNjMgLTkyLjE1Nzc4LDUxNC41OTI5IC0xMDQuMDU5NDIsNTE0LjYyMjgyIEMgLTExNS45NjEwNiw1MTQuNjUyNzQgLTEyNS42NDE4Myw1MDUuMDQ0NjkgLTEyNS43MDE2NCw0OTMuMTQzMTYgQyAtMTI1Ljc2MTQ1LDQ4MS4yNDE2MyAtMTE2LjE3Nzc0LDQ3MS41MzY3NiAtMTA0LjI3NjQsNDcxLjQ0NzA1IEMgLTkyLjM3NTA2LDQ3MS4zNTczNSAtODIuNjQ2MTUsNDgwLjkxNjY1IC04Mi41MjY1NSw0OTIuODE3NzMiICAgICAgIHN0eWxlPSJmaWxsOmJsYWNrO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoxcHg7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW9wYWNpdHk6MSIgICAgICAgaWQ9InBhdGgyMDE0IiAvPiAgICA8cGF0aCAgICAgICBkPSJNIDIuNTc4NDQsNDkzLjAzNDYyIEMgMi41Nzg0Nyw1MDQuOTM2MyAtNy4wNTM4OCw1MTQuNTkyOSAtMTguOTU1NTIsNTE0LjYyMjgyIEMgLTMwLjg1NzE2LDUxNC42NTI3NCAtNDAuNTM3OTMsNTA1LjA0NDY5IC00MC41OTc3NCw0OTMuMTQzMTYgQyAtNDAuNjU3NTUsNDgxLjI0MTYzIC0zMS4wNzM4NCw0NzEuNTM2NzYgLTE5LjE3MjUsNDcxLjQ0NzA1IEMgLTcuMjcxMTYsNDcxLjM1NzM1IDIuNDU3NzUsNDgwLjkxNjY1IDIuNTc3MzUsNDkyLjgxNzczIiAgICAgICBzdHlsZT0iZmlsbDpibGFjaztmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MXB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiICAgICAgIGlkPSJwYXRoMjAxNiIgLz4gICAgPHBhdGggICAgICAgZD0iTSAtOTcuNTQ1LDQwMC4wMDI0IEwgLTk3LjQ0Mzg2LDQzMS4zMDEwNCBMIC0xNDIuNzUxNDQsNDM2LjA5MDY5IEwgLTEyOS45MzU4Nyw0MDAuMTAzNTQgTCAtOTcuNTQ1LDQwMC4wMDI0IHogIiAgICAgICBzdHlsZT0iY29sb3I6YmxhY2s7ZmlsbDp3aGl0ZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46bWl0ZXI7bWFya2VyOm5vbmU7bWFya2VyLXN0YXJ0Om5vbmU7bWFya2VyLW1pZDpub25lO21hcmtlci1lbmQ6bm9uZTtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDowO3N0cm9rZS1vcGFjaXR5OjE7dmlzaWJpbGl0eTp2aXNpYmxlO2Rpc3BsYXk6aW5saW5lO292ZXJmbG93OnZpc2libGUiICAgICAgIGlkPSJwYXRoMjAyMCIgLz4gIDwvZz48L3N2Zz4=) no-repeat;
}

.truckfrontActive {
    height: 320px;
    width: 360px;
    right: 170px;
    top: 160px;
    background: center left url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL3dlYi5yZXNvdXJjZS5vcmcvY2MvIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4wIiAgIHdpZHRoPSIzNjAiICAgaGVpZ2h0PSIzNjAiICAgaWQ9InN2ZzIiICAgc29kaXBvZGk6dmVyc2lvbj0iMC4zMiIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjQ0LjEiICAgc29kaXBvZGk6ZG9jbmFtZT0iTEtXX21pdF9BdWZsZWdlcl9hdXNfWnVzYXR6emVpY2hlbl8xMDQ4LTE0LnN2ZyIgICBzb2RpcG9kaTpkb2NiYXNlPSJMOlxXaWtpXHBlZGlhXGtzaFxzdmciPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGE1NzA5Ij4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgICAgPGRjOnRpdGxlPlN5bWJvbDogTEtXIG1pdCBBdWZsZWdlcjwvZGM6dGl0bGU+ICAgICAgICA8ZGM6Y3JlYXRvcj4gICAgICAgICAgPGNjOkFnZW50PiAgICAgICAgICAgIDxkYzp0aXRsZT5QdXJvZGhhIEJsaXNzZW5iYWNoPC9kYzp0aXRsZT4gICAgICAgICAgPC9jYzpBZ2VudD4gICAgICAgIDwvZGM6Y3JlYXRvcj4gICAgICAgIDxkYzpzb3VyY2U+aHR0cDovL2NvbW1vbnMubWVkaWF3aWtpLm9yZy93aWtpL0ltYWdlOlp1c2F0enplaWNoZW5fMTA0OC0xNC5zdmc8L2RjOnNvdXJjZT4gICAgICAgIDxjYzpsaWNlbnNlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly93ZWIucmVzb3VyY2Uub3JnL2NjL1B1YmxpY0RvbWFpbiIgLz4gICAgICA8L2NjOldvcms+ICAgICAgPGNjOkxpY2Vuc2UgICAgICAgICByZGY6YWJvdXQ9Imh0dHA6Ly93ZWIucmVzb3VyY2Uub3JnL2NjL1B1YmxpY0RvbWFpbiI+ICAgICAgICA8Y2M6cGVybWl0cyAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vd2ViLnJlc291cmNlLm9yZy9jYy9SZXByb2R1Y3Rpb24iIC8+ICAgICAgICA8Y2M6cGVybWl0cyAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vd2ViLnJlc291cmNlLm9yZy9jYy9EaXN0cmlidXRpb24iIC8+ICAgICAgICA8Y2M6cGVybWl0cyAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vd2ViLnJlc291cmNlLm9yZy9jYy9EZXJpdmF0aXZlV29ya3MiIC8+ICAgICAgPC9jYzpMaWNlbnNlPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPHNvZGlwb2RpOm5hbWVkdmlldyAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMzAwIiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIzMDAiICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjEiICAgICBndWlkZXRvbGVyYW5jZT0iMTAuMCIgICAgIGdyaWR0b2xlcmFuY2U9IjEwLjAiICAgICBvYmplY3R0b2xlcmFuY2U9IjEwLjAiICAgICBib3JkZXJvcGFjaXR5PSIxLjAiICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIgICAgIHBhZ2Vjb2xvcj0id2hpdGUiICAgICBpZD0iYmFzZSIgICAgIGhlaWdodD0iMzAwcHgiICAgICB3aWR0aD0iMzAwcHgiICAgICBncmlkZW1wc3BhY2luZz0iMjAiICAgICBzaG93Z3JpZD0idHJ1ZSIgICAgIGlua3NjYXBlOnNob3dwYWdlc2hhZG93PSJmYWxzZSIgICAgIGlua3NjYXBlOnpvb209IjAuOTg5OTQ5NDkiICAgICBpbmtzY2FwZTpjeD0iMzUzLjEyMTE5IiAgICAgaW5rc2NhcGU6Y3k9IjIyNy40MzIiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMTAwIiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjEwMCIgICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzIiIC8+ICA8ZGVmcyAgICAgaWQ9ImRlZnM0IiAvPiAgPGcgICAgIHRyYW5zZm9ybT0ibWF0cml4KDIuMDExNiwwLDAsMi4wMTE2LDMyMi43NDQ3LC02OTkuMjY5NikiICAgICBpZD0iZzMzNDQiPiAgICA8cGF0aCAgICAgICBkPSJNIC03Ny4zMzYzNiwzODguMzAxMDIgTCAtMTMwLjA5NTU0LDM4OC4xMjQxIEwgLTE0OS4xMjEyNiw0MzkuMDk4NjkgTCAtMTQ5LjEyMTI2LDQ4Ny41NjA0NSBDIC0xNDkuMTIxMjYsNDkwLjkzNzUxIC0xNDYuOTMwNjksNDk0LjAyMjAyIC0xNDMuMDE4NjcsNDk0LjAyMjAyIEwgLTEzMi4yNDkzOSw0OTQuMDIyMDIgQyAtMTI0LjA3ODcxLDQ2MS40NzE1NyAtOTIuNzAyNDUsNDU2LjYzNDQ5IC03OC43NjE5Nyw0ODMuOTcwNjkgTCAtNDQuMzAwMjcsNDgzLjk3MDY5IEMgLTI4LjkzNjAxLDQ1Ny45OTAyNyA2LjMzOTYxLDQ2Mi43OTY1OSA4LjExMDIyLDQ5My43MDQxMSBMIDE3LjgwMjU4LDQ5My43MDQxMSBDIDE3LjgwMjU4LDQ4MC42MzA4MiA0LjU0LDQ1Ny4wNDc0OSAtMTAuMTk3NTUsNDU3LjA0NzQ5IEwgLTc3LjY4NTA0LDQ1Ny4wNDc0OSBMIC03Ny4zMzYzNiwzODguMzAxMDIgeiAiICAgICAgIHN0eWxlPSJjb2xvcjojZjBjOTJkO2ZpbGw6I2YwYzkyZDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46bWl0ZXI7bWFya2VyOm5vbmU7bWFya2VyLXN0YXJ0Om5vbmU7bWFya2VyLW1pZDpub25lO21hcmtlci1lbmQ6bm9uZTtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDowO3N0cm9rZS1vcGFjaXR5OjE7dmlzaWJpbGl0eTp2aXNpYmxlO2Rpc3BsYXk6aW5saW5lO292ZXJmbG93OnZpc2libGUiICAgICAgIGlkPSJwYXRoMTk5OSIgLz4gICAgPHBhdGggICAgICAgZD0iTSAtODIuNTI1NDYsNDkzLjAzNDYyIEMgLTgyLjUyNTQzLDUwNC45MzYzIC05Mi4xNTc3OCw1MTQuNTkyOSAtMTA0LjA1OTQyLDUxNC42MjI4MiBDIC0xMTUuOTYxMDYsNTE0LjY1Mjc0IC0xMjUuNjQxODMsNTA1LjA0NDY5IC0xMjUuNzAxNjQsNDkzLjE0MzE2IEMgLTEyNS43NjE0NSw0ODEuMjQxNjMgLTExNi4xNzc3NCw0NzEuNTM2NzYgLTEwNC4yNzY0LDQ3MS40NDcwNSBDIC05Mi4zNzUwNiw0NzEuMzU3MzUgLTgyLjY0NjE1LDQ4MC45MTY2NSAtODIuNTI2NTUsNDkyLjgxNzczIiAgICAgICBzdHlsZT0iZmlsbDojZjBjOTJkO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoxcHg7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW9wYWNpdHk6MSIgICAgICAgaWQ9InBhdGgyMDE0IiAvPiAgICA8cGF0aCAgICAgICBkPSJNIDIuNTc4NDQsNDkzLjAzNDYyIEMgMi41Nzg0Nyw1MDQuOTM2MyAtNy4wNTM4OCw1MTQuNTkyOSAtMTguOTU1NTIsNTE0LjYyMjgyIEMgLTMwLjg1NzE2LDUxNC42NTI3NCAtNDAuNTM3OTMsNTA1LjA0NDY5IC00MC41OTc3NCw0OTMuMTQzMTYgQyAtNDAuNjU3NTUsNDgxLjI0MTYzIC0zMS4wNzM4NCw0NzEuNTM2NzYgLTE5LjE3MjUsNDcxLjQ0NzA1IEMgLTcuMjcxMTYsNDcxLjM1NzM1IDIuNDU3NzUsNDgwLjkxNjY1IDIuNTc3MzUsNDkyLjgxNzczIiAgICAgICBzdHlsZT0iZmlsbDojZjBjOTJkO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoxcHg7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW9wYWNpdHk6MSIgICAgICAgaWQ9InBhdGgyMDE2IiAvPiAgICA8cGF0aCAgICAgICBkPSJNIC05Ny41NDUsNDAwLjAwMjQgTCAtOTcuNDQzODYsNDMxLjMwMTA0IEwgLTE0Mi43NTE0NCw0MzYuMDkwNjkgTCAtMTI5LjkzNTg3LDQwMC4xMDM1NCBMIC05Ny41NDUsNDAwLjAwMjQgeiAiICAgICAgIHN0eWxlPSJjb2xvcjojZjBjOTJkO2ZpbGw6d2hpdGU7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjE7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO21hcmtlcjpub25lO21hcmtlci1zdGFydDpub25lO21hcmtlci1taWQ6bm9uZTttYXJrZXItZW5kOm5vbmU7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MDtzdHJva2Utb3BhY2l0eToxO3Zpc2liaWxpdHk6dmlzaWJsZTtkaXNwbGF5OmlubGluZTtvdmVyZmxvdzp2aXNpYmxlIiAgICAgICBpZD0icGF0aDIwMjAiIC8+ICA8L2c+PC9zdmc+) no-repeat;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content {
    /*overflow: unset !important;*/
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    .grid-stack > .grid-stack-item > .grid-stack-item-content:active {
        overflow: unset !important;
    }

.grid-stack-item-content[data-unloadsort="1"] .packIdent > span,
.grid-stack-item-content p.stackIdent[data-unloadsort="1"] {
    background-color: #E69F00;
    /*border: 1px solid grey;*/
}

.grid-stack-item-content[data-unloadsort="2"] .packIdent > span,
.grid-stack-item-content p.stackIdent[data-unloadsort="2"] {
    background-color: #56B4E9;
}

.grid-stack-item-content[data-unloadsort="3"] .packIdent > span,
.grid-stack-item-content p.stackIdent[data-unloadsort="3"] {
    background-color: #009E73;
}

.grid-stack-item-content[data-unloadsort="4"] .packIdent > span,
.grid-stack-item-content p.stackIdent[data-unloadsort="4"] {
    background-color: #FFB000;
}

.grid-stack-item-content[data-unloadsort="5"] .packIdent > span,
.grid-stack-item-content p.stackIdent[data-unloadsort="5"] {
    background-color: #FE6100;
}

.grid-stack-item-content[data-unloadsort="6"] .packIdent > span,
.grid-stack-item-content p.stackIdent[data-unloadsort="6"] {
    background-color: #DC267F;
}

.grid-stack-item-content[data-unloadsort="7"] .packIdent > span,
.grid-stack-item-content p.stackIdent[data-unloadsort="7"] {
    background-color: #E1BE6A;
}

.grid-stack-item-content[data-unloadsort="8"] .packIdent > span,
.grid-stack-item-content p.stackIdent[data-unloadsort="8"] {
    background-color: #006CD1;
}

.grid-stack-item-content[data-unloadsort="9"] .packIdent > span,
.grid-stack-item-content p.stackIdent[data-unloadsort="9"] {
    background-color: #004949;
}

.grid-stack-item-content [data-unloadsort="10"] .packIdent > span,
.grid-stack-item-content p.stackIdent[data-unloadsort="10"] {
    background-color: #24ff24;
}

.grid-stack-item-content [data-unloadsort="11"] .packIdent > span,
.grid-stack-item-content p.stackIdent[data-unloadsort="11"] {
    background-color: #009292;
}

.grid-stack-item-content [data-unloadsort="12"] .packIdent > span,
.grid-stack-item-content p.stackIdent[data-unloadsort="12"] {
    background-color: #ff6db6;
}

.grid-stack-item-content [data-unloadsort="13"] .packIdent > span,
.grid-stack-item-content p.stackIdent[data-unloadsort="13"] {
    background-color: #6db6ff;
}

table.lkwSelectionTable tr:nth-child(even) {
    background: #F0F0F0;
}

    table.lkwSelectionTable tr:nth-child(even).lkwInfoRow {
        color: #f0c92d;
    }

.grid-stack-item[data-gs-height="2"] > .grid-stack-item-content p {
    font-size: 10px;
    overflow: hidden;
}

p {
    margin: 1px 0 10px;
}

.grid-stack-item-content > p {
    margin: 0;
}

#sisPackSelectionHead > span:nth-child(3) {
    color: rgb(128,158,56);
    font-size: 15px;
    height: 30px;
    border-left: 4px solid rgb(128,158,56);
}

#sisPackSelectionHead > span:nth-child(4) {
    color: rgb(190,101,40);
    font-size: 15px;
    height: 30px;
    border-left: 4px solid rgb(190,101,40);
}

#sisPackSelectionHead > span:nth-child(5) {
    color: rgb(17,56,184);
    font-size: 15px;
    height: 30px;
    border-left: 4px solid rgb(17,56,184);
}

#sisPackSelectionHead > span:nth-child(6) {
    color: rgb(214,74,97);
    font-size: 15px;
    height: 30px;
    border-left: 4px solid rgb(214,74,97);
}

#sisPackSelectionHead > span:nth-child(7) {
    color: darkred;
    font-size: 15px;
    height: 30px;
    border-left: 4px double darkred;
}

.grid-stack-item-content.unimportantLkwContent {
    opacity: 0.3;
}

.grid-stack > .grid-stack-item.importantLkwContent > .grid-stack-item-content {
    opacity: 1;
    outline: 6px dashed green;
}

.grid-stack > .grid-stack-item.importantLkwContent.stackedPosition > .grid-stack-item-content {
    opacity: 1;
    background-image: linear-gradient(40deg, #ffffff 25%, orangered 25%, orangered 50%, #ffffff 50%, #ffffff 75%, orangered 75%, orangered 100%);
    background-size: 40.00px 33.56px;
    outline-color: orangered;
}


.grid-stack-item-content {
    border: 1px solid grey;
}



/*****************LKW CONTENT ERP ********************/

#legendTable > div:nth-child(1) {
    color: #75dc26;
    border-left: 4px solid #75dc26;
    border-right: 4px solid transparent;
}

#legendTable > div:nth-child(2) {
    color: #fba52a;
    border-left: 4px solid #fba52a;
    border-right: 4px solid transparent;
}

#legendTable > div:nth-child(3) {
    color: #e10057;
    border-left: 4px solid #e10057;
    border-right: 4px solid transparent;
}

#legendTable > div:nth-child(4) {
    color: #e5c342;
    border-top: 4px solid #e5c342;
    border-bottom: 4px solid #e5c342;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

#legendTable > div:nth-child(5) {
    color: #b3651e;
    border-top: 4px solid #b3651e;
    border-bottom: 4px solid #b3651e;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

#legendTable > div:nth-child(6) {
    color: #2959f8;
    border-top: 4px solid #2959f8;
    border-bottom: 4px solid #2959f8;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

#legendTable > div:nth-child(7) {
    color: #bf0505;
    border-right: 4px double #bf0505;
    border-left: 4px solid transparent;
}

#legendTable > div {
    font-weight: bold;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px;
    font-size: 15px;
    height: 20px;
    width: 40px;
    border: 4px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

#legendTable {
    width: 200px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
}

.lkwLeftGrid {
    margin-bottom: 40px;
}

.lkwRightGrid {
    margin-bottom: 100px;
}

.lkwLoadingButton {
    background-color: #00569a;
    color: #ffffff;
    width: 220px;
    text-align: center;
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 30px;
    padding: 10px;
    display: inline-block;
    margin-right: 120px;
}

.lkwLoadingPositionMoveButton {
    visibility: hidden;
    background-color: #00569a;
    color: #ffffff;
    width: 100px;
    text-align: center;
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 30px;
    padding: 10px;
    display: inline-block;
}


.unselectedGridButton {
    background-color: #A9A9A9;
}

.planeLkwMarker {
    bottom: 312px;
    display: normal;
    z-index: 1000;
    position: absolute;
    border-bottom: 4px dotted #00569a;
    width: 100%;
}

.openLkwMarker {
    bottom: 324px;
    display: normal;
    z-index: 1000;
    position: absolute;
    border-bottom: 4px dashed #00569a;
    width: 100%;
}

/*************** PACKAGE INFOS ***************/
.unusedBadge {
    display: none;
}

.grid-stack-item-content span.badge {
    color: red;
    border: 2px solid black;
    padding: 0.5px 1.5px;
    z-index: 1;
    font-weight: bolder;
    margin-right: 1%;
    background-color: white;
}

/*************** PACKAGE INFOS ---- HEIGHT SENSITIVE SETTINGS ----- ***************/


/************************************************************************/

.lengthMarkerOnPack {
    position: absolute;
    top: calc(1px + 10%);
    left: 0.5%;
    font-size: 1.0em;
    text-shadow: 0 0 3px white;
    padding: 1px;
    margin: 0;
    min-width: 15px;
    min-height: 15px;
    font-weight: bold;
    border-left: 0.5px solid black;
}

.heightMarkerOnPack {
    position: absolute;
    top: calc(1px + 20%);
    right: 0.5%;
    font-size: 1.0em;
    text-shadow: 0 0 3px white;
    padding: 1px;
    margin: 0;
    min-width: 15px;
    min-height: 15px;
    font-weight: bold;
    border-right: 0.5px solid black;
}

.dimensionMarkerOnPack {
    font-size: 0.85em;
    padding: 0.5px 1.5px;
    border: 0.5px solid rgba(76, 76, 76, 0.76);
}

.widthMarkerOnPack {
    position: absolute;
    top: 2px;
    right: 10%;
    font-size: 1.0em;
    text-shadow: 0 0 3px white;
    padding: 1px;
    margin: 0;
    min-width: 15px;
    min-height: 15px;
    font-weight: bold;
    border-top: 0.5px solid black;
}

.grid-stack-item[data-gs-height="1"] .lengthMarkerOnPack,
.grid-stack-item[data-gs-height="1"] .heightMarkerOnPack {
    border: none;
}

.grid-stack-item[data-gs-height="1"] .widthMarkerOnPack,
.grid-stack-item[data-gs-height="2"] .widthMarkerOnPack {
    border: none;
}

.fixMarkerOnPack {
    font-size: 12px;
    padding: 2px;
    margin: 10px;
}

.grid-stack {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 2px solid lightgrey;
    width: 100%;
}

.grid-stack-item-content {
    color: #2c3e50;
    text-align: center;
    background-color: #f0f0f0;
    border: 4px solid lightgrey;
    overflow: unset;
    display: flex;
    justify-content: center;
    align-items: center;
}

.grid-stack-item-removing {
    opacity: 0.5
}

.grid-stack > .grid-stack-item > .grid-stack-item-content[data-isdry="1"], 
.grid-stack > .grid-stack-item > .grid-stack-item-content[data-isdry="true"] {
    border-left: 6px solid #fba52a ;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content[data-iskvh="1"], 
.grid-stack > .grid-stack-item > .grid-stack-item-content[data-iskvh="true"] {
    border-left: 6px solid #75dc26;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content[data-isimp="1"],
.grid-stack > .grid-stack-item > .grid-stack-item-content[data-isimp="true"] {
    border-top: 6px solid #cf7523;
    border-bottom: 6px solid #c9851f;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content[data-isBluePlanned="True"],
.grid-stack > .grid-stack-item > .grid-stack-item-content[data-isbluePlanned="true"] {
    border-top: 6px solid #2959f8;
    border-bottom: 6px solid #2959f8;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content[data-isbrown="1"], 
.grid-stack > .grid-stack-item > .grid-stack-item-content[data-isbrown="true"] {
    border-top: 6px solid #b3651e;
    border-bottom: 6px solid #b3651e;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content[data-isyellow="1"],
.grid-stack > .grid-stack-item > .grid-stack-item-content[data-isyellow="true"] {
    border-top: 6px solid #e5c342;
    border-bottom: 6px solid #e5c342;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content[data-isfix="1"],
.grid-stack > .grid-stack-item > .grid-stack-item-content[data-isfix="true"],
.grid-stack > .grid-stack-item > .grid-stack-item-content[data-isfix="True"] {
    border-right: 6px double #cf3939;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content[data-isippc="1"],
.grid-stack > .grid-stack-item > .grid-stack-item-content[data-isippc="true"],
.grid-stack > .grid-stack-item > .grid-stack-item-content[data-isippc="True"] {
    border-left: 5px solid #e10057;
}

.grid-stack > .grid-stack-item[data-gs-height="2"] > .grid-stack-item-content {
    line-height: 0;
}

.grid-stack-item[data-gs-height="2"] > .grid-stack-item-content p {
    font-size: 0.75em;
}

.grid-stack-item[data-gs-height="1"] > .grid-stack-item-content {
    font-size: 8px;
    line-height: 0;
    border-width: 3px !important;
    padding: 0;
    overflow: unset !important;
}

.grid-stack-item .grid-stack-item-content .packIdent {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    z-index: 100;
    margin: 0;
}
.grid-stack-item .grid-stack-item-content .packIdent > span {
    padding: 0 2px;
}
    .grid-stack-item .grid-stack-item-content .packIdent > .packIdentNum {
        font-weight: bold;
    }



.grid-stack-item[data-gs-height="1"] .grid-stack-item-content p.packIdent {
    margin-top: -2px;
    font-size: 1.1em;
}

.grid-stack-item-content p {
    z-index: 1;
    /*display: inline-block;
    margin-left: 6px;*/
    font-weight: 900;
    /*text-shadow: 0.2px 1px 1px white;*/
}
    .grid-stack-item-content p:not(.packIdent) {
        border: 0.5px solid #444;
        padding: 0 0.5px;
        /*background-color: #ebebeb;*/
    }

.plannedGrid > .grid-stack-item > .grid-stack-item-content[data-isonlkw="true"], 
.plannedGrid > .grid-stack-item > .grid-stack-item-content[data-isonlkw="1"] {
    background-color: seagreen;
    opacity: 0.6;
}

    .plannedGrid > .grid-stack-item > .grid-stack-item-content[data-isonlkw="true"].notFullyLoadedStack,
.plannedGrid > .grid-stack-item > .grid-stack-item-content[data-isonlkw="1"].notFullyLoadedStack
{
    background-color: #f0f0f0;
    opacity: 1;
}

.lkwSideDesc {
    float: right;
    font-size: 2.3em;
    margin-right: 2em;
    margin-top: -0.5em;
    font-weight: 700;
    border: 2px solid #00569a;
    cursor: pointer;
    padding: 10px;
}

.grid-stack > .grid-stack-item.importantLkwContent[data-gs-height="1"] > .grid-stack-item-content {
    opacity: 1;
    outline: 8px dashed green;
}

.grid-stack > .grid-stack-item.importantLkwContent[data-gs-height="2"] > .grid-stack-item-content {
    opacity: 1;
    outline: 7px dashed green;
}

.grid-stack > .grid-stack-item.importantLkwContent[data-gs-height="3"] > .grid-stack-item-content {
    opacity: 1;
    outline: 7px dashed green;
}

.grid-stack > .grid-stack-item.importantLkwContent[data-gs-height="4"] > .grid-stack-item-content {
    opacity: 1;
    outline: 6px dashed green;
}

.grid-stack > .closestPack.grid-stack-item.importantLkwContent > .grid-stack-item-content {
    outline: 6px dashed green ;
}

.grid-stack > .moveHighlight.grid-stack-item.importantLkwContent > .grid-stack-item-content {
    outline: 6px dashed blue;
}

#displayListViewBox {
    margin-top: 20px;
}

.selectedPackageInTable td {
    border: 4px solid seagreen;
    -webkit-box-shadow: 0px 0px 68px -17px rgba(46,139,86,1);
    -moz-box-shadow: 0px 0px 68px -17px rgba(46,139,86,1);
    box-shadow: 0px 0px 68px -17px rgba(46,139,86,1);
}

.selectedPackageInPlanningGrid {
    background-image: linear-gradient(40deg, #ffffff 25%, #2e8b57 25%, #2e8b57 50%, #ffffff 50%, #ffffff 75%, #2e8b57 75%, #2e8b57 100%);
    background-size: 40.00px 33.56px;
}

.plannedPackagePosition > .grid-stack-item-content {
    background: linear-gradient(to bottom, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

#legendTable #emergencyPlacementButton {
    padding: 10px 30px;
    margin-left: 175px;
    border: 1px solid black;
    background: red;
    color: white;
}