@charset "utf-8";
/* user pannel */
/* title */



.container {
		position:relative;
         direction:rtl;
}
#h2-userPanel-title
{
         border-bottom: 1px dashed gray;
    padding: 3px 6px;
    background-color: #36445f;
    color: #fff;
    font-weight: bold;

}
 #div-user-op-content h3
{
     display:none;
         border-bottom: 1px dashed gray;
    padding: 3px 6px;
    background-color: #36445f;
    color: #fff;
    font-weight: bold;

}
textarea
{
     border:1px solid gray;
}
.div-item
{
     width:70%; float:right; clear:both;
}
.div-name
{
     float:right; margin:5px; width:25%;
}
      
.div-value
{

         width:70%; float:right;

}
.div-value input,select,textarea
{

         width:100%;

}
  
 #div-user-op-content input[type=button]
  {
         background-color: #4c4c4c;
    padding: 5px 30px;
    color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: -1px 1px 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 1px 1px 0px rgba(0,0,0,0.75);
    box-shadow: -1px 1px 1px 0px rgba(0,0,0,0.75);
    font-size: 1em;
    font-weight: bold;
    cursor:hand; cursor:pointer;

  }        
           

  input[type="file"] {
   color: #fff;
}


  #div-userPenel-headLinks
  {

  }
    #div-userPenel-headLinks a
  {
       color: #fff;
    margin: 5px;
    font-size: 1.2em;
  }


  #ul-main-user
  {
       list-style:none;
         padding: 0px;
  margin: 0px;
  float: right;
    width: 100%;
  }
  #submitUploadBtn
  {
       background-color:#9ed3dd; padding:5px;
  }
#user-title {
		min-height: 100px;
		border-bottom: 1px solid #C4C4C4;
		position:relative;
}
#hamburger {
		width: 45px;
		height: 40px;
		position:absolute;		
		top: 35px;
		right: 1%;
		z-index: 20;
}
button#btn-hamburger {
		width: 45px;
		padding: 10px 0;
		background-color:#fff;
		margin: 0;
		border-radius: 6px;
		border: 1px solid #ebebeb;
}
button#btn-hamburger span {
		width: 60%;
		height: 4px;
		border-radius: 5px;
		background-color:#60c3c2;
		display:inline-block;
		margin-top: 3px;
}
#user-menu-mobile {
		position:absolute;
 		width: 100%;
		top: 0;
		right: 0;
		z-index: 999;
}
img#user-profile-avatar {
		margin: 0px auto;
		z-index: 1;
            width: 100%;
    float: right;
}
h2#user-profile-name {
		font-size: 1.2em;
     color: #fff;
    padding: 0 10px;
    background-color: #545454;
    border-bottom: 1px solid #e6e6e6;
     border-top: 1px solid #fff;
}
span.profile-date-visited {
		font-size: .8em;
		margin-top: 5px;
}
#userprofile-name-wrap {
		height: 80px;
		margin-top: 10px;
		border-left: 1px solid #ccc;
}
#userprofile-notification {
		height: 80px;
		border-left: 1px solid #ccc;
		margin-top: 10px;
}

/*notification count*/
span.userprofile-notify {
		color: #77868b;
		z-index: 1;
		margin-top: 16px;
		display:inline-block;
		position:relative;
		padding: 10px;
}
/*notification count*/

/*notification menu*/
/*notification count*/
span.notify-count {
		position:absolute;
		top: 25px;
		left: 20px;
		min-width: 30px;
		height: 25px;
		display:block;
		background-color: #fc8986;
		color: #fff;
		border-radius: 30%;
}
#user-search-wrap {
		height: 80px;
		margin-top: 10px;
		border-left: 1px solid #ccc;
		padding: 24px 0px;
}
#userprofile-search {
		border: 1px solid #ccc;
		width: 70%;
		height: 35px;
		border-radius: 20px;
		padding: 0px 2%;
		margin: 0px auto;
}
input#userprofile-search-txt {
		border: none;
		height: 35px;
		font-family: rad;
		width: 90%;
		float:right;
		background-color: transparent;
}
input#search-btn {
		float:left;
		margin-top: 5px;
		margin-left: -2%;
}
#userprofile-setting {
		min-height: 100px;
		padding: 40px 0px;
}
span.userprofile-setting-icons {
		color: #93a1a7;
		display:inline-block;
}
/*.color-tooltip + .tooltip > .tooltip-inner {background-color: #fc6970; font-family: WebYekan; color: #fff;}
.color-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#fc6970; }*/

#userprofile-menulist {
 		min-height: 600px;
}
#userprofile-menu {
		background-color: #9499af;
		min-height: 600px;
            width: 18%;
    position: relative;
    float:right;
}
#userprofile-maincontent
{
    float:left; width:82%;
}
li.menu-list-active {
	 
}
li.userprofile-submenu-list {
		border-top: 1px solid #9ed3dd;
}
li.userprofile-submenu-list:first-child {
		border-top: none;
}
li.userprofile-submenu-list:last-child {
		border-bottom: 1px solid #9ed3dd;
}
li.userprofile-submenu-list a {
		padding: 10px 15px;
		display:block;
		width: 100%;
		height: auto;
		transition: all 200ms linear;
		color: #fff;
}
li.userprofile-submenu-list a:hover {
		background-color:#4692fc;
}

li.userprofile-menu-list {
		border-top: 1px solid #DADADA;
            float: right;
    width: 100%;
}
li.userprofile-menu-list:first-child {
		border-top: none; list-style:none;
}
li.userprofile-menu-list:last-child {
		border-bottom: 1px solid #51a2bd;
}
li.userprofile-menu-list a {
		    padding: 10px 10px;
    display: block;
    width: 100%;
    height: auto;
    transition: all 200ms linear;
   
    color: #fffdfd;
    font-weight: bold;
}

li.userprofile-menu-list a span {
		  
    margin:0 5px; vertical-align:middle;
}




li.userprofile-menu-list a:hover {
		background-color:#fce769; color:#000;
}
i#home-dashboard {
		color: #fff;
}
#userprofile-submenu {
           position: absolute;
  top: 0px;
  left: -200px;
  width: 200px;
   z-index: 9999;
   min-height:600px;
}
.menu-active-arrow{ 
    position:absolute;
    height: 0px; 
    width: 0px; 
    top: 40px; 
    left: 100%; 
    border-top: 8px solid transparent; 
    border-left: 8px solid #DADADA; 
    border-bottom: 8px solid transparent; 
}


#div-user-op-content-can
{

}

#div-user-op-content
{
     padding:15px 30px;
         float: right;
    width: 100%;
}

#div-user-op-content .div-name
{
    color:gray; font-size:1em;
    color: gray;
    font-size: 0.9em;
}
#div-user-op-content input[type=text]
{
    border:1px solid #e1e1e1; border-radius:5px; padding:0 5px;
}
#div-user-op-content input[type=password]
{
    border:1px solid #e1e1e1; border-radius:5px; padding:0 5px;
}
#div-user-op-content textarea
{
    border:1px solid #e1e1e1; border-radius:5px; padding:0 5px;
}
#div-user-op-content select
{
    border:1px solid #e1e1e1; border-radius:5px; padding:0 5px;
}
/*user dashboard main content*/
#user-facts {
		border-bottom: 1px solid #ededed;
		min-height: 120px;
		background-color:#f5f5f5;
		padding-bottom: 15px;
}
.user-facts-wrap {
		margin: 0px auto;
		padding-top: 20px;
		text-align:center;	
}
span.user-facts-number {
		margin: 0px auto;
		color: #fa8d81;
		font-size: 1.3em;
}
i#user-credit {
		color: #76c6d2;
}
i#user-ordernumber {
		color: #f87282;
}
i#user-comments {
		color: #879bc7;
}


#new-pm-wrap {
		padding: 10px 2% 10px 2%;
		border-radius: 6px;
		background-color: #f9f9f2;
		margin: 10px auto;
		border: 1px solid #ebe6ce;
}
span#close-pm {
		font-size: .8em;
		margin-top: 5px;
		display:inline-block;
		color: #f45757;
}
span.new-pm:before {
		content:"\f0e0";
		font-family: FontAwesome;
    	font-style: normal;
    	font-weight: normal;
		margin-left: 10px;
		vertical-align:middle;
    	text-decoration: inherit;
		color: #f8d55d;
		display:inline-block;
}
span.pm-send a {
		color: #ed5659;
		margin-right: .5%;
}
span.pm-title a {
		color: #679aaa;
		margin-right: 1%;
}

.userdashboard-chart {
     direction:ltr !important;
     position:relative;
		border: 1px solid #d6d6d6;
		width: 100%;
 		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		margin: 15px auto;
}
.userdashboard-shortcut a {
		padding: 5% 0px;
		margin: 1% 0;
		display:block;
		background-color: #afcece;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		color: #fff;
		transition:all 200ms linear;
}
.userdashboard-shortcut a:hover {
		background-color:#5896aa;
}
#activity-list {
		width: 100%;
		padding: 15px 1% 5px 1%;
		background-color:#f5f5f5;
		margin-top: 15px;
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
}
		
#whislist h3 {
		font-size: 1em;
		margin-right: 10px;
}
button#wishlist-page {
		padding: 4px 20px;
		margin-top: -22px;
		margin-left: 8px;
		text-align:center;
		color: #6c6f6b;
}
a.wishlist-addtocart {
		color: #5ba899;
}
a.wishlist-remove {
		color: #f87872;
}


.a-show-extraReport {
     position:absolute; top:0px; left:0px;width:20px; height:20px; z-index:99999; background-color:rgb(223, 221, 221); color:rgb(117, 184, 206)
      ; background-image:url(/media/img/icon-arrow-down-b-20.png); text-align:center !important;border-radius: 4.3px;
}
.div-user-extra-report {
     position:absolute; top:0px; left:0px; width:100%; height:100%; display:none; z-index:99999; background-color:#fff;
} 
.div-user-extra-report a {
     display:block; text-align:right;  border-bottom:1px dashed #e1e1e1; padding:5px;
} 

.sp-chart-icon
{
     background-image:url(/media/img/chart_two-24.png); width:24px; height:24px; margin:0 5px; float:right;
}

.a-hide-extraReport
{
         position:absolute; top:0px; left:0px; border:1px solid gray; width:20px; height:20px; z-index:99999; background-color:gray;
          padding:0px !important; text-align:center !important;
}
.a-hide-extraReport span
{
     color:#fff; margin:0px 0px 0px 0px;
  }


/***************************************************/

#divBoxFrameAdmin_can
{
       z-index:3000;  width:980px; min-height:500px;  float:right; position:absolute; top:0px; left:0px; background-color:#fff;	
 border:4px solid #FFCC00;
}
#divBoxFrameAdmin_up
{
    float: right;
    clear: both;
    width: 980px;
    height: 35px;
    background-color: #FFCC00;
}
#divBoxFrameAdmin_close
{
         cursor:hand; cursor:pointer;  background-image:url('/Areas/Admin/Media/image/close/7.png');
  float:left; width:24px; height:24px;  margin:5px 0 0 5px;
}
#divBoxFrameAdmin_icon
{
}
#divBoxFrameAdmin_title
{
     float:right; font-weight:bold; margin:5px 10px 0 0;
}
#divBoxFrameAdmin_middle
{
       float:right;  clear:both;    width:100%;

}
#divBoxFrameAdmin_down
{
        float: right;
    clear: both;
    width: 980px;
    height: 15px;
    background-color: #FFCC00;
}
 /***************************************************/
 #divBoxFrameAdmin_can_2
{
       z-index:4000;  width:980px; min-height:500px;  float:right; position:absolute; top:0px; left:0px; background-color:#fff;	
 border:4px solid #FFCC00;
}
#divBoxFrameAdmin_up_2
{
    float: right;
    clear: both;
    width: 980px;
    height: 35px;
    background-color: #FFCC00;
}
#divBoxFrameAdmin_close_2
{
         cursor:hand; cursor:pointer;  background-image:url('/Areas/Admin/Media/image/close/7.png');
  float:left; width:24px; height:24px;  margin:5px 0 0 5px;
}
#divBoxFrameAdmin_icon_2
{
}
#divBoxFrameAdmin_title_2
{
     float:right; font-weight:bold; margin:5px 10px 0 0;
}
#divBoxFrameAdmin_middle_2
{
       float:right;  clear:both;  

}
#divBoxFrameAdmin_down_2
{
        float: right;
    clear: both;
    width: 980px;
    height: 15px;
    background-color: #FFCC00;
}


 .d-up-userinfo
    {
        float:right; width:100%;
    }
    
        .d-up-userinfo a img {
            max-height:100%; max-width:100%;
        }
   
    .profile-date-visited {
        color: #000;
    }
    .fa-home
    {
        margin:0 10px; color:#fff;
    }
/******************************************/
      .div-general-pager-can {
            float: left;
            padding: 5px;
        }

        .a-next-page-general {
            float: right;
            width: 32px;
            height: 29px;
            background-color: #e1e1e1;
            margin: 5px;
            background-position: center center;
            text-align: center;
            padding: 7px;
        }

        .txt-pageNumber-general {
            float: right;
            width: 40px;
            margin: 5px;
            text-align: center;
            font-size: 15px;
        }

        .a-prev-page-general {
            float: right;
            width: 32px;
            height: 29px;
            background-color: #e1e1e1;
            margin: 5px;
            background-position: center center;
            text-align: center;
            padding: 7px;
        }

        .sp-page-spliter-general {
            float: right;
            font-size: 20px;
        }

        .sp-page-NumberOfPages {
            float: right;
            font-size: 20px;
        }


       
 /***************************************************/
 #popupBackground{
				
				position:fixed;
				_position:absolute; /* hack for internet explorer 6*/
				height:100%;
				width:100%;
				top:0;
				left:0;
				background:#000000;
				border:1px solid #cecece;
				z-index:1;
				 opacity:0.8;
				 -moz-opacity: 0.70;
                filter: alpha(opacity=70);
			}
#popupBackground2{
				
				position:fixed;
				_position:absolute; /* hack for internet explorer 6*/
				height:100%;
				width:100%;
				top:0;
				left:0;
				background:#000000;
				border:1px solid #cecece;
				z-index:1;
				 opacity:0.8;
				 -moz-opacity: 0.70;
                filter: alpha(opacity=70);
			}
			#popupBackground3{
				
				position:fixed;
				_position:absolute; /* hack for internet explorer 6*/
				height:100%;
				width:100%;
				top:0;
				left:0;
				background:#000000;
				border:1px solid #cecece;
				z-index:3999;
				 opacity:0.8;
				 -moz-opacity: 0.70;
                filter: alpha(opacity=70);
			}
/*user dashboard main content*/



/* main content */



/* Small devices (tablets, 768px and up) */
@media only screen and (max-width : 1200px){
 
	}
 
	/* Medium Devices, Desktops */
	@media only screen and (max-width : 992px){
		#userprofile-name-wrap {
				border-left: none;
				text-align:right;
				height: 100px;
				border-bottom: 1px solid #d8d8d8;
		}
		#user-avatar-wrap {
				border-bottom: 1px solid #d8d8d8;
				height: 110px;
		}
		#userprofile-notification {
				border-bottom: 1px solid #d8d8d8;
				height: 100px;
		}
		#userprofile-notification {
				height: 100px;
				border-left: none;
		}
		.col-userprofile-setting {
				height: 50px;
				padding-top: 0px;
		}
		#user-search-wrap {
				border-left: none;
 
	}
 
	}
 
	/* Small Devices, Tablets */
	@media only screen and (max-width : 768px) {
        #user-avatar-wrap {
            background-color: #f5f5f5;
        }

        #userprofile-name-wrap {
            border-left: none;
            border-bottom: 1px solid #d8d8d8;
            height: 60px;
            text-align: center;

        }

        .col-userprofile-setting {
            height: 50px;
            padding-top: 0px;
        }

        #userprofile-notification {
            height: 80px;
            border-left: none;
            margin-top: 0;
        }

        #user-search-wrap {
            border-left: none;

        }
    }
	/* Extra Small Devices, Phones */
	@media only screen and (max-width : 480px){
 
	}
 
	/* Custom, iPhone Retina */
	@media only screen and (max-width : 320px) {
        #userprofile-name-wrap {
            border-left: none;

        }
    }