#facial_recognition {
    top: 100px !important;
}

#modal {
    top: 100px !important;
}

#go_back {
    width: 70%;
}

#user_name {
    height: auto;
}

#product {
    height: auto;
}

#product_name {
    width: 50px;
}


.wrap-custom {
    margin-left: 1% !important;
    margin-right: 1% !important;
    margin-top: 1% !important;
}

.total {
    background: pink;
}

.products_in_cart {
    background: yellow;
}

.discount {
    background: green;
}

.change {
    background: blue;
}

.wholesaleprice {
    color: green;
}

#right_panel {
    width: 30%;
    height: auto;
    overflow-y: scroll;
}

#sales {
    display: block;
    height: 600px;
    overflow-y: scroll;
}

#total_div {
    position: fixed;
    bottom: 0;
    width: 100%;
}

#show_live_indicators {
    position: fixed;
    bottom: 0;
    width: 100%;
}

#products_quantity_div {
    position: fixed;
    bottom: 91px;
    width: 100%;
}

#discount_div {
    position: fixed;
    bottom: 39px;
    width: 100%;
}

#change_div {
    position: fixed;
    bottom: 39px;
    width: 100%;
}

.btn-success:active:focus {
    color: #ffffff;
    background-color: #161617;
    border-color: #494F57;
}

.custom_buttons {
    width: 120px;
    height: 100%;
}

#products_selector {
    height: 400px;
    display: block;
    overflow-y: scroll;
}

.tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    z-index: 1;
}

.btn:hover .tooltiptext {
    visibility: visible;
}

.fade {
    opacity: 1 !important;
}

.modal-dialog {
    top: 100px !important;
}

.change_color {
    color: red;
}

#back-button {
    cursor: pointer;
    width: 100px;
}

/* Tickets Processed */
#tickets {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#tickets td, #tickets th {
    border: 1px solid #ddd;
    padding: 8px;
}

#tickets tr:nth-child(even) {
    background-color: #f2f2f2;
}

#tickets tr:hover {
    background-color: #ddd;
}

#tickets th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
}

.button-group, .play-area {
    border: 1px solid grey;
    padding: 1em 1%;
    margin-bottom: 1em;
}

.button {
    padding: 0.5em;
    margin-right: 1em;
}

.play-area-sub {
    width: 47%;
    padding: 1em 1%;
    display: inline-block;
    text-align: center;
}

#capture {
    display: none;
}

#snapshot {
    display: inline-block;
    width: 320px;
    height: 240px;
}

.TableViewer table
{
    width:           100%;
    table-layout:    fixed;
    border-collapse: collapse;
}
.TableViewer table tbody
{
    width:    100%;
    overflow: auto;
    height:   400px;
}
.TableViewer table thead
{
    background: rgb(191, 191, 191);
}
.TableViewer table th
{
    padding:     0 5px;
    text-align:  center;
    font-family: monospace;
    white-space: nowrap;
    border:      1px solid rgb(153, 153, 153);
}
.TableViewer table td
{
    padding:     0 5px;
    text-align:  left;
    font-family: monospace;
    white-space: nowrap;
    border:      1px solid rgb(153, 153, 153);
}
.TableViewer table td:last-child {
    width: 100%;
}