/*!
 * maggle.php CSS
 */

   #wrapper_popup div[id ^= 'hd_pops_'] {width:94%;margin:10px;max-width:500px;position:absolute; padding:20px 30px; background:#fff; z-index:100000;border-radius:5px;overflow:auto}
	#wrapper_popup div[id ^= 'hd_pops_'] h2 {display:block;margin:10px 0 0;padding-bottom:15px;border-bottom:1px #d8d8d8 solid;font-size:1.1em;font-weight:bold}
	#wrapper_popup div[id ^= 'hd_pops_'] p {display:block;padding:20px 0 0;margin:0;font-size:1.0em;line-height:1.5em}
	#wrapper_popup div[id ^= 'hd_pops_'] .hour-close {display:inline-block;padding:8px 20px;background:#f2f2f2;color:#666;border:1px #d8d8d8 solid;border-radius:5px;margin-top:15px}
	#wrapper_popup div[id ^= 'hd_pops_'] .hour-close:hover {background:#54A94C;color:#f8f8f8}
	#wrapper_popup div[id ^= 'hd_pops_'] img.cancel {position:absolute; right:10px;top:10px;zoom:1;filter: alpha(opacity=50);opacity: 0.7}
	#wrapper_popup div[id ^= 'hd_pops_'] img.cancel:hover {zoom:1;filter: alpha(opacity=100);opacity: 1.0}
	#wrapper_popup .c1 {border:1px #54A94C solid;border-bottom:10px solid #54A94C} /*green*/
	#wrapper_popup .c2 {border:1px #5390BC solid;border-bottom:10px solid #5390BC} /*blue*/
	#wrapper_popup .c3 {border:1px #FF969D solid;border-bottom:10px solid #FF969D} /*pink*/
	#wrapper_popup .c4 {border:1px #5B56A6 solid;border-bottom:10px solid #5B56A6} /*purple*/
	#wrapper_popup .c5 {border:1px #CCB7A2 solid;border-bottom:10px solid #CCB7A2} /*maroon*/
	#wrapper_popup .b-area {width:100%;text-align:right;margin-top:20px;border-top:1px #ccc solid}
	#wrapper_popup i {display: inline-block;background: #339933;margin: 3px 5px 0 0;border-radius: 2px;font-weight: normal;color: #fff;}
	#wrapper_popup ul {list-style-type:disc;margin:0 0 20px 30px;line-height:1.5em}
	#wrapper_popup .c-green {color:green !important}
	#wrapper_popup .c-blue {color:blue !important}
	#wrapper_popup .c-red {color:red !important}
	.layer-shadow {box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.74);-webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.74);-moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.74);}


 .listcontname
 {
   min-width:100px;max-width:130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
 }

 .listcont
 {
   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
 }

 .cos
 {
    /*background: white;*/
    margin: 0 auto;
    width:100% !important;
    max-width:1000px;
    margin-top: 10px;    
 }
 #autocomplete-input {
   color : white;
 }
 .searchen {
   z-index:100;   
   top: 56px;
   right: 0px !important;
   position: absolute !important; 
   background:pink;
  color: black;
  border-radius : 8px !important;
 }

.searchpos
   {
    display:block;
   }

 .input-field .prefix
 {
    display:block;
 }
 .material-icons .mobile
 {
    display:inline;
 }
 td, th {
    padding:0px 0px !important;
 }
 .setname
 {
    float:left;
    margin-left:5px;    
 }
 .cardgrid
 {
    display: table;
    margin: 0 auto;
    clear:both;
    width:100%;
    /*max-width:500px;*/
 
}

 .cardboxinfo
 {
    
      width:330px;  
      height:459px;
      margin: 20px auto;
      /*float:left;  
       margin-bottom: 4px;
       margin-right:10px;*/
       border-radius : 8px !important;
       background-size:cover !important;
       background-repeat:no-repeat !important;
   
}

.carddatainfo
{
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
   box-shadow: 2px 2px 6px rgba(0,0,0,0.45);
   margin: 20px 20px ;
   
}
.cardinfoetc 
{
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
   box-shadow: 2px 2px 6px rgba(0,0,0,0.45);
   margin: 20px 20px ;
   
}


.ckprice{
   text-align: center;
}

.ckpriceno{
   text-align: center;
   text-decoration :line-through;
   
}

 .cardimageinfo
 {
   width:330px;
   visibility: visible;
   box-shadow: 2px 2px 6px rgba(0,0,0,0.45);   
    /*height: 100%; */
    margin: 0 auto;     
    position:relative;
    border-radius : 14px !important;
   }



.cardname {
   border-top:3px solid;
   line-height:2.5em;
   border-left:1px solid;
   border-right:1px solid;
   padding-left:10px;
   padding-right:3px;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
}

.cardtype {
   border-top:1px solid;
   border-left:1px solid;
   border-right:1px solid;
   padding-left:10px;
   padding-right:3px;
   line-height:2.5em;
}
.cardtext {
   border-top:1px solid;
   border-left:1px solid;
   border-right:1px solid;
   padding-top:10px;
   padding-bottom:10px;
   padding-left:10px;
   padding-right:3px;
   line-height:1.5em;
   
}
.cardptloyal 
{
   border-top:1px solid;
   border-left:1px solid;
   border-right:1px solid;
   padding-left:10px;
   padding-right:3px;
   line-height:2.5em;   
}
.cardflavortext
{
   border-top:1px solid;
   border-left:1px solid;
   border-right:1px solid;
   padding-left:10px;
   padding-right:3px;
   padding-top:10px;
   padding-bottom:10px;
   line-height:1.5em;
}
.cardillust
{
   border-top:1px solid;
   border-left:1px solid;
   border-right:1px solid;
   padding-left:10px;
   padding-right:3px;
   line-height:2.5em;
}
.cardsetsuse
{
   border-top:1px solid;
   border-left:1px solid;
   border-right:1px solid;
   padding-left:10px;
   padding-right:3px; 
   padding-top:6px;
   padding-bottom:6px; 
   border-bottom:3px solid;
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
}
.cardsets
{
   border-top:1px solid ;
   border-left:1px solid;
   border-right:1px solid;
   padding-left:10px;
   padding-right:3px; 
}

.cardmoreinfo
{
   border-top:3px solid black;   
   border-left:1px solid black;
   border-right:1px solid black;
   padding-left:6px;
   padding-right:6px;
   padding-top:6px;
   padding-bottom:3px; 
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   height:60px;
   background: grey;
   color:white;
   margin: 0 auto; 
}

.cardprice
{
   border-left:1px solid;
   border-right:1px solid;
   padding-left:6px;
   padding-right:6px;
   padding-top:6px;
   padding-bottom:3px; 
   
   margin: 0 auto; 
}
.cardsets
{
   border-top:3px solid;   
   border-left:1px solid;
   border-right:1px solid;
   padding-left:6px;
   padding-right:6px;
   padding-top:6px;
   padding-bottom:3px; 
   
   margin: 0 auto; 
}
.list 
{  padding-left:6px;   
   padding-top:6px;
   padding-bottom:3px; 
   line-height:1.0em;
}
.user
{  
   padding-left:6px;
   padding-top:6px;
   padding-bottom:3px; 
   line-height:1.0em;
}

.cardsellerinfo
{
   border-top:3px solid; 
   border-left:1px solid;
   border-right:1px solid;
   border-bottom:3px solid; 
   
   padding-top:6px;
   padding-bottom:3px; 
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
   
   margin: 0 auto; 
}

.boxtitle
{
   background:grey;
   color:white;
   
}

 .cardcontainer
 {
    
    display: block;
    width: 100%;
    margin: 0 auto;    
    clear:both;
    
 }

 .formattdy
 {
   
   width:20%;
   text-align:center;
   background:gray;
 }

 .formattdn
 {
   
   width:20%;
   text-align:center;
 }


 .searchresult
 {
   vertical-align: middle;
   /*height:50px;*/
   text-align:center;
   border-top:1px grey;
   border-left:0px;
   border-right:0px;
   border-bottom:1px grey;
   border-style:solid;
   width:100%;
   margin-top:10px;
   margin-bottom:10px;
 }

 .cardbox
 {
     float:left;
     margin-left: 2px;
     border-radius : 8px !important;
     /*clear:both;*/
     width:20%;
     min-width:245px;
     
 }
 .cardboxsearch
 {
     float:left;
     margin-left: 2px;
     border-radius : 8px !important;
     /*clear:both;*/
     width:48%;
     
     /*min-width:180px;*/
     /*width:199px;
     height:281px;*/
     
 }


 .cardimage {
   display: block;    
   box-shadow: 2px 2px 6px rgba(0,0,0,0.45);
   
   /*height: 100%; */
   margin: 0 auto;
   float:left;
   
   margin-bottom: 4px;
   border-radius : 8px !important;
   z-index: 5;
   width:100%;        
    

 }
 

 div .pagebutton {
    clear:both;
    height:50px;
    display:block;
    }

p .leftmenutext
{
  margin: 0 auto;
  width:100%;
  text-align:center;
}

.leftmenulist {  
   list-style: square;
   color: rgb(0, 0, 0); 
   /* background-color: #2d2d2d; */
   float: left; 
   line-height: 30px; 
   vertical-align: middle;   
   width:100%;
 }
 
 .leftmenulist h5 {  
   
   vertical-align: middle; 
   text-align: center;   
   width:100%;
 }
 
 .leftmenulist div{
    background-color: #2d2d2d; 
    color: black;   
 }
 .midbox
 {
   /*width:87%;*/
   margin : 0 auto;
   /*float:right;*/
   margin-top:10px;
   
 }
 @media (max-width: 800px) {
   #filter
   {
      display:none;
   }
 }
 @media (min-width: 800px) {
   
   #mobi
   {
      display:none;
   }

   .midbox
   {
     
     float:left;
     width:calc(100% - 240px);
     padding-top: 30px;
     
   }
   .leftmenu
  {
    
    float:left;
    width:200px;
    min-height: 1000px;
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .leftmenutop
  {
    
    float:left;
    width:100%;    
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .leftmenu2
  {
    
    /*float:left;*/
    width:200px;
    
  }
      .leftmenulist {
        display:none;
        
      }
    .cardimage {
       
      box-shadow: 1px 1px 6px rgba(0,0,0,0.45);
        margin: 0 auto;
        margin-left: 0px;
        float:left;
        margin-bottom: 2px;
        border-radius : 8px !important;
        z-index: 5;        
        min-width:240px;
    }
    .cardbox
    {
     float:left;
     margin-left: 2px;
     border-radius : 8px !important;
     /*clear:both;*/
     width:20%;
     min-width:180px;
     
    }
    
    .cardgrid
    {
      margin-top: 10px;    
      display: table;
      margin: 0 auto;
      clear:both;
      width:100%;
      max-width:1200px;      
    }
    
     .cardboxinfo
     {
       width:330px;  
       float:left;
       position:relative;
       margin: 20px 20px;
       margin-bottom: 4px;
    
       border-radius : 14px !important;
       background-size:cover !important;
       background-repeat:no-repeat !important;
    }
    
    .carddatainfo
    {
      
       width:390px;
       float:left;
       margin: 20px 20px 0px 0px;
       
       
    }
    .cardinfoetc 
    {      
      width:390px;
      float:left;
      margin: 20px 20px 0px 0px;
       
       
    }
    .searchpos
    {
       top:-64px;
    }
    .input-field .prefix
   {
    display:none;
   }   
   .searchai
   {
    display:none;
   }
   
  }
  @media (max-width: 800px) {
  
     .sepa
     {
        clear: both;
     }    

   }

   @media (min-width: 800px) {
  
      .sepa
      {
         /*clear: both;*/
      }

      .cardboxsearch
      {
          float:left;
          margin-left: 2px;
          border-radius : 8px !important;
          /*clear:both;*/
          /*width:24%;
          min-width:180px;*/
          width:288px;
          height:405px;
          
      }
      .cardimage {
         display: block;    
         box-shadow: 2px 2px 6px rgba(0,0,0,0.45);
         
         /*height: 100%; */
         margin: 0 auto;
         float:left;
         margin-left: 4px;
         margin-bottom: 4px;
         border-radius : 8px !important;
         z-index: 5;
         width:100%;
         min-width:180px;
     
      }
    }
    @media (max-width: 1000px) {
  
      #pagi2
      {
         display:none;
      }    
 
    }

    @media (min-width:960px) and (max-width:1199px) {
  
     
      #mmaincardcontent
      {
      padding:12px;border-radius:2px 2px 2px 2px;
      }

      #mmaincardtitle
      {
      color:white;border-radius:4px 4px 4px 4px;padding-left:10px;padding-bottom:4px;padding-top:4px;padding-right:7px;
      }

      #mmainci
      {
      padding-top:2px;padding-bottom:0px;
      }

      #mmaincihead
      {
      max-width:200px;display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color:blue;
      }
      #mmainciuserdate
      {
         font-size:9px;color:grey;
      }
      #mmainciuserid
      {
         width:100px;display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color:black;
      }
      #boardlistdate
      {
         text-align:right;min-width:110px;/*width:75%;display: inline-block;*/
      }
   }
    
   @media (min-width:600px) and (max-width:960px) {
  
      #mmaincardcontent
      {
      padding:12px;border-radius:2px 2px 2px 2px;
      }

      #mmaincardtitle
      {
      color:white;border-radius:4px 4px 4px 4px;padding-left:10px;padding-bottom:4px;padding-top:4px;padding-right:7px;
      }

      #mmainci
      {
      padding-top:2px;padding-bottom:0px;
      }

      #mmaincihead
      {
      max-width:200px;display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color:blue;
      }
      #mmainciuserdate
      {
         display:none;
      }
      #mmainciuserid
      { 
         display:none;
      }
      #boardlistdate
      {
         display:none;
      }
   }

   @media (min-width:480px) and (max-width:600px) {
  
     
      #mmaincardcontent
      {
      padding:12px;border-radius:2px 2px 2px 2px;
      }

      #mmaincardtitle
      {
      color:white;border-radius:4px 4px 4px 4px;padding-left:10px;padding-bottom:4px;padding-top:4px;padding-right:7px;
      }

      #mmainci
      {
      padding-top:2px;padding-bottom:0px;
      }

      #mmaincihead
      {
      max-width:200px;display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color:blue;
      }
      #mmainciuserdate
      {
         font-size:9px;color:grey;
      }
      #mmainciuserid
      {
         width:100px;display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color:black;
      }
      #boardlistdate
      {
         text-align:right;min-width:110px;/*width:75%;display: inline-block;*/
      }
   }

   @media (max-width:480px) {
  
     
      #mmaincardcontent
      {
      padding:12px;border-radius:2px 2px 2px 2px;
      }

      #mmaincardtitle
      {
      color:white;border-radius:4px 4px 4px 4px;padding-left:10px;padding-bottom:4px;padding-top:4px;padding-right:7px;
      }

      #mmainci
      {
      padding-top:2px;padding-bottom:0px;
      }

      #mmaincihead
      {
      max-width:200px;display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color:blue;
      }
      #mmainciuserdate
      {
         display:none;
      }
      #mmainciuserid
      { 
         display:none;
      }
      #boardlistdate
      {
         display:none;
      }
   }
   

   @media (min-width: 1200px) {
  
     
      #mmaincardcontent
      {
      padding:12px;border-radius:2px 2px 2px 2px;
      }

      #mmaincardtitle
      {
      color:white;border-radius:4px 4px 4px 4px;padding-left:10px;padding-bottom:4px;padding-top:4px;padding-right:7px;
      }

      #mmainci
      {
      padding-top:2px;padding-bottom:0px;
      }

      #mmaincihead
      {
      max-width:300px;display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color:blue;
      }
      #mmainciuserdate
      {
         font-size:9px;color:grey;
      }
      #mmainciuserid
      {
         width:100px;display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color:black;
      }
      #boardlistdate
      {
         text-align:right;min-width:110px;/*width:75%;display: inline-block;*/
      }
   }