﻿@import url('https://fonts.googleapis.com/css?family=Heebo');
body 
{
   direction:rtl;
   background: url(../images/diagonal-noise.png) fixed rgb(253, 253, 253);
    font-family: 'Heebo', sans-serif;

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

    font-family: 'Heebo', sans-serif;
    text-align: center;
}


.container
{
  
}

.sslIcon
{
   text-align:left;
}

.footerNav
{
  
     margin-top:-10px;
    
     height:60px;
}
.orderHeader
{
    font-weight:bold;
    background-color:  #5bc0de;
    padding-top:5px;
    padding-bottom:5px;
    font-size:15px;
    color:White;
}

.orderFooter
{
    font-weight:bold;
    background-color:  #e6e6e6;
    padding-top:5px;
    padding-bottom:5px;
    font-size:17px;
    text-align:left;
    padding-left:15px;
}
.orderRow
{
   
    background-color:  #eee;
    padding-top:5px;
    padding-bottom:5px;
    font-size:15px;
}

.label
{
    font-family: 'Heebo', sans-serif;

}
.loginPanel
{
   
    max-width:520px;
    min-height:250px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-6, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 
{
    float:right;
}


#qmark
{
   
     width:21px;
     height:21px;
     cursor:pointer;
     display:inline-block;
    padding-top:5px;
   float:right;
   padding-right:5px;
}

#orderCvv
{
    display:inline-block;
  float:right;
    
}

#qmarkImg
{
   
}

#CvvToolTip
{
    display:none;
 background: url(../images/cvvtooltip.png) no-repeat right 0 ; 
 height:88px;
 width:192px;
 position:absolute; 
 font-family:Arial;
	      

}

#header
{
    min-height:100px;
    
}
#headerBg
{
    margin-top:-135px;
}
#CvvToolTip p
{
    padding-right:30px;
    padding-left:95px;
    font-size:10px;
}



#productPage
{
    padding:10px;
}
#checkoutPage
{
    padding:10px;
}
.TableHeader
{
   
    font-weight:bold;
    background-color:Gray;
    font-size:15px;
    color:White;
}



.rowpad
{
    padding-bottom:10px;
}

#loginBtn
{
    margin-top:40px;
    text-align:center;
      max-width:500px;
    
}

.tbId
{
    max-width:170px;
    display:inline;
}

@media only screen and (max-width: 480px) {

   .TokenLabel  
   {
       
       font-size: 350% !important;
                
                 
                 
                 }

}

.TokenLabel
{
    font-weight:400;
    padding: 2px 15px 2px 15px;
     font-size: 500%;
    border: 1px; 
    border-style:solid;
    border-color:GrayText;
  background-color:#e8e8e8;
    border-radius:4px;
    font-family: sans-serif;
    height: 1em
    

    
}

h4
{
    text-align:center;
    color:#265897;
   font-size: 22px;
}

h1
{
    padding-top:20px;
     text-align:center;
     font-weight:600;
    
}
.pageTitle
{
    font-size: 18px;
     text-align:center;
     font-weight:bold;
     color:White;
}

#logoFunjoya
{
    width:100%;
    height:140px;
   text-align:center;
 
    
}

.ProductTitle
{
     font-size: 22px;
     text-align:center;
     font-weight:bold;
    
}

.btn-more
{
    padding-top:10px;
 text-align:left;
   padding-bottom:10px;
    
}


ul,
ol {
 
 padding-right:10px;
}

h4
{
    font-weight:bold;
}

.container 
{
    padding-left:10px;
    padding-right:10px;
}


.gotin
{
     font-weight:300;
    padding: 2px 15px 2px 15px;
     font-size: 40px;
    border: 1px; 
    border-style:solid;
    border-color:GrayText;
  background-color:red;
    border-radius:4px;
    font-family: sans-serif;
    height: 1em;
    color:White;
    text-align:center;
    width:100%;
    
   
}


.formCol
{
    width:230px !important;
}


/*    Mobile
/*/
    @media only screen and (max-width: 767px)  
{
    
    
    #logoFunjoya
{
  
    height:230px;

    
}

.formCol
{
    width:100% !important;
}

.sslIcon
{
   text-align:center;
}


.footerNav
{
    text-align:center;
}
}


   @media only screen and (max-width: 640px)  
   {

.small-block
{
    width:100%;
    display:block;
}

.btn ,.btn-primary, .btn-lg ,.small-block
{
    margin-top:10px;
}

.addItem
{
    margin-top:5px;
}
}