/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */
 /*******************************Calendar Top Navigation*********************************/
div#calendar{
    margin:0px auto;
    padding:0px;
    width: 100%;
    max-width:620px;
    font-family:Helvetica, "Times New Roman", Times, serif;
  }
   
  div#calendar div.box{
      position:relative;
      top:0px;
      left:0px;
      width:100%;
      height:40px;
      background-color:   #787878 ;      
  }
   
  div#calendar div.header{
      line-height:40px;  
      vertical-align:middle;
      position:absolute;
      left:0px;
      top:0px;
      width:100%;
      height:40px;   
      text-align:center;
  }
   
  div#calendar div.header a.prev,div#calendar div.header a.next{ 
      position:absolute;
      top:0px;   
      height: 17px;
      display:block;
      cursor:pointer;
      text-decoration:none;
      color:#FFF;
  }
   
  div#calendar div.header span.title{
      color:#FFF;
      font-size:18px;
  }
   
   
  div#calendar div.header a.prev{
      left:5px;
  }
   
  div#calendar div.header a.next{
      right:5px;
  }
   
   
   
   
  /*******************************Calendar Content Cells*********************************/
  div#calendar div.box-content{
      border:1px solid #787878 ;
      border-top:none;
  }
   
   
   
  div#calendar ul.label{
      float:left;
      width:100%;
      margin: 0px;
      padding: 0px;
      margin-top:5px;
      margin-left: 5px;
  }
   
  div#calendar ul.label li{
      margin:0px;
      padding:0px;
      margin-right:5px;  
      float:left;
      list-style-type:none;
      width: calc( (100% - 35px) / 7);
      height:40px;
      line-height:40px;
      vertical-align:middle;
      text-align:center;
      color:#000;
      font-size: 15px;
      background-color: transparent;
  }
   
   
  div#calendar ul.dates{
      float:left;
      margin: 0px;
      padding: 0px;
      margin-left: 5px;
      margin-bottom: 5px;
  }
   
  /** overall width = width+padding-right**/
  div#calendar ul.dates li{
      margin:0px;
      padding:0px;
      margin-right:5px;
      margin-top: 5px;
      line-height:80px;
      vertical-align:middle;
      float:left;
      list-style-type:none;
      width: calc( (100% - 35px) / 7);
      height:80px;
      font-size:25px;
      background-color: #DDD;
      color:#000;
      text-align:center; 
      position: relative;
  }
   
  :focus{
      outline:none;
  }
   
  div.clear{
      clear:both;
  }

  .pisol-order-count{
    position: absolute;
    width: 20px;
    height: 20px;
    display: flex;
    border-radius: 10px;
    text-align: center;
    background: red;
    font-size: 12px;
    justify-content: center;
    align-items: center;
    color: #fff;
    top: 5px;
    right: 5px;
  }

  .order-box{
    width: 70%;
    background: #fff;
    margin: auto;
    position: relative;
    padding-right: 50px;
  }

  
  