.wrapper{
    overflow-y: hidden;
}
.check-border-1{
    border: 1px solid red;
}

.no-display{
    display: none;
}

.no-padding{
    padding:0;
}

.full-height{
    height:100%;
}

.remove-all{
    margin: 0;
    padding: 0;
}

.small-table-list{
    min-height: 120px;
    max-height: 280px;
    overflow-y: auto;
}

.medium-table-list{
    min-height: 120px;
    max-height: 320px;
    overflow-y: auto;
}

.dashboard-main-field{
    font-size: 200% !important;
}

.label-text {
    font-weight: normal;
}

.table-valign {
    vertical-align: middle !important;
}

.red-text{
    color: red; 
}

.yellow-text{
    color: yellow !important;
}

.green-text{
    color: green;
}

.reporting-list{
    padding: 0% 0% 2% 0%;
}

.main-login-logo {
    height: 40%;
    width: 40%;
}

.trans-form-button{
    padding-top: 1%;
    padding-bottom: 1%;
}

.mainlogo {
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.danger_font{
    color: red;
}

@media (max-width: 767px){
   
.mainlogo {
    height: 100%;
    width: 40%;
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
    .required{
        color:red;
        border: 1px solid black;
    }

.main-login-logo {
    height: 30%;
    width: 30%;
}
    
}
/* Small / SM */
@media (min-width: 768px) and (max-width: 991px){

.main-login-logo {
    height: 40%;
    width: 40%;
}
    
}

/* Meduim / MD */
@media (min-width: 992px) and (max-width: 1199px) {


}

/* Large / LG */
@media (min-width: 1200px) {
    
}

/*
.waitertablet-itemcontainer{
    margin: auto; 
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 1.5%;
    padding-bottom: 3%;
    height: 100px;
}

.waitertablet-itemname{
    max-height: 100%; 
    overflow-y:hidden;
}

.waitertablet-body{
    background-color: #E0E0E0;
    height: 100%;
}

.navheader-container{
    height: 10%;
    padding:0;
    background-color: #606060;
}

.userinfo-container div{
    display: table;
    width: 100%;
    height: 100%;
}

.userinfo-container span{
    display: table-cell;
    vertical-align: middle;
}

.header-title{
    padding: 3% 2% 3% 2%;
    font-weight: bold;
    margin: 0;
}

.summary-header{
    height: 10%;
}

.summary-header div{
    display: table;
    width: 100%;
    height: 100%;
}

.summary-header span{
    display: table-cell;
    vertical-align: middle;
}

.summary-content{
    background-color: white;
    padding: 0 2%;
}

.summary-wrap{
    height: 80%;
    background-color: white;
}

.summary-content{
    height: 90%;
    overflow-y:auto;
}

.summary-content table{
    margin: 0;
}

.itemlist-wrap{
    height: 80%; 
    background-color: white;
}

.foodlist-header{
    padding: 0;
    margin: 0;
}

.top-botton{
    height: 10%;
}

.foodlist-content{
    height: 90%;
    overflow-y: auto;
    background-color: white;
}

.fooditem-outerwrap{
    height: 25%;
    padding: 0.1%;
}

.fooditem-container{
    border: 1px solid #e8e8e8;
    padding: 0;
}

.fooditem-content{
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.fooditem-content div {
   display: table;
   width: 100%;
   height: 100%;
}
.fooditem-content span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color:grey;
}

.tableimage-outerwrap{
    padding-left: 1%;
    padding-right: 1%;
}

.tableimage-container{
    border: 1px solid #e8e8e8;
}

.table-selected{
    border: 2px solid #e8e8e8;
    background-color: #e8e8e8;
}
*/