/*
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 : 18-Feb-2016, 17:23:16
    Author     : maruf-dev
*/

.order_div
{
   width:100%;
background:#fff;
}
 .cart_heading
    {
       text-align:center;
       padding:0px;
       background:#fff;
      
    }
    .cart_heading h3
    {
        background:#CE0B10;
        color:#fff;
        margin:0px;
    }
    .cart_extra_p
    {
        font-family:arial;
        font-size:10px;
        margin:0px;
    }
     .cart_service_div
    {
        padding:5px;
        float:left;
       width:45%;
        font-family:arial;
        background:#fff;
        /* margin-left:10px;*/
        background:#eeeeee;
     
    }
    .radio_span
    {
        float:left;
        display:inline;
        width:30%;
        overflow:auto;
    }
    .time_span
    {
        float:left;
        display:inline;
        width:70%;
        overflow:auto;
    }
    .cart_service_radio
    {
        float:left;
        width:30px;
        height:30px;
        margin-top:10px;
    }
    .service_label
    {
        float:left;
        line-height:20px;
        font-weight:bold;
       
    }
    .service_time
    {   
        float: left;
        margin:0px;
        padding:3px;
        font-size:12px;
        font-family:arial;
        font-weight:bold;
    }
    .extra_item_div
    {
     float:left; width:60%;
    }
    .extra_cart_div
    {
      float:left;width:38%;
       border:solid 1px #A5A4A4;
      }
    .extra_cart_table
    {
         font-size:14px;
        font-family:arial;
    }
    .topping_menu_table
    {
         font-size:14px;
        font-family:arial;
        width:90%;
    }
    .topping_add_btn{
        background:#CE0B10;
        color:#fff;
        border:none;
        border-radius:5px;
         cursor:pointer;
         width:30px;
         height:30px;
         font-weight: bold;
    }
    .remove_btn
    {
        cursor:pointer;
        width:16px;
        height:16px;
    }
    /*.cart_item_div
    {
        font-size:12px;
        font-family:arial;
     height:400px;
     overflow-y:scroll;
     position:fixed;
     padding:10px;
    }*/
    
    .cart_item_div
    {
           font-size:11px;
        font-family:arial;
        clear:both;height:350px;overflow-y:scroll;
        background:#fff;
         margin-left:10px;
    }
     .item_table
     {
          font-size:12px;
        font-family:arial;
        width:100%;
        border-collapse: collapse;
     }
     
     .item_row
     {
           font-size:12px;
        font-family:arial;
    
     }
     
      .topping_row
    {
        border:none;
      
           font-size:11px;
    }
     
    .msg_bottom
    {
        color:red; font-size:12px;
        padding:5px;
        background:#fff;
         margin-left:10px;
    }
   /* .remove_btn
    {
        width:50%;
        height:45%;
    }*/
    .cart_total_div
    {
        text-align:right;
        background:#fff;
         margin-right:20px;
         //width:80%;
    }
    .cart_total_div table
    {
        width:90%;
        float:right;
    }
    .topping_cat
    {
        background:#CE0B10;
        color:#fff;
        padding:5px;
        margin-top:5px;
        
    }
    .add_option_btn
    {
        float:right;
       
        border:solid 1px #000;
        margin:5px;
        padding:0px;
        cursor:pointer;


border:1px solid #6e530d;
background-color: #611e0b;

background-image: -webkit-linear-gradient(top, #ffce7d, #fd9f01);
background-image: -moz-linear-gradient(top, #ffce7d, #fd9f01);

width:112px;
height:31px;
border-radius:5px;

color:#000;
text-align:center;
font-size:14px;
line-height:30px;
font-weight: bold;
    }
    
   @media screen and (max-aspect-ratio: 13/9), screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape ) /* solves the orientation problem on forms*/
    {

.cart_div
{
 width:99%;
height:99%;
}
.cart_service_radio {
    float: left;
    width: 40px;
    height: 40px;
    margin-top: 10px;
}
        .extra_item_div
    {
     float:left; width:40%;
    }
    .extra_cart_div
    {
      float:left;width:59%;
       border:solid 1px #A5A4A4;
      }

 .cart_item_div
    {
        font-size:14px;
        font-family:arial;
        clear:both;
        height: 60%;
        overflow-y:scroll;
        background:#fff;
         margin-left:10px;
    }
    .item_table
    {
        font-size:14px;
    }
    .cart_total_div 
    {
    text-align: right;
    background: #fff;
    margin-right: 20px;
    height: 15%;
    }
     .order_div 
     {
        width: 100%;
        height: 85%;
     }
      .add_option_btn
      {
          width:98%;
      }

    }