.trow {
        text-align: right;
        border-right: 1px solid #abb0ba;
}


.titlerow {
        font-weight: bold;
        
}
.darkrow {

        background: #eff4ff;        
}
.darkcol {

        background: #e0e6f4;        
}
.trow {

}



.voided {
        text-decoration: line-through;

}

.sent-item {
        background-color: #ffec6d; 



}
.sent-itempay {
        background-color:#ffe8a1;

}

.seatlabel2 {
        background: -moz-linear-gradient(top, rgba(30,87,153,0.4) 0%, rgba(30,87,153,0.4) 1%, rgba(30,87,153,0.4) 84%, rgba(30,87,153,0) 100%);
        background: -webkit-linear-gradient(top, rgba(30,87,153,0.4) 0%,rgba(30,87,153,0.4) 1%,rgba(30,87,153,0.4) 84%,rgba(30,87,153,0) 100%);
        background: linear-gradient(to bottom, rgba(30,87,153,0.4) 0%,rgba(30,87,153,0.4) 1%,rgba(30,87,153,0.4) 84%,rgba(30,87,153,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#661e5799', endColorstr='#001e5799',GradientType=0 );

        font-size: 13px;
        color: #666666;
        text-align: center;
        width: 100%;
}
.seatlabel{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+1,1e5799+100&1+0,1+84,0+100 */
        background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(30,87,153,1) 1%, rgba(30,87,153,1) 84%, rgba(30,87,153,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(30,87,153,1) 1%,rgba(30,87,153,1) 84%,rgba(30,87,153,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(30,87,153,1) 1%,rgba(30,87,153,1) 84%,rgba(30,87,153,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#001e5799',GradientType=0 ); /* IE6-9 */



        font-size: 13px;
        color: #FFFFFF;
        text-align: center;
        width: 100%;
}
.moveselection {
        border: 2px #28a745 dashed;


}

.movingfrom {
        background-color: #cccccc;
        color: #666666;

}
.readyformove {
        background-color: #28a745;
        color: #FFFFFF;
        cursor: pointer;

}

.sidebuttons {

        padding-top: 2px;
        padding-bottom: 2px;
        text-align: center;
        margin-bottom: 3px;
        width: 40px;
        height:70px;

        z-index:15;
        overflow: hidden;
        position: relative;
        left:5px;
        border-radius: 5px 0px 0px 5px;

}
.sidebuttons span {
        transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        width: 40px;
        height:70px;
        text-align: center;
        word-wrap: break-word;
        position: absolute;

        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;     

}

.sidebuttons2 {
        display:table;

        padding-top: 2px;
        padding-bottom: 2px;
        text-align: center;
        margin-bottom: 3px;
        width: 70px;
        height:40px;

        z-index:15;
        overflow: hidden;
        position: relative;
        left:5px;
        border-radius: 5px 0px 0px 5px;
        line-height: 0.9;
        word-wrap: break-word;
        table-layout:fixed;
}
.sidebuttons2 span {
        width: 70px;
        height:40px;
        display:table-cell;
        vertical-align:middle;
        text-align: center;
        word-wrap: break-word;


        font-size: 12px;
        font-weight: bold;


}

.sidetmp {


}
.sidebutton-select {
        background-color: #007bff;
        color: #FFFFFF;

}
.sidebutton-off {
        background-color: #cccccc;
        color: #666666;
        cursor: pointer;

}
.tablebar {

        height:75vh;
        overflow-y: scroll;
        overflow-x: hidden;
}

.preplaced {
        opacity: 0;

}

.floorplan {

        margin: 4px;
        padding: 0px;
        border: 1px solid #000000;           
        width: 100%;
        height:75vh;



}

.floorplanfixed
{

        background-size: 20px 20px;
        background-image: linear-gradient(to right, #e1e1e1 1px, transparent 1px), linear-gradient(to bottom, #e1e1e1 1px, transparent 1px);
}

.floorplangrid
{
        background-size: 20px 20px;
        background-image: linear-gradient(to right, #e1e1e1 1px, transparent 1px), linear-gradient(to bottom, #e1e1e1 1px, transparent 1px);

}
.tables {
        background-size: cover;
        width: 95px;
        height:95px;
        display: inline-block;






}

.shapes-circle2 {
        background: #79b08e; 
        -moz-border-radius: 500px; 
        -webkit-border-radius: 500px; 
        border-radius: 500px;

}

.shapes-semicircle2 {
        background: #79b08e; 
        -webkit-border-top-right-radius: 500px;
        -webkit-border-bottom-right-radius: 500px;
        -moz-border-radius-topright: 500px;
        -moz-border-radius-bottomright: 500px;
        border-top-right-radius: 500px;
        border-bottom-right-radius: 500px;

}
.shapes-square2 {

        background-color: #79b08e;
}

.shapes-circle {
        background: #c4ccfd; 
        -moz-border-radius: 500px; 
        -webkit-border-radius: 500px; 
        border-radius: 500px;

}

.shapes-semicircle {
        background: #c4ccfd; 
        -webkit-border-top-right-radius: 500px;
        -webkit-border-bottom-right-radius: 500px;
        -moz-border-radius-topright: 500px;
        -moz-border-radius-bottomright: 500px;
        border-top-right-radius: 500px;
        border-bottom-right-radius: 500px;

}
.shapes-square {

        background-color: #c4ccfd;
}
.rotateshapes {
        background-size: cover;
        width: 40px;
        height:40px;
        display: inline-block;
}
.movable {
        cursor: move;
}
.tablelabel {
        display: block;
        position: relative;
        top: 23%;
        left: 20%;
        width: 60%;
        height: 54%;
        font-family: sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: black;
        vertical-align: middle;
        text-align: center;




}

.tablelabelsel 
{
        background: rgba(0, 123, 255, 1) !important;


}

.notmine 
{
        opacity: .6 !important;


}
.tablelabelwarning{
        background: rgba(255, 193, 7, 1);

        color: #000000;

        -moz-border-radius: 5px; 
        -webkit-border-radius: 5px; 
        border-radius: 5px;
}
.tablelabelpending
{
        background: rgba(204, 204, 204, 0);
        color: #666666;

        -moz-border-radius: 5px; 
        -webkit-border-radius: 5px; 
        border-radius: 5px;
}

.tablelabelopen
{
        background: rgba(40, 167, 69, 1);

        color: #FFFFFF;

        -moz-border-radius: 5px; 
        -webkit-border-radius: 5px; 
        border-radius: 5px;
}

.tablelabelclosed
{
        background: rgba(180, 0, 0, 1);
        color: #FFFFFF;

        -moz-border-radius: 5px; 
        -webkit-border-radius: 5px; 
        border-radius: 5px;
}

.pull-right {

        float: right;
}

.stationticket {
        width: 300px;
        padding: 0px;
        border: 1px solid #333333;
        -webkit-border-radius: 2px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-color: #ffffff;
        float: left;
        margin: 5px;
}
.stationticket2 {
        width: 400px;
        padding: 0px;
        border: 1px solid #CCCCCC;
        -webkit-border-radius: 2px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-color: #ffffff;
        float: left;
        margin: 5px;
        min-height: 180px;
}



.innerstation1 {
        padding: 12px;
        min-height: 150px;
}



.innerstation2 {
        text-align: center;
        padding: 5px;
        font-size: 40px;




}

.outerstation {



}

#toast-container.nopacity > div {
        opacity: 1;
}

.smallertext {
        font-size: 14px;
}
.modbuttons {
        font-size: 14px;
}
.hiddenticket
{
        display: none !important;

}
.hiddenitem 
{
        text-decoration: line-through;
        color: #999999;
}
.hiddenitem::before { 
        content: '**';
}
.hiddenitem::after { 
        content: '**';
}
.futureticket
{
        display: none !important;
}
.transdiv {
        opacity: 0.3;
        filter: alpha(opacity=30); /* For IE8 and earlier */

}

.kitchenrow {

}
.bordertop {
        border-top: 1px dotted #CCCCCC;
}

.leftmargin {
        padding-left: 16px;

}
.late {
        background-color: #dc3545 !important;
        color: #FFFFFF !important;
}
.mediumlate {
        background-color: #ffc107 !important;
        color: #000000 !important;
}
.early {
        background-color: #28a745 !important;
        color: #FFFFFF !important;

}
.selectedticket{
        background-color: #007bff !important;
        color: #FFFFFF  !important;
}

.selecteditem{
        background-color: #007bff !important;
        color: #FFFFFF  !important;
}
.hlitem {
        font-weight: bolder;
        font-size: 18px;
}
.centertext{
        padding: 4px;
        font-size: 18px;
        text-align: center;


}.grey-item {
        color: #CCCCCC;
}

.medgrey-item {
        color: #666;
}
.miniscreen {
        padding: 8px;    
        border: 1px solid #CCCCCC;
        -webkit-border-radius: 2px;
        -moz-border-radius: 4px;
        border-radius: 4px;
}
.custbox {
        margin-top: 5px;
        margin-bottom: 5px;
        height: 50px;
        text-align:center;
        font-size: 18px;
}

tr.border_bottom td {
        padding: 6px;
        margin: 0px;
        border-bottom:1pt solid #cccccc;
}

.modcontainer {
        display: block;
        width: 100%;
        position: relative;

}

.moditemtext {
        position: relative;
        top: 50%; 
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
}

.moditem:hover{
        background-color: #000000 !important;
        color: #FFFFFF !important;
}

.moditemselected {
        background-color: #000000 !important;
        color: #FFFFFF !important;
}

.kitchenticket {
        height:75vh;
        margin-left: 4px;
        margin-right: 4px;
        overflow-y: auto;
        overflow-x: hidden;
}

.kitchenticket::-webkit-scrollbar {
        width: 5px;
}

/* Track */
.kitchenticket::-webkit-scrollbar-track {
        background: #cccccc;
        border: 1px solid transparent;
        background-clip: content-box;   /* THIS IS IMPORTANT */
}

/* Handle */
.kitchenticket::-webkit-scrollbar-thumb {
        background: #666666;
        border: #cccccc;

}
.recentorder{
        font-size: 14px;
        border: 1px solid #CCCCCC;
        min-height: 70px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        width: 98%;
        margin-bottom: 5px;
}
.recentbox {
        padding: 0px;
        padding-top: 15px;
        padding-bottom: 15px;

        margin-bottom: auto;
        height:80vh;

        overflow:scroll;
        overflow-x: hidden;

}
.recentbox::-webkit-scrollbar {
        width: 15px;
}

/* Track */
.recentbox::-webkit-scrollbar-track {
        background: #cccccc;
        border: 4px solid transparent;
        background-clip: content-box;   /* THIS IS IMPORTANT */
}

/* Handle */
.recentbox::-webkit-scrollbar-thumb {
        background: #313131;
        border: #1e3f70;
}

body::-webkit-scrollbar {
        width: 15px;
}

/* Track */
body::-webkit-scrollbar-track {
        background: #cccccc;
        border: 4px solid transparent;
        background-clip: content-box;   /* THIS IS IMPORTANT */
}

/* Handle */
body::-webkit-scrollbar-thumb {
        background: #313131;
        border: #1e3f70;
}

.orderbox {
        padding: 0px;
        padding-top: 8px;
        padding-bottom: 8px;
        border: 1px solid #000000;
        margin-bottom: auto;
        height:65vh;

        overflow:scroll;
        overflow-x: hidden;

}

.orderbox::-webkit-scrollbar {
        width: 15px;
}

/* Track */
.orderbox::-webkit-scrollbar-track {
        background: #cccccc;
        border: 4px solid transparent;
        background-clip: content-box;   /* THIS IS IMPORTANT */
}

/* Handle */
.orderbox::-webkit-scrollbar-thumb {
        background: #313131;
        border: #1e3f70;
}
.fitem {

        padding-bottom: 5px;

}
#orderbox {
        padding-left: 8px;
        padding-right: 8px;
}
.highlight-item {
        background-color:#b8daff;


}


.navbar-nav > li{
        padding-left:5px;
        padding-right:5px;
}
.modal {

}

.mod-line-item {
        margin-left: 15px;

}

.loading {    
        background-color: #ffffff;
        background-image: url("rolling.gif");
        background-size: 24px 24px;
        background-position:right 10px center;
        background-repeat: no-repeat;
}

.biglistitems {
        padding-top: 4px;
        padding-bottom: 4px;
        font-size: 18px;


}

h3 {
        padding-top: 8px;
        padding-bottom: 8px;
}
.fatbtn2 {
        padding-top: 28px;
        padding-bottom: 28px;
        margin-bottom: 5px;

}
.fatbtn {
        padding-top: 28px;
        padding-bottom: 28px;
        margin-bottom: 5px;

}
.fingerbtn {

        cursor: pointer;
}

.nounderlines a:hover{
        text-decoration: none;

}

.nounderlines a{


}

.bigicon {
        font-size: 38px;
}

.menu-btn {
        margin: 10px;
        width: 145px;

}
.menu-card:hover {
        background-color:#FFFFFF !important;
        color: #000000  !important;

}

@media screen
{

        .no-print, .no-print *
        {
                display: '';
        }
        .print, .print *
        {
                display: none;
        }
        body > .container-fluid {
                padding: 80px 15px 0;
        }
        body > .container {
                padding: 80px 15px 0;
        }
        body {
                height: 100%;
        }

}
@media print
{    
        .no-print, .no-print *
        {
                display: none;
        }
        .print, .print *
        {
                display: '';
        }
        body > .container-fluid {
                padding: 10px;
        }
        body > .container {
                padding: 10px;
        }
}