/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/

/* 
    Created on : Apr 4, 2017, 5:55:31 AM
    Author     : CHATHU
*/

tr.selected{
    background-color:lightgray;
}

.dataTables_scrollBody thead {
    height: 0;
    font-size: 0;
}

.gone{
    display:gone;
}

.show{
    visibility:visible;
}

.hide{
    visibility:hidden;
}

.add_top_margin{
    margin-top: 15px;
}

.add_bottom_margin{
    margin-bottom: 15px;
}
.add_left_margin{
    margin-left: 15px;
}

.add_right_margin{
    margin-right: 15px;
}

.full_width{
    width: 100%;
}

.quarter_width{
    width: 25%;
}

.half_width{
    width: 50%;
}

.half_width_group_button{
    width: 48%;
}

.calendar table.month td.day{
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;    
}

.right_border_block{
    border-width: 0px 1px 0px 0px;
    border-style: solid;
    border-color:lightgrey
}

.hilight_row{
    background-color:  #f4f4f4;
    font-weight: bold;
}

/*Login.php*/

.logo_bg{
    text-align: center;
}

.logo_bg img{
    margin-top: 20px;
    margin-bottom: -40px;
    border: 2px;

}

/*Booking.php*/
#foodbeveragenavbar{
    margin-top: 4px;
    margin-bottom: 8px;
}
/*Booking-add-guest.php*/

/*Common CSS*/
.align-right{
    text-align: right;
}

.align-center{
    text-align: center;
}

.price-column{
    text-align: right;
}

th, td { 
    white-space: nowrap; 
}

div.dataTables_wrapper {
    margin: 0 auto;
}

div.container {
    width: 80%;
}

.nomargin{
    margin: 0;
}

.nopadding{
    padding: 0;
}

#validation-error,#validation-error-dish{
    display: none;
}

.model-large {
    width: 60%;
}

/*CSS for mobile device*/
@media (max-width: 1000px) {
    .add_top_margin{
        margin-top: 15px;
    }

    .add_bottom_margin{
        margin-bottom: 15px;
    }
    .add_left_margin{
        margin-left: 15px;
    }

    .add_right_margin{
        margin-right: 15px;
    }

    .right_border_block{
        border-width: 0px 0px 0px 0px;
        border-style: solid;
        border-color:white
    }

    .hide_on_phone{
        display:none;
    }

    #show-booking-table_filter{
        display:none;
    }

    #show-reservation-table_filter{
        display:none;
    }
}

@media only screen and (max-width: 1080px) {
    .model-large {
        width: 80%;
    }  
}

/*Spinner*/
#loading{
    display: none;
    position: fixed;
    background-color: white;
    vertical-align: middle;
    text-align: center;
    opacity: .9; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:99;
}

.page-header {
    color: #585858;
    font-weight: 200;
}

.slim-font{
    font-weight: 200;
}

.loader {
    border: 6px solid #cccccc; /* Light grey */
    border-top: 6px solid #666666; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    z-index:100;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
}

.print_logo{
    margin-bottom: 10px;
    margin-right: 10px;
}
.print_logo{
    text-align: left;
}

.print_show { 
    display: none; 
}

.three_col{
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*@media print {

    .print_hiden { 
        display: none; 
    }
    .print_show { 
        display: block; 
    }

    table {
        table-layout: fixed;  This enforces the "col" widths. 
    }
    table th, table td {
        overflow: hidden;
        white-space: nowrap;
        font-size: 70%;
    }

    table tr {
        border: .2px solid lightgray;
    }
    th, td {
        padding: 8px;
        text-align: left;
    }

    h4 a{
        font-size: 70%;
    }
    .three_col{
        -webkit-column-count: 3;  Chrome, Safari, Opera 
        -moz-column-count: 3;  Firefox 
        column-count: 3;
    }
}*/