.alcnt{
	text-align:center;
}	
.downgap{
	padding-top:0;
}


.unselectable {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


.ripple {
  background-position: center;
  transition: background 0.8s;
}
.ripple:hover {
  background: white radial-gradient(circle, transparent 1%, white 1%) center/15000%;
}
.ripple:active {
  background-color: #A1A1A1;
  background-size: 100%;
  transition: background 0s;
}


.loginbutton {
    background-color: #4CAF50;
	border-radius:5px;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    font-family:Byekan,'Byekan',tahoma;
    font-size:12px;
	font-weight:bold;
    
}

.loginbutton:hover {
    opacity: 0.8;
}

.logintext{
    font-family:Byekan,'Byekan',tahoma;
	font-weight: bold;
    font-size:16px;
}	


/* The Close Button (x) */
.close {
    position: absolute;
    left: 25px;
    top: 0;
    color:  #b3b3b3;
    font-size: 35px;
    font-weight: bold;
    padding-bottom:10px;
}

.close:hover,
.close:focus {
    color: red;
    cursor: pointer;
}




/* Add Zoom Animation */
.animatezom {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}
    
@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}


.cmodal {
    display: none; 
    position: fixed;
    z-index: 100; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
	
    
    background-color: rgba(0,0,0,0.7); 
    padding-top: 20px;
}


/* Modal Content/Box */

.cmodal-content {
    /*max-width:400px;*/
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.cmodal-header {
  position: relative;
  padding: 2px 16px;
  background-color: rgb(240,240,240);
  color: black;
  height:45px;
}
/***********/
.takmbt{
  width:100%;
  background-color:#ff00a4;
  border-radius:5px;
  height:40px;
  color:white;
  margin-top:15px;
  outline: none;
  border:0;
  cursor: pointer;
  }

.takmbt:hover{  
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);
    }

.takmilbox{
   color:black;
   direction:rtl;
   border:1px solid   #d9d9d9;
   border-radius:5px;
   background-color:#fbfbfb;
   box-shadow: 3px 3px 10px rgba(0,0,0,0.2);
   padding:10px;
}




/*********************** nav bar ***********************/
.mynavbar {
  overflow: hidden;
  background-color:#ff00a4;
  /*background-image: url('../images/barback.jpg');*/
  position: fixed;
  top: 0;
  width: 100%;
  z-index:99;
  /*border-bottom:1px solid #d2d2d2;*/
  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)  ;
  color:white ;
}


  
.mynavbar a  {
  float: right;
/*  display: block;*/
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-family:BYekan,'BYekan',tahoma;
  font-size: 16px;  
  color:white;
}



.mynavbar a:hover {
  background: rgba(255,0,0,0.3);
  
  
}
/***  نیوبار یک دستور هم  در مدیا دارد ***/


.udropdown {
  position: relative;
  display: inline-block;
  float:right;
  
  
}

.udropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 120px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
  z-index: 1;
  margin-top:63px;
}


/*.udropdown:hover .udropdown-content {*/
.udropdown:hover  {
  display: block;
  
}





/***************** select field ******************/
.select-wrapper ul li>span {
    color: grey;
	font-size:12px;
	
}

/* .input-field input:focus  {
   color: !important;
 }*/
  .input-field input:focus {
   border-bottom: 1px solid red !important;
   box-shadow: 0 1px 0 0 red !important
 }
 /***********************************/

 .cblk{
	 color:black;
 }
 
 .cred{color:red;}
 
 
.row:before,
.row:after
 {
  display: table;
  content: " ";
}


.row:after
 {
  clear:both;
 }

/******************************************************/

.container:before, .container:after, .container-fluid:before, .container-fluid:after
{
  display: table;
  content: " ";
}

.container:after, .container-fluid:after
 {
  clear: both;
}

 .material-icons.md-red { color: red; }
 
 .avatar {
  vertical-align: middle;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  float:right;
  margin-top:12px;
  margin-right:10px;
}


/************** change scrollbar shape and width *****************/
/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background:#f1f1f1;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
/***********/
/************** change horizentalscrollbar  scrollbar shape and width *****************/
/* width */
#ascrollmenu::-webkit-scrollbar {
  width: 3px;
  height:5px;
}

/* Track */
#ascrollmenu::-webkit-scrollbar-track {
  background:white;
}
 
/* Handle */
#ascrollmenu::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
#ascrollmenu::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
/***********/


.socialbut{
	border:2px solid white !important;
	color:white !important;
	background-color:black;
}

.footertitr{
	color:#ffffcc;
	border-bottom:1px solid #ffffcc;
	height:25px;
	font-size:12px;
	margin-bottom:10px;
	width:210px;
	/*text-align:center;*/
}

.ftrchs
{
 font-style: normal;font-weight: 500;
 
 font-size:13px;
 color:#d7d7d7;
}	

/******  loader ************/
.loader {
  border: 7px solid #f3f3f3;
  border-radius: 50%;
  border-top: 7px solid #3498db;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 0.5s linear infinite; /* Safari */
  animation: spin 0.5s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.exports{
   font-size:24px;
   padding-top:10px;
   padding-bottom:10px;
   padding-left:8px;
   cursor: pointer;
 
}

.smallmodal{
	max-width:400px !important;
	padding:5px;
}

.fsmodal{
 width:80% ;
 max-width:	800px;
 height:700px;
 max-height:800px;
 }

.bcred{
	background-color:red;
}

/**************** cf ***********/
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}


.cf {
    *zoom: 1;
}
/**************** cf ***********/
/**************** footer menubar ******************/
.footermenubar {
	display:none;
  overflow: hidden;
  background-color:  white;
  //#eeeeee;  
  position: fixed;
  bottom: 0;
  width: 100%;
  height:60px;
    z-index: 99;
	box-shadow: 5px 5px 5px 10px rgba(0,0,0,0.3);
	//opacity:0.98;
	border:1px solid #d9d9d9;
}

.footermenubar span {
  float: left;
  display: block;
  color:gray;
  padding: 9px ;
//  text-decoration: none;
  width:25%;
}

.ftbut{
  border:1px solid   white;/*#b3b3b3;*/
  background-color:white;
  height:41px;
  width:41px;
  border-radius:50%;
  align-content:center; 
  margin:0px auto 0 auto; 
  font-size:22px;
  color:#6a6a6a;
  text-align:center;
  padding-top:8px;
 }
 
 
/*************************************************/
.pageupBtn {
  display: none;
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 99;
  border: 3px solid white ;
  outline: none;
  color: white;
  cursor: pointer;
  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)    ;
  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5s;
}

.pageupBtn:hover {
  opacity:0.9;
}

.basketBtn {
  position: fixed;
  bottom: 20px;
  left:20px;
  z-index: 99;
  border: 2px solid white;
  outline: none;
  //background-color: green;
 // color: white;
 // cursor: pointer;
  //padding: 15px 18px ;
  border-radius: 50%;
  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)    ;
}

/****************************   scroll list goroh asli *****************/
div.scrollmenu {
    background-color: #f3f3f3;
    border-radius: 3px;
    overflow: auto;
	overflow-y:hidden;
    white-space: nowrap;
    border:1px solid #d9d9d9;
	height:110px;
	margin:10px;	
    }


div.scrollmenu a {
    //font-family:Byekan,'Byekan',tahoma;
    font-weight: bold;   
    font-size:10px;
    display: inline-block;
    color: black;
    text-align: center;
    padding: 15px;
    text-decoration: none;
}


div.scrollmenu a:hover {
    background-color: #e6e6e6;
}


.bsorati{background-color:#ff00a4;}
.sorati{color:#ff00a4;}

.membernam{
	display:block;
}

.reglbl{
	height:58px;margin-top:5px;padding-top:12px;font-size:16px;
}











/******************** media part ******************/
/***************  پایین این قسمت فقط مدیا اضافه شود ***********/
@media (max-width: 767px) {
.mynavbar a {
  font-size: 14px;  
 }
 
 .downgap{
	padding-top:40px;
}

.membernam{
	display:none;
}

/*.footertitr{text-align:center;}
//.ftrchs{text-align:center;}*/
 
}

