body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.add-element-icon {
    color: #0067b1;
    z-index: 101;
    text-shadow: 3px 3px 3px #ccc;
}

.add-element-wrapper a:hover {
    color: #0067b1;
}
/*************** Tool Tip *************/
.nofocus:focus, .nofocus a:focus {
    outline: none;
    /*text-decoration: none;*/
}

.md-input-focused .lower-tooltip, .md-input-has-value .lower-tooltip {
    display: none;
}

.tooltip-inner {
    background-color: #494949 !important;
    /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
    text-align: left;
    max-width: 500px;
    color: #fff;
    white-space: pre-line;
    width: max-content;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #000000;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #494949;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #000000;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #494949;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000000;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #000000;
}

/*****************************/
/* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */
[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

.top5 {
    margin-top: 5%;
}

.top7 {
    margin-top: 7%;
}

.top10 {
    margin-top: 10%;
}

.top15 {
    margin-top: 15%;
}

.top17 {
    margin-top: 17%;
}

.top30 {
    margin-top: 30%;
}

.selected {
    background-color: red;
}

.pointer {
    cursor: pointer;
}

.image-holder {
    height: 100px;
}

    .image-holder .img-responsive {
        max-height: 100px;
    }

.caption {
    margin-top: 0px;
    padding-top: 0px !important;
}

.vertical-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.table-centered {
    margin: 0 auto !important;
    float: none !important;
}

    .table-centered td {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 20px;
    }

.panel-body {
    padding: 5px 15px 5px 15px;
}

.thumbnail {
    margin-bottom: 5px;
}

h4 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.pagination {
    margin-top: 5px;
}

.panel.panel-default {
    margin-bottom: 5px;
}

.vend-description {
    margin-bottom: 0px;
    height: 40px;
    overflow: hidden;
}

.side-cart {
    margin-left: 10px;
    min-width: 230px;
}

.side-cart-item {
    margin-top: 10px;
    height: 120px;
}

ul.side-cart {
    list-style-type: none;
}

.seven-padding-lr {
    padding-left: 7px;
    padding-right: 7px;
}

.side-cart-item-info {
    height: 40px;
}

.side-cart-item-img {
    height: 80px;
}

.side-cart-item-hover-info {
    display: none;
    max-width: 190px;
}

.side-cart-item:hover {
    border-bottom: 1px solid #E5E5E5;
}

    .side-cart-item:hover .side-cart-item-hover-hide {
        display: none;
    }

    .side-cart-item:hover .side-cart-item-hover-info {
        display: block;
    }

    .side-cart-item:hover .side-cart-item-img {
        height: 50px;
    }

/* search clear button*/
.search-clear-button {
    background-color: #eee;
    cursor: pointer;
}

    .search-clear-button:active {
        background-color: #ccc;
    }

#search {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    width: 80% !important;
}

@media (max-height:768px) {
    #search {
        width: 70% !important;
    }
}

.strikeout {
    text-decoration: line-through;
    cursor: not-allowed
}

.no-horizontal-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.crement-button {
    height: 34px;
    min-width: 39px;
}

.center-inline {
    display: inline-block;
    float: none;
}

.item-modal-exit-element-wrapper a:hover {
    color: black;
}

.item-modal-exit-element-wrapper a {
    color: #333333;
    opacity: .4;
    text-shadow: 3px 3px 3px #ccc;
}

.item-modal-tooltip {
    position: relative;
    display: inline-block;
}

    .item-modal-tooltip .item-modal-tooltiptext {
        visibility: hidden;
        width: 210px;
        background-color: #353935;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        flex-wrap: wrap;
    }

    .item-modal-tooltip:hover .item-modal-tooltiptext {
        visibility: visible;
    }

.item-modal-unapproved {
    color: red !important;
}

.item-modal-approved {
    color: black !important;
}

.loading:after {
    /* with no content, nothing is rendered */
    content: "";
    position: fixed;
    /* element stretched to cover during rotation an aspect ratio up to 1/10 */
    top: -500%;
    left: -500%;
    right: -500%;
    bottom: -500%;
    z-index: 9999;
    pointer-events: none; /* to block content use: all */
    /* background */
    background-color: rgba(0,0,0,.4);
    /**/
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px 100px;
    /* animation */
    -webkit-animation-name: linearRotate;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: linearRotate;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: linearRotate;
    -o-animation-duration: 1s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: linearRotate;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
/*
	.loading {
		filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
		-webkit-filter: url(#blur-filter);
		filter: url(#blur-filter);
		-webkit-filter: blur(3px);
		filter: blur(3px);
	}

	.loading-svg {
		display: none;
	}
		 */
@-webkit-keyframes linearRotate {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.westtool-spinner {
    display: inline-block;
    animation-name: spin;
    animation-duration: 2500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.switch {
    position: relative;
    display: inline-block;
    width: 51px;
    height: 24px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(-360deg)
    }
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0067b1;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #0067b1;
}

input:focus + .slider {
    box-shadow: 0 0 1px #0067b1;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.slider-labels {
    position: relative;
    bottom: 7px;
}

.fademe.ng-hide {
    opacity: 0;
}

.fademe.ng-hide-remove,
.fademe.ng-hide-add {
    display: block !important;
}

.fademe.ng-hide-remove {
    transition: all linear 1000ms;
}

.fademe.ng-hide-add {
    transition: all linear 500ms;
}

.view-model-errors-in-modal {
    margin-top: 10px;
}

@media screen and (max-width: 1749px) {
    .button-hide-fix {
        display: none;
    }
}

@media screen and (min-width: 1750px) {
    .button-hide-row {
        display: none;
    }
}

/************************ Cabinet Gui ***************/
.cabinet_top {
    background: linear-gradient(to bottom, #0067b1 0%,#ffffff 99%);
    bottom: -10px;
    left: 22px;
    width: 245px;
    height: 10px;
    transform: skew(77deg);
    position: relative;
    z-index: 1;
}

.cabinet_side {
    padding: 10px 0 0 34px;
    display: inline-block;
    background: linear-gradient(to right, #0067b1 0%,#ffffff 11%,#ffffff 24%);
    position: relative;
}

.cabinet {
    width: 250px;
    border: 1px solid #0067b1;
    border-spacing: .6em;
    color: #0067b1;
}

.cabinet_corner {
    position: absolute;
    background: white;
    width: 265px;
    height: 10px;
    transform: skew(77deg);
    bottom: 0px;
    left: -254px;
}



.filled:hover > img {
    display: none;
}

.filled .item_detail:hover img {
    display: initial;
}

.cabinet .drawer div div div.item_detail {
    height: 0px;
    width: 0px;
    position: relative;
    font-size: 0;
    background-color: #0067b1;
    padding: .25em;
    transition: 250ms ease-out all;
    opacity: .25;
}

.cabinet .drawer div .div .item_detail:hover, .cabinet .drawer div .filled:hover .item_detail {
    min-height: 200px;
    width: 160px;
    font-size: 28px;
    border-radius: 8px;
    z-index: 1;
    opacity: 1;
    color: white;
    margin: 1%;
}

.item_title {
    overflow: hidden;
    font-size: 50%;
    height: 3.5em;
    line-height: 1.25em;
}

.drawer .filled:hover > .item_title {
    display: block;
    font-size: 50%;
}

.drawer div div {
}

.drawer_face {
    padding: .5em 1em;
    color: #0067b1;
    width: 225px;
    border: 1px solid #0067b1;
}

    .drawer_face:hover {
        border-top: 2px solid #0067b1;
        border-left: 5px solid #0067b1;
        background-color: white;
        width: 226px;
        margin-right: -4px;
        background: white;
        margin-bottom: -1px;
    }

.cabinet td, .cabinet th {
    text-align: center;
    width: 250px;
    padding: 0 1em 1em 1em;
}

    .cabinet td a {
        text-decoration: none;
    }

.drawer_face_open {
    border-top: 4px solid #0067b1;
    border-left: 15px solid #0067b1;
    margin-right: -14px;
    margin-bottom: -3px;
    width: 232px;
}

.drawer_wrap_open {
    width: 180px;
    position: absolute;
    left: 308px;
    z-index: 1;
    display: table;
    top: 18px;
}



    .drawer_wrap_open div {
        color: #0067b1;
    }

    .drawer_wrap_open .drawer_face {
        position: absolute;
        left: -3px;
        top: -1px;
        width: 187px;
        height: 18px;
        border: 1px solid #0067b1;
        background-color: white;
    }

        .drawer_wrap_open .drawer_face:hover {
            color: #0067b1;
        }

.cabinet .drawer {
    text-align: center;
    color: #0067b1;
    margin: -8px;
}

.cabinet .drawer_label, .cabinet .drawer_label:hover {
    border: 1px solid #0067b1;
    text-align: center;
    padding: .25em;
    color: #0067b1;
}

.drawer_wrap {
    position: absolute;
    top: 0;
    left: 350px;
    z-index: -2;
    content: "";
    clear: both;
    display: none;
    border: 1px solid #0067b1;
}


.drawer {
    height: 184px;
    border-bottom: none;
}

.cabinet .drawer div {
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
    float: left;
    justify-content: center;
    font-size: 0px;
    border-radius: 3px;
    margin: 1px;
}

    .cabinet .drawer div.filled, .cabinet .drawer div.filled div {
        background-color: #0067b1;
        font-weight: bold;
        color: white;
        font-size: 12px;
    }

.drawer div {
    border: 1px solid #0067b1;
    width: 178px;
    height: 178px;
}

    .drawer div:first-child:nth-last-child(2),
    .drawer div:first-child:nth-last-child(2) ~ div, .drawer_add div:first-child:nth-last-child(2), .drawer_add div:first-child:nth-last-child(2) ~ div {
        width: 88px;
    }

    .drawer div:first-child:nth-last-child(3),
    .drawer div:first-child:nth-last-child(3) ~ div, .drawer_add div:first-child:nth-last-child(3), .drawer_add div:first-child:nth-last-child(3) ~ div {
        width: 58px;
    }

    .drawer div:first-child:nth-last-child(4),
    .drawer div:first-child:nth-last-child(4) ~ div, .drawer_add div:first-child:nth-last-child(4), .drawer_add div:first-child:nth-last-child(4) ~ div {
        width: 43px;
    }

    .drawer div:first-child:nth-last-child(5),
    .drawer div:first-child:nth-last-child(5) ~ div, .drawer_add div:first-child:nth-last-child(5), .drawer_add div:first-child:nth-last-child(5) ~ div {
        width: 34px;
    }

    .drawer div:first-child:nth-last-child(6),
    .drawer div:first-child:nth-last-child(6) ~ div, .drawer_add div:first-child:nth-last-child(6), .drawer_add div:first-child:nth-last-child(6) ~ div {
        width: 28px;
    }

    .drawer div:first-child:nth-last-child(7),
    .drawer div:first-child:nth-last-child(7) ~ div, .drawer_add div:first-child:nth-last-child(7), .drawer_add div:first-child:nth-last-child(7) ~ div {
        width: 23px;
        width: 23.7px;
    }

    .drawer div:first-child:nth-last-child(8),
    .drawer div:first-child:nth-last-child(8) ~ div, .drawer_add div:first-child:nth-last-child(8), .drawer_add div:first-child:nth-last-child(8) ~ div {
        width: 20px;
        width: 20.5px;
    }

    .drawer div:first-child:nth-last-child(9),
    .drawer div:first-child:nth-last-child(9) ~ div, .drawer_add div:first-child:nth-last-child(9), .drawer_add div:first-child:nth-last-child(9) ~ div {
        width: 18px;
    }

    .drawer div:first-child:nth-last-child(10),
    .drawer div:first-child:nth-last-child(10) ~ div, .drawer_add div:first-child:nth-last-child(10), .drawer_add div:first-child:nth-last-child(10) ~ div {
        width: 16px;
    }

    .drawer div:first-child:nth-last-child(11),
    .drawer div:first-child:nth-last-child(11) ~ div, .drawer_add div:first-child:nth-last-child(11), .drawer_add div:first-child:nth-last-child(11) ~ div {
        width: 14px;
        width: 14.4px;
    }

    .drawer div:first-child:nth-last-child(12),
    .drawer div:first-child:nth-last-child(12) ~ div, .drawer_add div:first-child:nth-last-child(12), .drawer_add div:first-child:nth-last-child(12) ~ div {
        width: 13px;
    }

    .drawer div:first-child:nth-last-child(13),
    .drawer div:first-child:nth-last-child(13) ~ div, .drawer_add div:first-child:nth-last-child(13), .drawer_add div:first-child:nth-last-child(13) ~ div {
        width: 11px;
        width: 11.8px;
    }

    .drawer div:first-child:nth-last-child(14),
    .drawer div:first-child:nth-last-child(14) ~ div, .drawer_add div:first-child:nth-last-child(14), .drawer_add div:first-child:nth-last-child(14) ~ div {
        width: 10px;
        width: 10.8px;
    }

    .drawer div:first-child:nth-last-child(15),
    .drawer div:first-child:nth-last-child(15) ~ div, .drawer_add div:first-child:nth-last-child(15), .drawer_add div:first-child:nth-last-child(15) ~ div {
        width: 10px;
    }

.cabinet_side .cabinet .drawer div div {
    width: auto;
    margin: 0;
    float: none;
}

.drawer div div img {
    max-height: 50%;
    max-width: 75%;
    margin: auto;
    display: none;
}

.drawer div div:hover {
    background-color: #0067b1;
    color: white;
}

.drawer_add .drawer_close:hover {
    background-color: red;
    color: white;
}

.drawer div div:first-child:nth-last-child(1) {
    height: 178px;
}

.drawer div div:first-child:nth-last-child(2),
.drawer div div:first-child:nth-last-child(2) ~ div {
    height: 88px;
}

.drawer div div:first-child:nth-last-child(3),
.drawer div div:first-child:nth-last-child(3) ~ div {
    height: 59px;
}

.drawer div div:first-child:nth-last-child(4),
.drawer div div:first-child:nth-last-child(4) ~ div {
    height: 44px;
}

.drawer div div:first-child:nth-last-child(5),
.drawer div div:first-child:nth-last-child(5) ~ div {
    height: 36px;
}

.drawer div div:first-child:nth-last-child(6),
.drawer div div:first-child:nth-last-child(6) ~ div {
    height: 30px;
}

.drawer div div:first-child:nth-last-child(7),
.drawer div div:first-child:nth-last-child(7) ~ div {
    height: 25px;
    height: 25.7px;
}

.drawer div div:first-child:nth-last-child(8),
.drawer div div:first-child:nth-last-child(8) ~ div {
    height: 22px;
    height: 22.5px;
}

.drawer div div:first-child:nth-last-child(9),
.drawer div div:first-child:nth-last-child(9) ~ div {
    height: 20px;
}

.drawer div div:first-child:nth-last-child(10),
.drawer div div:first-child:nth-last-child(10) ~ div {
    height: 18px;
}

.drawer div div:first-child:nth-last-child(11),
.drawer div div:first-child:nth-last-child(11) ~ div {
    height: 16px;
    height: 16.4px;
}

.drawer div div:first-child:nth-last-child(12),
.drawer div div:first-child:nth-last-child(12) ~ div {
    height: 15px;
}

.drawer div div:first-child:nth-last-child(13),
.drawer div div:first-child:nth-last-child(13) ~ div {
    height: 13px;
    height: 13.8px;
}

.drawer div div:first-child:nth-last-child(14),
.drawer div div:first-child:nth-last-child(14) ~ div {
    height: 12px;
    height: 12.8px;
}

.drawer div div:first-child:nth-last-child(15),
.drawer div div:first-child:nth-last-child(15) ~ div {
    height: 10px;
}

div > .add, div > .empty {
    color: gray;
    border: 1px dashed gray;
    background-color: lightgray;
    width: 98.5%;
}

.cabinet .drawer_add {
    border-top: none;
    border-bottom: none;
    height: 63px;
    width: 180px;
    margin-left: -8px;
}

.drawer_add .add, .drawer_add .drawer_close {
    padding: 1em 0 2.25em 0;
    margin: 1px;
    float: left;
    height: 1em;
    font-size: .8em;
    font-weight: bold;
}

    .drawer_add .drawer_close a {
        color: red;
    }

        .drawer_add .drawer_close a:hover, .drawer_add .drawer_close:hover a {
            color: white;
        }

.drawer div div:first-child:nth-last-child(8):hover div, .drawer div div:first-child:nth-last-child(8) ~ div > div:hover, .drawer div div:first-child:nth-last-child(8) ~ div:hover > div,
.drawer div div:first-child:nth-last-child(9):hover div, .drawer div div:first-child:nth-last-child(9) ~ div > div:hover, .drawer div div:first-child:nth-last-child(9) ~ div:hover > div,
.drawer div div:first-child:nth-last-child(10):hover div, .drawer div div:first-child:nth-last-child(10) ~ div > div:hover, .drawer div div:first-child:nth-last-child(10) ~ div:hover > div,
.drawer div div:first-child:nth-last-child(11):hover div, .drawer div div:first-child:nth-last-child(11) ~ div > div:hover, .drawer div div:first-child:nth-last-child(11) ~ div:hover > div,
.drawer div div:first-child:nth-last-child(12):hover div, .drawer div div:first-child:nth-last-child(12) ~ div > div:hover, .drawer div div:first-child:nth-last-child(12) ~ div:hover > div,
.drawer div div:first-child:nth-last-child(13):hover div, .drawer div div:first-child:nth-last-child(13) ~ div > div:hover, .drawer div div:first-child:nth-last-child(13) ~ div:hover > div,
.drawer div div:first-child:nth-last-child(14):hover div, .drawer div div:first-child:nth-last-child(14) ~ div > div:hover, .drawer div div:first-child:nth-last-child(14) ~ div:hover > div,
.drawer div div:first-child:nth-last-child(15):hover div, .drawer div div:first-child:nth-last-child(15) ~ div > div:hover, .drawer div div:first-child:nth-last-child(15) ~ div:hover > div,
.drawer div:first-child:nth-last-child(11) div:hover div, .drawer div:first-child:nth-last-child(11) ~ div > div:hover > div, .drawer div:first-child:nth-last-child(11) ~ div > div > div:hover,
.drawer div:first-child:nth-last-child(12) div:hover div, .drawer div:first-child:nth-last-child(12) ~ div > div:hover > div, .drawer div:first-child:nth-last-child(12) ~ div > div > div:hover,
.drawer div:first-child:nth-last-child(13) div:hover div, .drawer div:first-child:nth-last-child(13) ~ div > div:hover > div, .drawer div:first-child:nth-last-child(13) ~ div > div > div:hover,
.drawer div:first-child:nth-last-child(14) div:hover div, .drawer div:first-child:nth-last-child(14) ~ div > div:hover > div, .drawer div:first-child:nth-last-child(14) ~ div > div > div:hover,
.drawer div:first-child:nth-last-child(15) div:hover div, .drawer div:first-child:nth-last-child(15) ~ div > div:hover > div, .drawer div:first-child:nth-last-child(15) ~ div > div > div:hover,
.drawer div:first-child:nth-last-child(16) div:hover div, .drawer div:first-child:nth-last-child(16) ~ div > div:hover > div, .drawer div:first-child:nth-last-child(16) ~ div > div > div:hover {
    min-width: 100%;
    min-height: 132px;
    width: 100px;
    font-size: 22px;
    font-weight: 400;
    position: relative;
    right: 35px;
}

.matrixdrawer div div:first-child:nth-last-child(8):hover div, .matrixdrawer div div:first-child:nth-last-child(8) ~ div > div:hover, .matrixdrawer div div:first-child:nth-last-child(8) ~ div:hover > div,
.matrixdrawer div div:first-child:nth-last-child(9):hover div, .matrixdrawer div div:first-child:nth-last-child(9) ~ div > div:hover, .matrixdrawer div div:first-child:nth-last-child(9) ~ div:hover > div,
.matrixdrawer div div:first-child:nth-last-child(10):hover div, .matrixdrawer div div:first-child:nth-last-child(10) ~ div > div:hover, .matrixdrawer div div:first-child:nth-last-child(10) ~ div:hover > div,
.matrixdrawer div div:first-child:nth-last-child(11):hover div, .matrixdrawer div div:first-child:nth-last-child(11) ~ div > div:hover, .matrixdrawer div div:first-child:nth-last-child(11) ~ div:hover > div,
.matrixdrawer div div:first-child:nth-last-child(12):hover div, .matrixdrawer div div:first-child:nth-last-child(12) ~ div > div:hover, .matrixdrawer div div:first-child:nth-last-child(12) ~ div:hover > div,
.matrixdrawer div div:first-child:nth-last-child(13):hover div, .matrixdrawer div div:first-child:nth-last-child(13) ~ div > div:hover, .matrixdrawer div div:first-child:nth-last-child(13) ~ div:hover > div,
.matrixdrawer div div:first-child:nth-last-child(14):hover div, .matrixdrawer div div:first-child:nth-last-child(14) ~ div > div:hover, .matrixdrawer div div:first-child:nth-last-child(14) ~ div:hover > div,
.matrixdrawer div div:first-child:nth-last-child(15):hover div, .matrixdrawer div div:first-child:nth-last-child(15) ~ div > div:hover, .matrixdrawer div div:first-child:nth-last-child(15) ~ div:hover > div,
.matrixdrawer div:first-child:nth-last-child(11) div:hover div, .matrixdrawer div:first-child:nth-last-child(11) ~ div > div:hover > div, .matrixdrawer div:first-child:nth-last-child(11) ~ div > div > div:hover,
.matrixdrawer div:first-child:nth-last-child(12) div:hover div, .matrixdrawer div:first-child:nth-last-child(12) ~ div > div:hover > div, .matrixdrawer div:first-child:nth-last-child(12) ~ div > div > div:hover,
.matrixdrawer div:first-child:nth-last-child(13) div:hover div, .matrixdrawer div:first-child:nth-last-child(13) ~ div > div:hover > div, .matrixdrawer div:first-child:nth-last-child(13) ~ div > div > div:hover,
.matrixdrawer div:first-child:nth-last-child(14) div:hover div, .matrixdrawer div:first-child:nth-last-child(14) ~ div > div:hover > div, .matrixdrawer div:first-child:nth-last-child(14) ~ div > div > div:hover,
.matrixdrawer div:first-child:nth-last-child(15) div:hover div, .matrixdrawer div:first-child:nth-last-child(15) ~ div > div:hover > div, .matrixdrawer div:first-child:nth-last-child(15) ~ div > div > div:hover,
.matrixdrawer div:first-child:nth-last-child(16) div:hover div, .matrixdrawer div:first-child:nth-last-child(16) ~ div > div:hover > div, .matrixdrawer div:first-child:nth-last-child(16) ~ div > div > div:hover {
    /*min-width: 100%; */
    min-width: 132px;
    min-height: 132px;
    width: 100px;
    font-size: 22px;
    font-weight: 400;
    position: relative;
    right: 35px;
}

.btn.btn-primary {
    background-color: #0067b1;
    border-color: #0067b1;
}

.btn.btn-danger {
    background-color: #e1251b;
    border-color: #e1251b;
}

.uomSelect {
    min-width: 100px;
}


/* RapidStock support: screen size 1280px x 1024px */
@media screen and (min-width: 1200px) and (max-width:1291px) {

    /*items list page */

    .container-item-list-page {
        width: 66% !important;
    }

    .panel {
        width: 780px !important;
    }

    .crement-button {
        min-width: 32px !important;
    }

    .sideCart {
        margin-left: -45px !important;
    }

    .item-info-height {
        min-height: 82px !important;
    }

    .item-info-uom {
        min-height: 40px !important;
        vertical-align: bottom;
    }

    .item-info-add-to-cart-uom-radius-left {
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important;
    }

    .item-info-add-to-cart-uom-radius-right {
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
    }

    /* vend cart page */
    .container-vend-cart {
        width: 95% !important;
    }

    /* vend adjust page */
    .panel-adjust-page {
        width: 100% !important;
    }

    /* vend return page */
    .panel-return-page {
        width: 100% !important;
    }

    /* vend physical page */
    .panel-physical-page {
        width: 100% !important;
    }

    .uomSelect {
        min-width: 80px;
    }
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.pulse-button {
    border-radius: 10px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    animation: pulse 6s infinite;
}

.bottom-right-virtual-keyboard-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

    .bottom-right-virtual-keyboard-button .vk-accept-icon {
        display: flex; /* stack cleanly */
        flex-direction: column;
        align-items: center;
        line-height: 1; /* remove extra line space */
        margin-top: -18px;
    }

        .bottom-right-virtual-keyboard-button .vk-accept-icon .fa {
            line-height: 1; /* tighten each icon */
        }

    .bottom-right-virtual-keyboard-button .fa-keyboard-o {
        font-size: 1.1em;
        margin-top: 0px; /* pull caret closer */
    }

    .bottom-right-virtual-keyboard-button .fa-caret-up {
        font-size: 0.9em;
        margin-top: -26px; /* overlap slightly if needed */
    }

    .bottom-right-virtual-keyboard-button a {
        text-decoration: none;
    }

.ui-keyboard button.ui-keyboard-accept .vk-accept-icon {
    display: flex; /* stack cleanly */
    flex-direction: column;
    align-items: center;
    line-height: 1; /* remove extra line space */
}

    .ui-keyboard button.ui-keyboard-accept .vk-accept-icon .fa {
        line-height: 1; /* tighten each icon */
    }

.ui-keyboard button.ui-keyboard-accept .fa-keyboard-o {
    font-size: 1.1em;
    margin-bottom: -2px; /* pull caret closer */
}

.ui-keyboard button.ui-keyboard-accept .fa-caret-down {
    font-size: 0.9em;
    margin-top: -4px; /* overlap slightly if needed */
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    35%, 70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    85%, 100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

.open-po-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .open-po-header .right-controls {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .open-po-header .title {
        margin: 0;
    }

.slip-input {
    width: 100px;
}

.po-sub-link {
    text-align: right;
    margin-top: 4px;
}