nav, footer, .jumbotron {display: none}
.center-input {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ccc;
    line-height: 1.42857;
    color: #555;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.center-input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.wordwrap {
    white-space: pre-wrap !important;      /* CSS3 */
    white-space: -moz-pre-wrap !important; /* Firefox */
    white-space: -o-pre-wrap !important;   /* Opera 7 */
    word-wrap: break-word !important;      /* IE */
}

.selection-button {
    display: inline-block;
    padding: 0.5vh 0.75vw;
    margin: 0.25vmin;
    font-size: 3vmin;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    float: left;
    height: 10.5%;
}
.selection-button.selected {
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    text-decoration: underline;
    color: #5cb85c;
    font-weight: bolder !important;
}

.next-back-bw-buttons {
    background-color: #000;
    color: #fff;
}

.selectable_stock {
    -webkit-box-shadow:inset 0px 0px 0px 1px #e5e5e5;
    -moz-box-shadow:inset 0px 0px 0px 1px #e5e5e5;
    box-shadow:inset 0px 0px 0px 1px #e5e5e5;
    box-shadow: 0 1px 3px #000000;
    border-radius: 13px;
    background: -moz-linear-gradient(center top , #ffffff 0%, #e5e5e5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    margin: 0.50%;
    text-align: center;
}
/*.selectable_stock:hover {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    background: none repeat scroll 0 0 #c9cdd5;
    outline: 0 none;
}*/

div#stock-box {
    width: 32%;
    height: 13.5%;
}
div#stock-box.stock420 {
    width: 22%;
    font-size: 4vmin;
    line-height: 10vmin;
}
div#stock-box.stock412 {
    width: 32%;
    font-size: 6vmin;
    line-height: 10vmin;
}
div#stock-box.stock408 {
    width: 49%;
    font-size: 9vmin;
    line-height: 10vmin;
}
div#stock-box.stock404 {
    width: 98%;
    font-size: 9vmin;
    line-height: 10vmin;
}
div.action-button {
    display: inline-block;
    padding: 0.5vh 0.75vw;
    margin: 0.25vmin;
    font-size: 6vmin;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    float: left;
}

div.action-button.delete-from-workorder-list {
    font-size: 4vmin;
    margin: 0px;
}

.rounded-all {
    border-radius: 4px;
}
.rounded-top {
    border-radius: 4px 4px 0 0;
}
.rounded-top-left {
    border-radius: 4px 0 0 0;
}
.rounded-top-right {
    border-radius: 0 4px 0 0;
}
.rounded-bottom {
    border-radius: 0 0 4px 4px;
}
.rounded-bottom-left {
    border-radius: 0 0 0 4px;
}
.rounded-bottom-right {
    border-radius: 0 0 4px 0;
}
.rounded-left {
    border-radius: 4px 0 0 4px;
}
.rounded-right {
    border-radius: 0 4px 4px 0;
}

.btn-success-touch {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success-touch.selected {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    background: none repeat scroll 0 0 #ced2da;
    outline: 0 none;
    color: #4cae4c;
    font-weight: bold;
}

.btn-primary-touch {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}
.btn-primary-touch-selected {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    background: none repeat scroll 0 0 #d4d8e0;
    outline: 0 none;
    color: #428bca;
    font-weight: bold;
}

.btn-info-touch {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-info-touch.selected {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    background: none repeat scroll 0 0 #d4d8e0;
    outline: 0 none;
    color: #5bc0de;
    font-weight: bold;
}

.btn-warning-touch {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-warning-touch-selected {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    background: none repeat scroll 0 0 #d4d8e0;
    outline: 0 none;
    color: #f0ad4e;
    font-weight: bold;
}

.btn-danger-touch {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger-touch-selected {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    background: none repeat scroll 0 0 #d4d8e0;
    outline: 0 none;
    color: #d9534f;
    font-weight: bold;
}

.btn-disable-touch {
    color: #c0c0c0;
    background-color: #dddddd;
    border-color: #d8d8d8;
    cursor: not-allowed !important;
}

.full-width {
    width: 100%;
}
.full-height {
    height: 100%;
}
.full-height-content {
    height: 95%;
}
div.action-button div.b-text {
    font-weight: bolder;
}
.img_selectable_stock {
    margin: auto;
    width: auto;
    height: 90%;
    max-width: 50%;
    max-height: 90%;
}
/*TODO*/
.bar-top {

}
.bar-right {

}
.bar-left {

}
.bar-bottom {

}
@media (max-width: 768px) {
    .img-worker {
        width: 100px;
        height: 100px;
    }
    .center-input {
        height: 50px;
        width: 150px;
        font-size: 40px;
    }
    .back-next-arrow {
        font-size: 20px;
    }
}
/*.img-work-order {
    width: auto;
}*/
.workorders-list-item-img {
    width: 11vmin;
    height: auto;
    max-height: 8vmin;
}

@media (min-width: 992px) {
    .img-worker {
        width: 180px;
        height: 180px;
    }
    .img-work-order {
        height: 25vmin;
        width: 25vmin;
    }
    .center-input {
        height: 70px;
        width: 180px;
        font-size: 60px;
    }
    .back-next-arrow {
        font-size: 35px;
    }
}
@media (min-width: 1200px) {
    .img-worker {
        height: 25vmin;
        width: 25vmin;
    }
    .img-work-order {
        height: 25vmin;
        width: 25vmin;
    }
    .center-input {
        height: 100px;
        width: 300px;
        font-size: 100px;
    }
    .back-next-arrow {
        font-size: 50px;
    }
    div#stock-box {
        font-size: 5vmin;
    }
    .selection-button {
        width: 16%;
    }
    strong.sign{
        font-size: 5vmin;
    }

    div.action-button div.b-text {
        font-size: 1.5vmin;
    }
}
@media (min-width: 1360px) {
    .img-worker {
        height: 40vmin;
        width: 40vmin;
    }
    .img-work-order {
        height: 40vmin;
        width: 40vmin;
    }
    .center-input {
        height: 120px;
        width: 350px;
        font-size: 115px;
    }
    .back-next-arrow {
        font-size: 60px;
    }
    .btn {
        font-size: 50px;
    }
    div#stock-box {
        font-size: 7vmin;
    }
    .selection-button {
        width: 13.9%;
    }
    strong.sign{
        font-size: 6vmin;
    }
    div.action-button div.b-text {
        font-size: 2vmin;
    }
}