/**
 * Plugin Name:       داشبورد مشتری (EDD)
 * Plugin URI:        https://www.zhaket.com/web/edd-customer-dashboard-plugin
 * Description:       با افزونه حرفه ای داشبورد مشتری EDD  یک حساب کاربری برای مشتریان خود ایجاد و میزان رضایت خرید انها را افزایش دهید.
 * Version:           2.5.0
 * Author:            کلکسیون طراحی
 * Author URI:        http://wp-qaleb.ir
 * Text Domain:       edd_dashboard
 */
@font-face {
font-family: 'Sans_Medium';
src: url('../public/fonts/IRANSansWeb_Medium.eot') format('eot'),  /* IE6–8 */
url('../public/fonts/IRANSansWeb_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('../public/fonts/IRANSansWeb_Medium.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
font-family: 'Sans_Light';
src: url('../public/fonts/IRANSansWeb_Light.eot') format('eot'),  /* IE6–8 */
url('../public/fonts/IRANSansWeb_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('../public/fonts/IRANSansWeb_Light.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
font-family: 'Num_Medium';
src: url('../public/fonts/Num_Medium.eot') format('eot'),  /* IE6–8 */
url('../public/fonts/Num_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('../public/fonts/Num_Medium.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
font-family: 'Num_Light';
src: url('../public/fonts/Num_Light.eot') format('eot'),  /* IE6–8 */
url('../public/fonts/Num_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('../public/fonts/Num_Light.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
body:before {display:none}
body { margin:0 !important; padding:0 !important;}
a { text-decoration:none !important;}


.dashboard-page h1, .dashboard-page .h1,.dashboard-page h2,.dashboard-page .h2,.dashboard-page h3,.dashboard-page .h3,.dashboard-page h4,.dashboard-page .h4,.dashboard-page h5,.dashboard-page .h5,.dashboard-page h6,.dashboard-page .h6 {
font-family: 'Sans_Medium' !important;
color: #424858 !important;
margin: 0 !important;
padding: 0 !important;
}
.dashboard-page h2{
font-size: 18px !important;
}
.dashboard-page blockquote {
padding: 0 10px;
margin: 7px 0;
border-right: 3px solid #eee;
color: #666;
font-size: 17px;
font-family: "Num_Medium";
}

.page-big ul li{
margin-bottom:15px;
}
.page-big ul li::before {
content: '';
width: 6px;
cursor: pointer;
height: 6px;
transition: all .6s ease-out;
background: #666;
border-radius: 6px;
margin-left: 5px;
margin-top: 8px;
float: right;
}
.dashboard-page input[type="text"],
.dashboard-page input[type="password"],
.dashboard-page input[type="email"],
.dashboard-page input[type="url"],
.dashboard-page input[type="date"],
.dashboard-page input[type="month"],
.dashboard-page input[type="time"],
.dashboard-page input[type="datetime"],
.dashboard-page input[type="datetime-local"],
.dashboard-page input[type="week"],
.dashboard-page input[type="number"],
.dashboard-page input[type="search"],
.dashboard-page input[type="tel"],
.dashboard-page input[type="color"],
.dashboard-page textarea {
width: 250px !important;
border-radius: 4px !important;
border: none !important;
color: #666 !important;
transition: all 0.3s ease-in-out !important;
font: 13px Sans_Light !important;
padding: 0 15px !important;
flex: 3 !important;
margin: 5px 5px 10px 5px !important;
height: 45px !important;
background: #efefef !important;
}
.dashboard-page input[type="text"]:focus,
.dashboard-page input[type="password"]:focus,
.dashboard-page input[type="email"]:focus,
.dashboard-page input[type="url"]:focus,
.dashboard-page input[type="date"]:focus,
.dashboard-page input[type="month"]:focus,
.dashboard-page input[type="time"]:focus,
.dashboard-page input[type="datetime"]:focus,
.dashboard-page input[type="datetime-local"]:focus,
.dashboard-page input[type="week"]:focus,
.dashboard-page input[type="number"]:focus,
.dashboard-page input[type="search"]:focus,
.dashboard-page input[type="tel"]:focus,
.dashboard-page input[type="color"]:focus,
.dashboard-page textarea:focus{background:#f4f4f4 !important;transition:all 0.3s ease-in-out !important;}

.dashboard-page textarea {width:97% !important;max-width:97% !important; background:#fbfafa !important;border-radius:4px !important;border:none !important;  color:#666 !important;font: 13px Sans_Light !important; flex:1 !important; padding:10px !important; resize:none !important; margin:5px 0px 0px 10px !important;transition:all 0.3s ease-in-out !important; height:100px !important;}
.dashboard-page textarea:focus {border:none !important;background:#f4f4f4 !important;transition:all 0.3s ease-in-out !important;}
.dashboard-page select{
width: 250px !important;
border: none !important;
color: #666 !important;
transition: all 0.3s ease-in-out !important;
font: 13px Sans_Light !important;
padding: 0 15px !important;
flex: 3 !important;
margin: 5px 5px 10px 5px !important;
height: 45px !important;
background: #fbfafa !important;
}

.dashboard-page input[type="button"],
.dashboard-page input[type="reset"],
.dashboard-page input[type="submit"]{
color: #FFF !important;
font: 14px Sans_Medium !important;
float: right !important;
border: none !important;
height: 45px !important;
width: 90% !important;
padding: 0px 15px !important;
cursor: pointer !important;
border-radius: 4px !important;
background:#f16192 !important;
margin:10px 5px !important;
transition: all 0.3s ease 0s !important;
box-shadow: none !important;
}
.dashboard-page input[type="button"]:hover,
.dashboard-page input[type="reset"]:hover,
.dashboard-page input[type="submit"]:hover {
transition: all 0.3s ease 0s !important;
background: #888 !important;
}

.stat-board {float:right !important; width:100% !important; margin:50px auto !important;}
.stat-board div.payments-box {float:right !important; width: 42% !important; margin: 10px 20px !important; border: 1px solid #ccc !important; padding: 50px !important; background-color: #333232 !important; color: #fff !important;}
.stat-board div.counts-box {float:right !important; width: 42% !important; margin: 10px 20px !important; border: 1px solid #ccc !important; padding: 50px !important; background-color: #f78534 !important; color: #fff !important;}
.stat-board div label {width:100% !important; text-align:center !important;}
.stat-board div p {width:100% !important; text-align:center !important;}



.dashboard-page table#edd_purchase_receipt_products,
.dashboard-page table#edd_purchase_receipt{width:100% !important;margin:5px 0px !important;}
.dashboard-page table#edd_purchase_receipt_products td,
.dashboard-page table#edd_purchase_receipt_products th,
.dashboard-page table#edd_purchase_receipt td,
.dashboard-page table#edd_purchase_receipt th{text-align:right !important;line-height:25px !important;text-indent:10px !important;}
.dashboard-page table#edd_purchase_receipt th,.dashboard-page table#edd_purchase_receipt_products th{background:none repeat scroll 0% 0% #666 !important;color:#FFF !important;font:normal 14px Num_Light,tahoma !important;padding:3px 0px !important;}
.dashboard-page table#edd_purchase_receipt th strong,.dashboard-page table#edd_purchase_receipt_products th strong{font-weight:normal !important;}
.dashboard-page #edd_purchase_receipt tr,#edd_purchase_receipt_products tr{background:#FCFCFC !important;}
.dashboard-page #edd_purchase_receipt tr:nth-child(odd),#edd_purchase_receipt_products tr:nth-child(odd){background:#fcfcfc !important;}
.dashboard-page table#edd_purchase_receipt .edd_receipt_payment_status.pending,
.dashboard-page table#edd_purchase_receipt .edd_receipt_payment_status.cancelled,
.dashboard-page table#edd_purchase_receipt .edd_receipt_payment_status.revoked,
.dashboard-page table#edd_purchase_receipt .edd_receipt_payment_status.failed{color:#f73f2e}
.dashboard-page table#edd_purchase_receipt_products li{list-style:none !important;margin:0 0 8px 10px !important;}
.dashboard-page table#edd_purchase_receipt ul,
.dashboard-page table#edd_purchase_receipt_products ul.edd_purchase_receipt_files{margin:0 !important;padding:0 !important;}
.dashboard-page table#edd_purchase_receipt li.edd_download_file{list-style:none !important;margin:0 0 8px 0 !important;}
.dashboard-page table#edd_purchase_receipt_products .edd_purchase_receipt_product_notes{font-style:italic}
.dashboard-page table#edd_purchase_receipt_products .edd_purchase_receipt_product_name{font-weight:bold !important;float:right !important;line-height:48px !important;}
.dashboard-page table#edd_purchase_receipt_products .edd_bundled_product_name{font-style:italic !important;font-weight:bold !important;}
.dashboard-page #edd_user_history{text-align:right !important;width:100% !important;border-bottom:none !important;}
.dashboard-page #edd_user_history th,
.dashboard-page #edd_user_history td{text-align:center !important;padding:3px 5px !important;border-top:none !important;}
.dashboard-page #edd_user_history th{font-weight:bold !important;background:#ff9800 !important;color:#fff !important;font:14px Num_Light,tahoma !important;text-align:center !important;}
.dashboard-page #edd_user_history td{line-height:15px !important;font-size: 14px !important;vertical-align:middle !important;}
.dashboard-page #edd_user_history tr{background:#FCFCFC !important;}
.dashboard-page #edd_user_history tr:nth-child(2n){background:#fcfcfc !important;}
.dashboard-page #edd_profile_editor_form label {
display: inline-block !important;
width: 150px !important;
font-size: 14px !important;
font-family: Sans_Medium !important;
color: #666 !important;
float: right !important; !important;
}
.dashboard-page #create_ticket_container{
width: 100% !important;
}


.customer-dashboard-content h6 {
width: 100% !important;
padding: 15px 10px !important;
border-radius: 4px !important;
font-family: 'Num_Medium' !important;
margin-bottom: 20px !important;
z-index: 9 !important;
box-shadow: none !important;
text-align: right !important;
font-size: 18px !important;
color: #666 !important;
border-bottom:1px solid #dddddd73 !important;
}
.customer-dashboard-content .edd-cart {
background: #f9f9f9 !important;
    width: 99.2% !important;
    padding: 10px 15px !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    margin: 20px 1% !important;
    color: #009688 !important;
    font-family: Num_Medium !important;
    text-align: center;
}
.customer-dashboard-content .edd-cart-item {
margin-bottom: 10px !important;
    border-bottom: 1px solid #fff !important;
    padding-bottom: 10px !important;
    background: none !important;
    box-shadow: none !important;
    text-align: right !important;
    width: 100% !important;
    font-size: 14px !important;
    margin-top: 0 !important;
    line-height: 20px !important;
}

.customer-dashboard-content .edd-cart-number-of-items {
background:#f7f7f7c4 !important;
width: 100% !important;
padding: 10px 15px !important;
border-radius: 5px 5px 0 0 !important;
margin-top:50px !important;
font-family: 'Num_Medium' !important;
margin-bottom: -3px !important;
z-index: 9 !important;
box-shadow: none !important;
text-align: right !important;
font-size: 16px !important;
}

.customer-dashboard-content .edd-cart-item-title{
width: 40% !important;
float: right !important;
}
.customer-dashboard-content .edd-cart-item-price{
width: auto !important;
float: right !important;
}
.customer-dashboard-content .edd-remove-from-cart {
color: #fff !important;
    background: #FF5E7F !important;
    width: 75px !important;
    text-align: center !important;
    font-size: 12px !important;
    border-radius: 5px !important;
    float: left !important;
    transition: all 0.3s ease-in-out !important;
}
.customer-dashboard-content .edd-remove-from-cart:hover {
background: #999 !important;	
transition:all 0.3s ease-in-out !important;
}


.customer-dashboard-content .edd-cart-item-quantity,.edd-cart-item-separator{display:none}

.customer-dashboard-content .edd_total{
    float: right !important;
    font-family: 'Num_Medium' !important;
    color: #ff0000 !important;
    padding: 5px;
    border-radius: 5px;
    font-size: 16px !important;
}
.customer-dashboard-content .edd_checkout{
float: none !important;
background: none !important;
box-shadow: none !important;
padding:0 !important;
margin: 0 auto !important;
height: auto !important;
width:100%;


}
.customer-dashboard-content .edd_checkout a {
float: left !important;
color: #fff !important;
background: #FCB802 !important;
padding: 5px 15px !important;
border-radius: 5px !important;
font-size: 14px !important;transition: all 0.3s ease-in-out !important;
}
.customer-dashboard-content .edd_checkout a:hover{
transition: all 0.3s ease-in-out !important;
background: #888 !important;
}


.dashboard-page #edd_profile_name_label,.dashboard-page #edd_profile_billing_address_label,.dashboard-page #edd_profile_password_label{
font-size: 16px !important;
color: #424858 !important;
font-family: 'Sans_Medium' !important;
}
.edd_purchase_details a{
background: #ff9800 !important;
color: #fff !important;transition: all 0.3s ease-in-out !important;
padding: 5px 15px !important;
border: none !important;
border-radius: 5px !important;
}
.edd_purchase_details a:hover{
transition: all 0.3s ease-in-out !important;
background: #888 !important;
}

.dashboard-page{
width: 100% !important;
height: auto !important;
margin-top:50px !important;
overflow: hidden !important;
}

.customer-dashboard-content {
width:75% !important;
float: left !important;
margin-left: 2% !important;
padding:100px  15px !important;
position: relative !important;
background-color: #fff !important;
border-radius: .25rem !important;
}
.customer-dashboard-content h2{
padding: 10px 5px !important;
}


.customer-dashboard-menu {
width:20% !important;
float: right !important;
box-shadow:0 -10px 0.85rem rgba(70, 72, 73, 0.1) !important;
background-color: #fff !important;
padding-bottom:40px !important;
}
.customer-dashboard-menu .menu li a {
font-family: Sans_Medium !important;
color: #707070 !important;
padding: 0 70px !important;
font-size: 15.5px !important;
height:48px !important;
line-height: 48px !important;
}
.customer-dashboard-menu .menu {
list-style: none !important;
height: auto !important;
width: auto !important;
padding: 0 !important;
min-height: 800px !important;
}
.customer-dashboard-menu .menu li {
float: right !important;
width: 100% !important;
}
.customer-dashboard-menu ul.menu li:last-child{
border-bottom: none !important;	
}
.customer-dashboard-menu ul.menu li{position: relative !important;border-bottom: 1px solid #eeeeee7a !important;transition:all 0.2s ease-in-out !important;}
.customer-dashboard-menu ul.menu li.active{transition:all 0.2s ease-in-out !important;background-color:#eeeeee7a !important;}
.customer-dashboard-menu ul.menu li:hover{transition:all 0.2s ease-in-out !important;background-color:#eeeeee7a !important;}
.customer-dashboard-menu ul.menu li{text-align:right !important;margin:0 auto !important;}
.customer-dashboard-menu ul.menu li.purchases a{background:url(../public/images/mp-icon-invoices.png) no-repeat top 10px right 20px !important;display: block !important;}
.customer-dashboard-menu ul.menu li.profile a{background:url(../public/images/mp-icon-profile.png) no-repeat top 10px right 20px !important;display: block !important;}
.customer-dashboard-menu ul.menu li.download a{background:url(../public/images/mp-icon-purchases.png) no-repeat top 10px right 20px !important;display: block !important;}
.customer-dashboard-menu ul.menu li.wishlist a{background:url(../public/images/mp-icon-wishlist.png) no-repeat top 10px right 20px !important;display: block !important;}
.customer-dashboard-menu ul.menu li.dashboard a{background:url(../public/images/mp-icon-home.png) no-repeat top 10px right 20px !important;display: block !important;}
.customer-dashboard-menu ul.menu li.wp-support-plus a{background:url(../public/images/mp-icon-suport.png) no-repeat top 10px right 20px !important;display: block !important;}
.customer-dashboard-menu ul.menu li.contact_form_7 a{background:url(../public/images/mp-icon-contact.png) no-repeat top 10px right 20px !important;display: block !important;}
.customer-dashboard-menu ul.menu li.affiliate_area a{background:url(../public/images/mp-icon-affiliate.png) no-repeat top 10px right 20px !important;display: block !important;}
.customer-dashboard-menu ul.menu li.wallet a{background:url(../public/images/mp-icon-wallet.png) no-repeat top 7px right 20px !important;display: block !important;}
.customer-dashboard-menu ul.menu li.favorite-post a{background:url(../public/images/mp-icon-favorite.png) no-repeat top 7px right 20px !important;display: block !important;}
.customer-dashboard-menu ul.menu li.vendors a{background:url(../public/images/mp-icon-reward.png) no-repeat top 7px right 20px !important;display: block !important;}
.customer-dashboard-menu ul.menu li.register_form a{background:url(../public/images/mp-icon-favoritepremium.png) no-repeat top 7px right 20px !important;display: block !important;}
.customer-dashboard-menu ul.menu li.wp-massages a{background:url(../public/images/mp-icon-shout.png) no-repeat top 7px right 20px !important;display: block !important;}
.customer-dashboard-menu ul.menu li.wp-question a{background:url(../public/images/mp-icon-question.png) no-repeat top 7px right 20px !important;display: block !important;}
.customer-dashboard-menu ul.menu li.wp-content a{background:url(../public/images/mp-icon-shield.png) no-repeat top 7px right 20px !important;display: block !important;}
.customer-dashboard-menu ul.menu li:last-child a{background:url(../public/images/mp-icon-logout.png) no-repeat top 10px right 20px !important;display: block !important;}







.customer-dashboard-menu-r .menu li a {
font-family: Sans_Medium !important;
color: #707070 !important;
padding: 0 70px !important;
font-size: 15.5px !important;
height:48px !important;
line-height: 48px !important;
}
.customer-dashboard-menu-r .menu {
list-style: none !important;
height: auto !important;
width: auto !important;
padding: 0 !important;
min-height: 800px !important;
}
.customer-dashboard-menu-r .menu li {
float: right !important;
width: 100% !important;
}
.customer-dashboard-menu-r ul.menu li:last-child{
border-bottom: none !important;	
}
.customer-dashboard-menu-r ul.menu li{position: relative !important;border-bottom: 1px dashed #cfcfcf7a !important;transition:all 0.2s ease-in-out !important;}
.customer-dashboard-menu-r ul.menu li.active{transition:all 0.2s ease-in-out !important;background-color:#eeeeee7a !important;}
.customer-dashboard-menu-r ul.menu li:hover{transition:all 0.2s ease-in-out !important;background-color:#eeeeee7a !important;}
.customer-dashboard-menu-r ul.menu li{text-align:right !important;margin:0 auto !important;}
.customer-dashboard-menu-r ul.menu li.purchases a{background:url(../public/images/mp-icon-invoices.png) no-repeat top 10px right 20px !important;display: block !important;}
.customer-dashboard-menu-r ul.menu li.profile a{background:url(../public/images/mp-icon-profile.png) no-repeat top 10px right 20px !important;display: block !important;}
.customer-dashboard-menu-r ul.menu li.download a{background:url(../public/images/mp-icon-purchases.png) no-repeat top 10px right 20px !important;display: block !important;}
.customer-dashboard-menu-r ul.menu li.wishlist a{background:url(../public/images/mp-icon-wishlist.png) no-repeat top 10px right 20px !important;display: block !important;}
.customer-dashboard-menu-r ul.menu li.dashboard a{background:url(../public/images/mp-icon-home.png) no-repeat top 10px right 20px !important;display: block !important;}
.customer-dashboard-menu-r ul.menu li.wp-support-plus a{background:url(../public/images/mp-icon-suport.png) no-repeat top 10px right 20px !important;display: block !important;}
.customer-dashboard-menu-r ul.menu li.contact_form_7 a{background:url(../public/images/mp-icon-contact.png) no-repeat top 10px right 20px !important;display: block !important;}
.customer-dashboard-menu-r ul.menu li.affiliate_area a{background:url(../public/images/mp-icon-affiliate.png) no-repeat top 10px right 20px !important;display: block !important;}
.customer-dashboard-menu-r ul.menu li.wallet a{background:url(../public/images/mp-icon-wallet.png) no-repeat top 7px right 20px !important;display: block !important;}
.customer-dashboard-menu-r ul.menu li.favorite-post a{background:url(../public/images/mp-icon-favorite.png) no-repeat top 7px right 20px !important;display: block !important;}
.customer-dashboard-menu-r ul.menu li.vendors a{background:url(../public/images/mp-icon-reward.png) no-repeat top 7px right 20px !important;display: block !important;}
.customer-dashboard-menu-r ul.menu li.register_form a{background:url(../public/images/mp-icon-favoritepremium.png) no-repeat top 7px right 20px !important;display: block !important;}
.customer-dashboard-menu-r ul.menu li.wp-massages a{background:url(../public/images/mp-icon-shout.png) no-repeat top 7px right 20px !important;display: block !important;}
.customer-dashboard-menu-r ul.menu li.wp-question a{background:url(../public/images/mp-icon-question.png) no-repeat top 7px right 20px !important;display: block !important;}
.customer-dashboard-menu-r ul.menu li.wp-content a{background:url(../public/images/mp-icon-shield.png) no-repeat top 7px right 20px !important;display: block !important;}
.customer-dashboard-menu-r ul.menu li:last-child a{background:url(../public/images/mp-icon-logout.png) no-repeat top 10px right 20px !important;display: block !important;}



.dashboard-page .sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 99999999;
top: 0;
right: 0;
background:#fff !important;
overflow-x: hidden;
overflow-y:inherit;
transition: 0.5s;
box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
display: none;
}


.dashboard-page .sidenav .icon-close{
margin-left: 15px !important;
float: left !important;
cursor: pointer !important;
font-family: Sans_Medium !important;
color: #999 !important;
padding: 3px !important;
font-size: 30px !important;
height: 25px !important;
line-height: 25px !important;
width: 25px !important;
border-radius: 5px !important;
margin-top: 5px !important;
transition: all 0.3s ease-in-out !important;
margin-bottom: 5px !important;
}
.dashboard-page .sidenav .icon-close:hover{
transition: all 0.3s ease-in-out !important;
color: #f00 !important;
}


.dashboard-page .icon-open{
margin-right: 15px !important;
color: #000 !important;
float: right !important;
font-size: 50px !important;
cursor: pointer !important;
display: none;
background: #ffffff0d !important;
height:50px !important;
width: 45px !important;
line-height:52px !important;
text-align: center !important;
border-radius: 4px !important;
transition: all 0.3s ease-in-out !important;
}

.dashboard-page .icon-open:hover{
background-color: #ffffff1c !important;
transition: all 0.3s ease-in-out !important;
}

.dashboard-page #main-content {
width: 80% !important;
height: 90px !important;
display: inline-block !important;
margin: 5px 0 !important;
border-bottom: 2px dotted #ddd !important;
padding: 5px 10% !important;
}

.sid-avatar {
padding-top:55px !important;
display: block !important;
background: #fff url(../public/images/avatar.jpg) no-repeat center !important;
overflow: hidden !important;
border: none !important;
border-top: 50px solid #fff !important;
transition: 0.4s !important;
width: 100% !important;
z-index: 88 !important;
height:330px !important;
padding-bottom:10px !important;
}

.sid-avatar .image {
width: 160px !important;
height: 160px !important;
border-radius:30% 70% 33% 67%/65% 33% 67% 35% !important;
margin: 0 auto !important;
overflow: hidden !important;
margin-bottom:15px !important;
background: #fff !important;
border:5px solid #fff !important;
box-shadow: 0 3px 8px 0 rgba(0,0,0,.1) !important;	
}
.sid-avatar .image img {
border-radius:30% 70% 33% 67%/65% 33% 67% 35% !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}


.sid-avatar h2{
text-align: center !important;
font-size: 18px !important;	
padding-left: 10px !important;
}




.dashboard-page pre,.dashboard-page fieldset,.dashboard-page input,.dashboard-page textarea,.dashboard-page table,.dashboard-page table{
border-color: #89838333 !important;
padding: 10px !important;
}
.dashboard-page #affwp-register-form{
margin: 15px 0 !important;
}

.dashboard-page .affwp-wrap label {
display: inline-block !important;
width: 150px !important;
font-size: 14px !important;
font-family: Sans_Medium !important;
color: #666 !important;
}

.dashboard-page .fes-vendor-menu,.dashboard-page #affwp-affiliate-dashboard-tabs {
border-bottom: 1px solid #e6e6e6 !important;
width: 100% !important;
height: auto !important;
float: right !important;
margin: 25px 0 !important;
padding-bottom: 10px !important;
}

.dashboard-page .fes-vendor-menu-tab,.dashboard-page #affwp-affiliate-dashboard-tabs li{
border: 1px solid #e6e6e6 !important;
border-radius: 6px !important;
color: #333333 !important;
background: #fff !important;
width: 22.8% !important;
height: 50px !important;
float: right !important;
transition: all .2s !important;
margin: 5px 1% !important;
cursor: pointer !important;
line-height: 50px !important;
text-align: center !important;
}

.dashboard-page li.fes-vendor-menu-tab:hover,.dashboard-page #affwp-affiliate-dashboard-tabs li:hover {
border-color: rgba(0,0,0,0) !important;transition: all .2s !important;
-webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,.07) !important;
box-shadow: 0 3px 10px 0 rgba(0,0,0,.07) !important;
color: #ff9800 !important;
}
.dashboard-page li.fes-vendor-menu-tab:hover a,.dashboard-page #affwp-affiliate-dashboard-tabs li:hover a{
color: #ff9800 !important;transition: all .2s !important;
}
.dashboard-page li.fes-vendor-menu-tab a,.dashboard-page #affwp-affiliate-dashboard-tabs li a {
text-decoration:none !important;
color:inherit !important;transition: all .2s !important;
font-family: Sans_Medium !important;
color: #707070 !important;
font-size: 15.5px !important;

}

.dashboard-page .fes-vendor-dashboard-con {
text-align: right;
}

.dashboard-page #fes-comments-table{
width: 100% !important;
margin: 15px auto !important;
}



.dashboard-page #edd_user_history {
text-align:right !important;
width: 100% !important;
border-top:1px solid #eee !important;
border-bottom: none !important;
}

.dashboard-page #edd_user_history td, .dashboard-page #edd_user_history th {
text-align: right !important;
padding: 15px 15px !important;
border-bottom: 1px solid #f0f0f0 !important;
border-top: none !important;
}

.dashboard-page #edd_profile_submit_fieldset,.dashboard-page #edd_profile_password_fieldset,.dashboard-page #edd_profile_address_fieldset,.dashboard-page #edd_profile_personal_fieldset{
border: 1px solid #eee !important;
margin: 20px auto !important;
border-radius: 4px !important;
}





/* Create a sticky/fixed navbar */
#navbar-edd {
background-color:#424858 !important;
border: none !important;
-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
padding:5px 0 ; /* Large padding which will shrink on scroll (using JS) */
transition: 0.4s !important; /* Adds a transition effect when the padding is decreased */
position: fixed ; /* Sticky/fixed navbar */
width: 100% !important;
top: 0 ; /* At the top */
z-index: 999 !important;
}
/* Style the navbar links */
#navbar-edd-right a {
    float: right !important;
    color: #000000 !important;
    background: #ffffff;
    text-align: center !important;
    padding: 8px;
    margin-right: 8px;
    margin-left: 8px;
    text-decoration: none !important;
    font-size: 14px !important;
    line-height: 25px !important;
    border-radius: 4px !important;
    font-family: 'Sans_Medium' !important;
    font-weight: 800;
}

/* Style the logo */
#navbar-edd #logo {
padding-right:40px !important;
width: auto !important;
height:auto !important;
display: inline-block !important;
margin-top: 5px !important;
}
#navbar-edd #logo img{
width: auto !important;
height:auto !important;
}
/* Style the active/current link */
#navbar-edd a.active {
background-color: dodgerblue !important;
color: white !important;
}

/* Display some links to the right */
#navbar-edd-right {
float:left !important;
padding-left:3.5% !important;
margin-top:25px;
}


#edd-purchase-button, .edd-submit, [type="submit"].edd-submit {
border: none !important;
}
/* Style the logo */
#logo-r{
    width: 100% !important;
    height: 80px !important;
    display: inline-block !important;
    margin: 5px 0 !important;
    border-bottom: 1px dashed #28b0ee !important;
    padding: 5px 10% !important;
}
#logo-r img{
width:auto !important;
height:auto !important;
}
/* informdow Button */
.dashboard-page .dropbtn {
background-color: #f7f7f7 !important;
    border-radius: 4px !important;
    color: #292e44 !important;
    padding: 0px 10px !important;
    height: 43px;
    line-height: 40px !important;
    font-size: 14px !important;
    border: none !important;
    cursor: pointer !important;
    min-width: 240px !important;
    margin-right: 20px !important;
    font-family: 'Sans_Medium' !important;
    transition: all 0.3s ease-in-out !important;
    text-align: right !important;
}
.dashboard-page .dropbtn .avatar {
height:40px !important;
width:40px !important;
border-radius:50px !important;
float: right !important;
margin-left:15px !important;
position: relative !important;
}

.dashboard-page .dropbtn .avatar::before {
background: #4CAF50 !important;
    width: 1.8rem !important;
    height: 1.8rem !important;
    content: "" !important;
    position: absolute !important;
    display: block !important;
    border-radius: 50% !important;
    top: 0px !important;
    right: 0px !important;
    border: 2px solid #ffffff !important;
    z-index: 99 !important;
    -webkit-animation: flash linear 1s infinite !important;
    animation: flash linear 1s infinite !important;
}


@-webkit-keyframes flash {
0% {
opacity: 1 ;
}
50% {
opacity: .1 ;
}
100% {
opacity: 1 ;
}
}
@keyframes flash {
0% {
opacity: 1 ;
}
50% {
opacity: .1;
}
100% {
opacity: 1 ;
}
}


/* informdow button on hover & focus */
.dashboard-page .dropbtn:hover, .dashboard-page .dropbtn:focus {
background-color:#ffffff1c !important;
transition:all 0.3s ease-in-out !important;
}




#navbar-edd-right a:hover {
    background-color: #565C6A; /* رنگ پس‌زمینه در هاور */
    color: #dc3545; /* رنگ متن در هاور */
}





.informdow{
float:left !important;
}

/* informdow Content (Hidden by Default) */
.informdow-content {
display: none !important;
position: absolute !important;
width:240px !important;
padding:15px 10px !important;
background-color: #fff !important;
-webkit-box-shadow:0 0 1.15rem rgba(108, 118, 134, 0.22) !important;
box-shadow:0 0 1.15rem rgba(108, 118, 134, 0.22) !important;
border-color:#787879 !important;
font-size: 14px !important;
z-index: 1 !important;
top:95px !important;
border-radius: 4px !important;
animation-name:flipInX !important;
animation-duration:0.8s !important;
animation-fill-mode:both !important;
transition:all 0.3s ease 0s !important;
}

.informdow-content::before {
content: "" !important;
position: absolute !important;
width: 12px !important;
height: 12px !important;
background: #ffffff !important;
top: -6px !important;
right: 30px !important;
-webkit-transform: rotate(45deg) !important;
transform: rotate(45deg) !important;
-webkit-box-shadow: -2px -2px 0.25rem rgba(108, 118, 134, 0.1) !important;
box-shadow: -2px -2px 0.25rem rgba(108, 118, 134, 0.1) !important;
}




.fa-shop{
background: url(../public/images/shop.png) no-repeat right 8px top 12px !important;
}
.fa-wallet{
background: url(../public/images/wallet-s.png) no-repeat right 8px top 12px !important;
}
.fa-logout{
background: url(../public/images/logout.png) no-repeat right 8px top 12px !important;
}
.fa-technical{
background: url(../public/images/support.png) no-repeat right 8px top 12px !important;
}
.link-top a{
background: url(../public/images/link-top.png) no-repeat right 10px top 12px !important;
}

.link-top{
display:none
}

/* Links inside the informdow */
.informdow-content a{
text-decoration: none !important;
display: block !important;
min-width: 150px !important;
border-radius:0px !important;
}
#navbar-edd .informdow-content a {
font-family: 'Num_Medium' !important;
color: #666 !important;
display: block !important;
text-align: right !important;
font-size: 14px !important;
padding: 10px 20px !important;
padding-right:40px !important;
width:220px !important;
transition: all 0.3s ease-in-out !important;
}
/* Change color of informdow links on hover */
#navbar-edd .informdow-content a:hover {color:#FCB802 !important;transition: all 0.3s ease-in-out !important;background-color: #eeeeee70 !important;}

/* Show the informdow menu (use JS to add this class to the .informdow-content container when the user clicks on the informdow button) */
.show {display:block !important;}


.home-bac {
width: 100% !important;
height:90px !important;
padding-right: 10px !important;
margin-top: 10px !important;
}
.home-bac .avatar {
box-shadow: 0 0 0.55rem rgba(108, 118, 134, 0.1) !important;
height:80px !important;
width: 80px !important;
border-radius:30% 70% 33% 67%/65% 33% 67% 35% !important;
float: right !important;
margin-left: 20px !important;
position: relative !important;
}
.home-bac .avatar img{
border-radius:30% 70% 33% 67%/65% 33% 67% 35% !important;
padding: 2px !important;	
}
.home-bac .titre {
height:70px !important;
width: calc(100% - 1px) !important;
}
.home-bac .titre h2 {
color: #888 !important;
width: 27% !important;
text-align: right !important;
text-decoration: none !important;
font-size: 14px !important;
line-height: 20px !important;
font-family: 'Num_Light' !important;
float: right !important;
}
.home-bac .titre span {
color: #444 !important;
width: 90px !important;
text-align: right !important;
text-decoration: none !important;
line-height: 20px !important;
font-family: 'Sans_Medium' !important;
display: inherit !important;
float: right !important;
border-left: 1px solid #f2f2f2 !important;
margin-left: 10px !important;
}

.home-conten{
width: 100% !important;
height:auto !important;
overflow: hidden !important;
padding: 10px 0 !important;
}


.dashboard-page .recently-viewed{
overflow: none !important;	
width: 100% !important;
height: auto !important;
margin: 50px auto !important;
position: relative !important;
border: 1px solid #e6e6e6 !important;
border-radius: 6px !important;
}
.dashboard-page .recently-viewed h2 {
margin-top: -25px !important;
color: #666 !important;
font-size: 18px !important;
margin-right: 10px !important;
background: #fff !important;
width: 170px !important;
text-align: center !important;
}
.dashboard-page .recently-viewed .edd-rvi-items-list, .edd-rvi-item {
font-size: 14px !important;
list-style: none !important;
overflow:revert !important;
margin:20px 1% 15px 1% !important;
}
.dashboard-page .recently-viewed .edd-rvi-item.image{
width:31% !important;
height:80px !important;
border: 1px solid #f6f3f3 !important;
padding:10px !important;
border-radius: 6px !important;
transition: all .2s !important;
box-shadow: 0 3px 5px 0 rgba(0,0,0,.07) !important;
}

.dashboard-page .recently-viewed .edd-rvi-item.image:hover {
border-color: rgba(0,0,0,0) !important;
-webkit-box-shadow: 0 3px 13px 0 rgba(0,0,0,.07) !important;
box-shadow: 0 3px 13px 0 rgba(0,0,0,.07) !important;
}

.dashboard-page .recently-viewed .edd-rvi-item.image:hover img{
transition: all .2s !important;	
margin-top: -50px !important;	
border-radius:15px !important;
}


.dashboard-page .recently-viewed .edd-rvi-item.image:hover a{
color:#FCB802 !important;	
}
.dashboard-page .recently-viewed .edd-rvi-item.image a{
font-size: 13px !important;
float: right !important;
font-family: 'Num_Medium' !important;
transition: all .2s !important;	
}
.dashboard-page .recently-viewed .edd-rvi-item.image img {
display: block !important;
width:100px !important;
height:100px !important;
transition: all .2s !important;
border-radius:6px !important;
margin-bottom: 15px !important;
object-fit: cover !important;
border: 1px solid #f6f3f3 !important;
margin-top: -45px !important;
float: right !important;
margin-left: 15px !important;
box-shadow: 0 3px 10px 0 rgba(0,0,0,.07) !important;
}
.dashboard-page .recently-viewed .edd-rvi-item {
overflow: inherit !important;
}

.dashboard-page .recently-viewed .edd-rvi-heading{
display: none !important;	
}


.edd_download_pagination{
width: 100% !important;
overflow: hidden !important;
position: relative !important;	
}
.customer-dashboard-content .edd_download_inner{
width: 300px !important;
float: right !important;
height: 300px !important;
margin: 5px !important;	
}

.customer-dashboard-content .edd_download_inner .edd_download_excerpt{
display: none !important;	
}




.dashboard-page ul, .dashboard-page li{border:0;padding:0;margin:0;list-style:none;}


.home-conten .card {
    border: 2px dashed #e6e6e6 !important;
    border-radius: 6px !important;
    color: #333333 !important;
    background: #fff !important;
    width: 22.8% !important;
    height: 200px !important;
    float: right !important;
    transition: all .2s !important;
    margin: 0 1% !important;
    cursor: pointer !important;
}
.home-conten .card:hover {
border-color: rgba(0,0,0,0) !important;
-webkit-box-shadow: 0 3px 13px 0 rgba(0,0,0,.07) !important;
box-shadow: 0 3px 13px 0 rgba(0,0,0,.07) !important;
}
.icc-fa-calendar {
background: url(../public/images/time.png) no-repeat top !important;
height: 80px !important;
margin: 20px auto !important;
}
.icc-fa-user {
background: url(../public/images/teamwork.png) no-repeat top !important;
height: 80px !important;
margin: 20px auto !important;
}
.icc-fa-money {
background: url(../public/images/supermarket.png) no-repeat top !important;
height: 80px !important;
margin: 20px auto !important;
}
.icc-fa-gift {
background: url(../public/images/gift.png) no-repeat top !important;
height: 80px !important;
margin: 20px auto !important;
}
.home-conten .card .valuo {
width: 96% !important;
height:45px !important;
float: right !important;
transition: all .2s !important;
padding: 0 2% !important;
line-height:45px !important;
text-align: center !important;
}
.home-conten .card .valuo h4{
font-family: 'Num_Medium' !important;
    color: #00BCD4 !important;
    width: 100% !important;
    height: 25px !important;
    transition: all .2s !important;
    padding: 0 2% !important;
    line-height: 30px !important;
    font-size: 18px !important;
    text-align: center !important;
    font-weight: 600;
}
.home-conten .card .valuo p{
font-family: 'Sans_Light' !important;
color:#666 !important;
width:100% !important;
height:25px !important;
transition: all .2s !important;
padding: 0 2% !important;
line-height:25px !important;
text-align: center !important;
}


.edd-inform{
border: 2px dashed #e6e6e6 !important;
    border-radius: 6px !important;
    background: #fff !important;
    width: 31% !important;
    height: 120px !important;
    float: right !important;
    transition: all .2s !important;
    margin: 30px 1% !important;
    cursor: pointer !important;
    text-align: center !important;
    padding: 10px 0 !important;
}
.edd-inform:hover {
border-color: rgba(0,0,0,0) !important;
-webkit-box-shadow: 0 3px 13px 0 rgba(0,0,0,.07) !important;
box-shadow: 0 3px 13px 0 rgba(0,0,0,.07) !important;
}
.edd-inform span{
font-family: 'Num_Medium' !important;
    color: #03A9F4 !important;
    height: 60px !important;
    transition: all .2s !important;
    line-height: 55px !important;
    font-size: 25px !important;
    padding: 10px 0 !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
}
.edd-inform b{
padding: 0 2% !important;
line-height: 30px !important;
font-size:14px !important;	
font-family: 'Sans_Light' !important;
color: #888 !important;
width: 100% !important;
display: block !important;
text-align: center !important;
}

.customer-dashboard-content h2 span.edd-wallet-value {
color: #ff9800 !important;
font-size: 25px !important;
font-family: Num_Medium !important;
text-align: left !important;
margin-top: -90px !important;
margin-bottom:30px !important;
padding-left: 20px !important;
padding-bottom: 20px !important;
float: left !important;
width: 100% !important;
}
.dashboard-page #edd_wallet_deposit {
border: 1px solid #89838333 !important;
padding:30px 3% !important;
margin-top: 30px !important;
border-radius: 5px !important;
}

.dashboard-page #edd_wallet_deposit_amount_wrapper ul li {
float: right !important;
margin-bottom: 15px !important;
width:23% !important;
font-family: Num_Medium !important;
padding: 15px 2% !important;
margin:5px 1% !important;
line-height: 30px !important;
}
.dashboard-page #edd_wallet_deposit_amount_wrapper li label {
font-size: 18px !important;
font-family: Num_Medium !important;
}
.dashboard-page #edd_wallet_deposit_amount_wrapper {
width: 100% !important;
}
.dashboard-page #edd_wallet_deposit_amount_wrapper ul {
list-style-type: none !important;
margin-left: 0 !important;
width:96% !important;
display: block !important;
background: #eeeeee6e !important;
overflow: hidden !important;
padding:10px 2% !important;
border-radius: 5px !important;
}
.dashboard-page #edd_wallet_deposit_amount_wrapper ul li {
background: #fff !important;
background-image: none !important;
box-shadow: none !important;
}
.dashboard-page #edd_wallet_deposit_amount_wrapper ul li input[type="text"]{
width:80% !important;	
}
.edd_wallet_deposit_submit_wrapper {
clear: both !important;
overflow: hidden !important;
}
.payments-wallet {
background: #fffaac url(../public/images/payments-wallet.png) no-repeat top 10px left 20px !important;
display: block !important;
height: 86px !important;
line-height: 80px !important;
padding: 0 15px !important;
border-radius: 5px !important;
font-family: 'Sans_Medium' !important;
margin-top: 20px !important;
font-size: 18px !important;
}


.dashboard-page .support_bs h3, .dashboard-page .support_bs .h3 {
font-family: 'Num_Medium' !important;
margin-top:20px !important;
font-size: 18px !important;
line-height: 25px !important;
width: 100%;
}



/* The alert message box */
.dashboard-page .alertt {
padding:15px 2% !important;
background-color: rgb(245, 245, 245) !important;
color: #666 !important;
font-family: 'Num_Medium' !important;
font-size: 16px !important;
margin-bottom: 25px !important;
border-radius: 3px !important;
width: 96% !important;
overflow: hidden !important;
text-align: right !important;
padding-top: 20px !important;
}


/* The close button */
.dashboard-page .closebtn {
margin-left: 15px !important;
color: #fff !important;
font-weight: bold !important;
float: right !important;
font-size: 25px !important;
line-height: 28px !important;
cursor: pointer !important;
transition: 0.3s !important;
background: #ff9800 !important;
height: 25px !important;
width: 25px !important;
text-align: center !important;
border-radius: 100% !important;
transition: all 0.3s ease-in-out !important;
}

/* When moving the mouse over the close button */
.dashboard-page .closebtn:hover {
background: #999 !important;
transition: all 0.3s ease-in-out !important;
}

.dashboard-page .alertt a{
float: left !important;
color: #fff !important;
background: #ff9800 !important;
height: 35px !important;
padding: 5px 25px !important;
line-height: 25px !important;
margin-top: -5px !important;
border-radius: 5px !important;
font-size: 14px !important;
text-align: center !important;
animation: BadgePulse 1.8s infinite !important;
transition: all 0.3s ease-in-out !important;
}

@keyframes BadgePulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(252, 143, 4, 0.42) ;
box-shadow: 0 0 0 0 rgba(252, 143, 4, 0.42) ;
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(254, 186, 25, 0) ;
box-shadow: 0 0 0 10px rgba(254, 186, 25, 0) ;
}
100% {
-moz-box-shadow: 0 0 0 20px rgba(254, 186, 25, 0) ;
box-shadow: 0 0 0 20px rgba(254, 186, 25, 0) ;
}
}

.dashboard-page .alertt a:hover{
background: #999 !important;	
transition: all 0.3s ease-in-out !important;	
}

.downArrow {
margin: 20px auto !important;
background: url(../public/images/arrow.png) no-repeat center !important;
position: relative !important;
overflow: hidden !important;
width: 100% !important;
height: 120px !important;
}


/* Style the buttons that are used to open and close the accordion eddpanel */

.commentha .commentop {
background-color: #fff !important;
color: #666 !important;
font-family: 'Num_Medium' !important;
cursor: pointer !important;
padding: 0 15px !important;
width: 100% !important;
outline: none !important;
transition: 0.4s !important;
text-align: right !important;
border-bottom: 1px solid #eee !important;
border-color: transparent !important;
font-size: 16px !important;
}


.commentha{
overflow: hidden !important;
background-color: #fff !important;
box-shadow:0 0 7px rgba(0, 0, 0, .03) !important;
border: 1px solid #eee !important;
border-radius:6px !important;
margin-bottom: 15px !important;
transition: all 0.3s ease-in-out !important;	
}
.commentha button{
height:70px ;
box-shadow: none !important;
border-bottom: 1px solid #eee !important;
line-height:70px ;
overflow: hidden ;
}

/* Style the accordion eddpanel. Note: hidden by default */
.commentha .eddpanel {
padding: 30px 18px !important;
display: none ;
overflow: hidden ;
font-family: Num_Light !important;
line-height: 30px ;
border-top: 1px solid #eee !important;
color: #666 !important;
font-size: 14px !important;
text-align: justify !important;
animation-name:fadeInDown ;
animation-duration:1.2s ;
animation-fill-mode:both ;
transition:all 0.3s ease 0s ;
}

.commentha .commentop::after {
content: 'نمایش اعلان' !important;
font-size: 13px !important;
color: #fff !important;
float: left !important;
background: #FCB802 !important;
padding: 0px 15px !important;
border-radius: 4px !important;
transition: all 0.3s ease-in-out !important;
line-height: 45px !important;
margin: 12px auto !important;
width: 100px !important;
text-align: center !important;
}
.commentha .commentop:hover::after{
background: #999 !important;	
transition: all 0.3s ease-in-out !important;
}


.commentha .active:after {
content: "بستن اعلان" !important; /* Unicode character for "minus" sign (-) */
background: #999 !important;
}

.dateh {
width:55px !important;
border-left: 1px solid #eee !important;
float: right !important;
height: 50px !important;
margin: 10px 15px !important;
margin-right: 0px !important;
text-align: center !important;	
}
.dateh span {
width: 40px !important;
float: right !important;
height: 50px !important;
margin-top: 0px !important;
font-size: 25px !important;
font-family: 'Num_Medium' !important;
color: #FCB802 !important;
}
.dateh b {
width: 40px !important;
float: right !important;
height: 50px !important;
margin-top: -25px !important;
font-size:12px !important;
font-family: 'Sans_Light' !important;
color: #999 !important;

}
.commentha .eddpanel .title{
width: 100% !important;
margin-bottom:30px !important;
height: 40px !important;
}
.commentha .eddpanel .title h2{
float: right !important;
font-family: 'Num_Medium' !important;
font-size: 16px !important;
padding: 0 !important;
}
.commentha .eddpanel .title span{
float: left !important;	
font-family: 'Num_Light' !important;
font-size: 13px !important;
}



/* Style the buttons that are used to open and close the accordion eddpanel */

.questionha .questionop {
background-color: #fff !important;
color: #666 !important;
font-family: 'Num_Medium' !important;
cursor: pointer !important;
padding: 0 15px !important;
width: 100% !important;
outline: none ;
transition: 0.4s !important;
text-align: right !important;
border-bottom: 1px solid #eee !important;
border-color: transparent !important;
font-size: 16px !important;
}


.questionha{
overflow: hidden ;
background-color: #fff !important;
box-shadow:0 0 7px rgba(0, 0, 0, .03) !important;
border: 1px solid #eee !important;
border-radius:6px !important;
margin-bottom: 15px !important;
transition: all 0.3s ease-in-out ;
}
.questionha button{
height:70px ;
box-shadow: none !important;
border-bottom: 1px solid #eee !important;
line-height:70px ;
overflow: hidden ;
}

/* Style the accordion eddpanel. Note: hidden by default */
.questionha .eddpanel {
padding: 30px 18px !important;
display: none ;
overflow: hidden ;
font-family: Num_Light !important;
line-height: 30px !important;
border-top: 1px solid #eee !important;
color: #666 !important;
font-size: 14px !important;
text-align: justify !important;
animation-name:fadeInDown ;
animation-duration:1.2s ;
animation-fill-mode:both ;
transition:all 0.3s ease 0s ;
}

.questionha .questionop::after {
content: 'نمایش سوال' !important;
font-size: 13px !important;
color: #fff !important;
float: left !important;
background: #FCB802 !important;
padding: 0px 15px !important;
border-radius: 4px !important;
transition: all 0.3s ease-in-out ;
line-height: 45px !important;
margin: 12px auto !important;
width: 100px !important;
text-align: center !important;
}
.questionha .questionop:hover::after{
background: #999 !important;	
transition: all 0.3s ease-in-out !important;
}


.questionha .active:after {
content: "بستن سوال" !important; /* Unicode character for "minus" sign (-) */
background: #999 !important;
}

.questionha .dateh {
width:55px ;
border-left: 1px solid #eee !important;
float: right !important;
height: 50px !important;
margin: 10px 15px !important;
margin-right: 0px !important;
text-align: center !important;	
}
.questionha .dateh span {
width: 40px !important;
float: right !important;
height: 50px !important;
margin-top: -5px !important;
font-size: 40px !important;
font-family: 'Num_Medium' !important;
color: #FCB802 !important;
}


.questionha .eddpanel .title{
width: 100% !important;
margin-bottom:30px !important;
height: 40px !important;
}
.questionha .eddpanel .title h2{
float: right !important;
font-family: 'Num_Medium' !important;
font-size: 16px !important;
padding: 0 !important;
}
.questionha .eddpanel .title span{
float: left !important;	
font-family: 'Num_Light' !important;
font-size: 13px !important;
}


@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg) ;
opacity: 0 ;
}

40% {
-webkit-transform: perspective(400px) rotateX(-10deg) ;
}

70% {
-webkit-transform: perspective(400px) rotateX(10deg) ;
}

100% {
-webkit-transform: perspective(400px) rotateX(0deg) ;
opacity: 1 ;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg) ;
opacity: 0 ;
}

40% {
-moz-transform: perspective(400px) rotateX(-10deg) ;
}

70% {
-moz-transform: perspective(400px) rotateX(10deg) ;
}

100% {
-moz-transform: perspective(400px) rotateX(0deg) ;
opacity: 1 ;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0 ;
}

40% {
-o-transform: perspective(400px) rotateX(-10deg) ;
}

70% {
-o-transform: perspective(400px) rotateX(10deg) ;
}

100% {
-o-transform: perspective(400px) rotateX(0deg) ;
opacity: 1 ;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg) ;
opacity: 0 ;
}

40% {
transform: perspective(400px) rotateX(-10deg) ;
}

70% {
transform: perspective(400px) rotateX(10deg) ;
}

100% {
transform: perspective(400px) rotateX(0deg) ;
opacity: 1 ;
}
}

.animated.flipInX {
-webkit-backface-visibility: visible ;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible ;
-moz-animation-name: flipInX ;
-o-backface-visibility: visible ;
-o-animation-name: flipInX ;
backface-visibility: visible ;
animation-name: flipInX ;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0 ;
-webkit-transform: translateY(-20px) ;
}

100% {
opacity: 1 ;
-webkit-transform: translateY(0) ;
}
}

@-moz-keyframes fadeInDown {
0% {
opacity: 0 ;
-moz-transform: translateY(-20px) ;
}

100% {
opacity: 1 ;
-moz-transform: translateY(0) ;
}
}

@-o-keyframes fadeInDown {
0% {
opacity: 0 ;
-o-transform: translateY(-20px) ;
}

100% {
opacity: 1 ;
-o-transform: translateY(0) ;
}
}

@keyframes fadeInDown {
0% {
opacity: 0 ;
transform: translateY(-20px) ;
}

100% {
opacity: 1 ;
transform: translateY(0) ;
}
}

.animated.fadeInDown {
-webkit-animation-name: fadeInDown ;
-moz-animation-name: fadeInDown ;
-o-animation-name: fadeInDown ;
animation-name: fadeInDown ;
}

.login-from-e{
width: 1200px !important;
padding: 15px 10px !important;
margin: 0 auto;
height: auto;
overflow: hidden;
}


.login-from-e fieldset {
border-color: #f7f7f730 !important;
}


.lotitle {
position: relative;
background: none repeat scroll 0% 0% #F2F2F2;
margin-bottom: 13px;
height: 27px;
float: right;
width: 100%;
}
.lotitle::before {
content: "";
border-bottom: 1px dashed #d9d9d9;
display: inline-block;
width: 100%;
height: 1px;
position: absolute;
top: 50%;
}
.lotitle .hdng {
position: absolute;
background: #F3F3F3;
height: 27px;
line-height: 27px;
padding: 0px 10px;
margin-right: 15px;
}
.lotitle .hdng span{
color:#ff9800;
}

.dashboard-page #edd_register_form{
width: 43% !important;
overflow: hidden !important;
background: #fff !important;
color: #777 !important;
font-family: 'Sans_Light' !important;
font-size: 13px !important;
padding:30px 30px !important;
border-radius: 5px !important;
-webkit-box-shadow:2px 2px 1px rgba(0, 0, 0, 0.04) !important;
box-shadow:2px 2px 1px rgba(0, 0, 0, 0.04) !important;
height:450px !important;
float: right;
}

.dashboard-page #edd_register_form label {
width: 120px !important;
display: inline-block !important;
}
.dashboard-page #edd_register_form legend {
font-family: Sans_Medium !important;
}
.dashboard-page #edd_login_form {
width: 43% !important;
margin-left:3% !important;
overflow: hidden !important;
background: #fff !important;
color: #777 !important;
font-family: 'Sans_Light' !important;
font-size: 13px !important;
padding:30px 30px !important;
border-radius: 5px !important;
-webkit-box-shadow:2px 2px 1px rgba(0, 0, 0, 0.04) !important;
box-shadow:2px 2px 1px rgba(0, 0, 0, 0.04) !important;
height:420px !important;
float: right;
}

.dashboard-page #edd_login_form legend{
font-family:Sans_Medium !important;
}

.dashboard-page #edd_login_form label{
width: 120px !important;
display: inline-block !important;
}
.dashboard-page .edd-login-remember{
margin:20px 0 !important;	
}
.dashboard-page .edd-lost-password{
float: right !important;
text-align: right !important;
width: 100% !important;
margin: 10px auto !important;
}
.dashboard-page .edd-lost-password a{
color: #000 !important;	transition: all 0.5s ease-in-out !important;
}
.dashboard-page .edd-lost-password a:hover{
color: #ff9800 !important;	transition: all 0.5s ease-in-out !important;
}
.dashboard-page #edd_error_password_incorrect{
text-align: center !important;
margin: 0 auto !important;
color:#ff9800 !important;
font-family: 'Sans_Medium' !important;
}
.dashboard-page .sweet-alertt p{
font-family: 'Sans_Medium' !important;
}
.dashboard-page .fes-login-registration table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
border-radius: 5px;
}

.dashboard-page #frmCreateNewTicket .label-info {
padding-right: 10px !important;
}


.dashboard-page .f-telegram {border: 1px solid #ddd;background: url(../public/images/telegram.png) center no-repeat #fff !important;margin-bottom:5px;box-shadow:0 5px 7px 0 rgba(195, 195, 195, 0.51) !important; cursor: pointer; width:50px; height:50px; border-radius: 50px; }
.dashboard-page .f-instagram {border: 1px solid #ddd;background: url(../public/images/instagram.png) center no-repeat #fff !important;box-shadow:0 5px 7px 0 rgba(195, 195, 195, 0.51) !important; cursor: pointer; width:50px; height:50px; border-radius: 50px; }


.dashboard-page .f-instagram:hover,.dashboard-page .f-telegram:hover{
opacity: .8;

}

.footer-menu{

}
.footer-menu ul{
margin: 0;
display: inline-block;
padding: 0;
width: 50px;
height: 50px;
}

.footer-menu ul>li{
float:left;
list-style: none;
position: relative;
width: 50px;
height: 50px;

}

.footer-menu ul>li>ul{
width: 50px;
position: absolute;
visibility: hidden;
bottom:60px;
right: 0;
padding-right: 0;
transition: all 0.5s ease-in-out !important;
height: 100px;
}
.footer-menu ul>li:hover>ul{
margin-bottom:10px;
visibility: visible;transition: all 0.3s ease-in-out !important;

}




.porijeha{
width: 98%;
margin:0 1%;
height: auto;
overflow: hidden;		
}
.ttti{
width: 100%;
margin:20px 1% 0px 1%;
overflow: hidden;
color: #666 !important;
font-family: Num_Medium !important;
height: 30px;
font-size: 16px;
}

.dashboard-page #green{
width:100%;
}
.dashboard-page  .green { 
border-radius: 5px !important;
padding:0 10px !important;
line-height: 40px !important;
position: relative !important;
margin: 5px 0px 5px 0px !important;
background: rgb(245, 245, 245) !important;
height: 40px !important;
}
.dashboard-page .green > span b{
font-size: 16px !important;
font-family: Num_Medium !important;
color: #fff !important;
line-height: 40px;	
}
.dashboard-page  .green > span {
text-align: center;
display: block;
height: 100%;
background:#0eb819;
position: relative;
overflow: hidden;border-radius:5px;line-height:30px;
}
.dashboard-page .green > span:after, .dashboard-page .animate > span > span {
content: "";
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
background-image: 
-webkit-gradient(linear, 0 0, 100% 100%, 
color-stop(.25, rgba(255, 255, 255, .2)), 
color-stop(.25, transparent), color-stop(.5, transparent), 
color-stop(.5, rgba(255, 255, 255, .2)), 
color-stop(.75, rgba(255, 255, 255, .2)), 
color-stop(.75, transparent), to(transparent)
);
background-image: 
-moz-linear-gradient(
-45deg, 
rgba(255, 255, 255, .2) 25%, 
transparent 25%, 
transparent 50%, 
rgba(255, 255, 255, .2) 50%, 
rgba(255, 255, 255, .2) 75%, 
transparent 75%, 
transparent
);
z-index: 1;
-webkit-background-size: 50px 50px;
-moz-background-size: 50px 50px;
-webkit-animation: move 2s linear infinite;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
overflow: hidden;
}




.dashboard-page  .animate > span:after {
display: none;
}

@-webkit-keyframes move {
0% {
background-position: 0 0;
}
100% {
background-position: 50px 50px;
}
}









@media only screen and (max-width:1300px){
.dashboard-page .recently-viewed .edd-rvi-item.image a{	
font-size: 11px !important;
}	
.home-bac .titre h2 {
font-size: 12px !important;
}
.home-bac .titre {
width: 100% !important;
float: left !important;
border-top: 1px solid #eee !important;
margin-top: 15px !important;
}
}/*********************************/

@media only screen and (max-width:1200px){
.login-from-e {
width: 1000px !important;
}
.home-bac .titre h2 {
color: #888 !important;
width: 48% !important;
}
.home-bac .titre {
height: auto !important;
}	
.dashboard-page .dashboard-page .recently-viewed .edd-rvi-item.image {
width: 46% !important;
margin-bottom: 30px !important;
}
.dashboard-page #edd_register_form,.dashboard-page #edd_login_form {width: 42% !important;}	
}/*********************************/

@media only screen and (max-width:1100px){
.dashboard-page #edd_register_form,.dashboard-page #edd_login_form {width: 41% !important;}	
.login-from-e {
width:900px !important;
}	
.customer-dashboard-content {
width:95% !important;
padding:10px 2% !important;
}	
.dashboard-page .alertt {
width: 96% !important;
margin-top: 20px !important;
margin-bottom: 5px !important;
}
#navbar-edd #logo {
padding-right: 10px !important;display: none !important;
}
.link-top,.dashboard-page .icon-open,.dashboard-page .sidenav {
display: inline;
}

.customer-dashboard-menu {
display: none !important;
}
#navbar-edd-right {
margin-top: 15px;
}
#navbar-edd-right a,.dashboard-page .sid-hid{display: none;}
.sid-avatar {
border:0px !important;
}
#navbar-edd-right {
margin-top: 0px !important;
padding-left:0 !important;
}
.informdow-content {
width: 230px !important;
top: 70px !important;
padding: 10px 0px !important;
}
}/*********************************/
@media only screen and (max-width:1000px){
.login-from-e {
width:800px !important;
}	
.home-conten .card{
width:47.5% !important;
margin: 5px 1% !important;
}
.dashboard-page #edd_wallet_deposit_amount_wrapper ul li {
width:27.3% !important;
}

}/*********************************/
@media only screen and (max-width:900px){
.dashboard-page #edd_register_form,.dashboard-page #edd_login_form {width:90% !important;margin:15px 0 !important;}	
.login-from-e {
width:700px !important;
}
}/*********************************/
@media only screen and (max-width:800px){

.edd-inform span {
line-height:35px !important;
font-size: 22px !important;
padding: 5px 0 !important;
height: 50px !important;
}
.edd-inform {
height: 100px !important;
}

.edd-inform b {
line-height:25px !important;
font-size: 13px !important;
}
.dashboard-page .recently-viewed .edd-rvi-item.image {
width:96% !important;
margin:30px auto !important;
}	
.dashboard-page .recently-viewed .edd-rvi-item.image a {
font-size: 13px !important;
}

.support_bs .table > thead > tr > th, .support_bs .table > tbody > tr > th, .support_bs .table > tfoot > tr > th, .support_bs .table > thead > tr > td, .support_bs .table > tbody > tr > td, .support_bs .table > tfoot > tr > td {
padding: 10px 5px !important;}
.support_bs th {
text-align: center !important;
font-size: 12px !important;
font-family: Sans_Light !important;
}
td, th {
font-size: 12px !important;
}
.fes-vendor-menu-tab, #affwp-affiliate-dashboard-tabs li{
width: 30.8% !important;  
}
}/*********************************/
@media only screen and (max-width:700px){
.login-from-e {
width: 70% !important;
padding: 15px 10% !important;
}

.dashboard-page #edd_login_form,.dashboard-page #edd_register_form {
width: 100% !important;
margin-left: 0;
padding: 30px 3% !important;
height: auto !important;
margin-bottom: 20px;
}
.login-from-e {
margin-top: -70px;
}

.fes-vendor-menu-tab, #affwp-affiliate-dashboard-tabs li{
width:47.8% !important;  
}    

.commentha .eddpanel .title h2 {
width: 100% !important;
}	
.commentha .eddpanel .title span {
float: right !important;
margin-bottom: 10px !important;
width: 100% !important;
}
.dashboard-page #edd_wallet_deposit_amount_wrapper ul li {
width: 43.7% !important;
}
.support_bs h3, .support_bs .h3 {
font-size: 16px !important;
}	
.dashboard-page .recently-viewed .edd-rvi-item.image {
margin:50px auto !important;
}		

#navbar-edd-right a {
display:none !important;
}
.dashboard-page .dropbtn {
    min-width: 160px !important;
    margin: 0 0px !important;
}

.alertt {
font-size: 14px !important;
}
.home-bac .titre h2 {
width:99% !important;
}
.questionha .questionop,.commentha .commentop {
font-size: 14px !important;
}


}/*********************************/
@media only screen and (max-width:650px){
.edd-inform {
height: 100px !important;
width: 98% !important;
padding: 5px 0 !important;
margin: 5px 1% !important;
}
.dashboard-page .alert a {
float:right !important;
margin:0 !important;
margin-top: 20px !important;
width: 100% !important;
}
.questionha .questionop::after,.commentha .commentop::after {
display: none !important;
}
.dashboard-page .alertt a {
padding: 5px 40px !important;
margin-top: 15px !important;
}
.dashboard-page #edd_wallet_deposit_amount_wrapper ul li {
width: 43.2% !important;
}
.informdow-content {
    width: 220px !important;
}
}/*********************************/
@media only screen and (max-width:500px){
.commentha .eddpanel .title h2 {
font-size: 14px !important;
}	
.questionha .questionop,.commentha .eddpanel {
font-size: 12px !important;
}
.questionha .questionop,.commentha .commentop {
font-size: 12px !important;
}	
.support_bs .nav > li > a {
padding: 5px 10px !important;
font-size: 14px !important;
}
.support_bs th {
font-size: 10px !important;
}	
td, th {
font-size: 10px !important;
}
.support_bs .label {
font-family: 'Num_Light' !important;
font-size: 12px !important;
}
.support_bs h3, .support_bs .h3 {
font-size: 14px !important;
margin-top: 10px !important;
}
.threadBody {
font-size: 12px !important;
}
.dashboard-page #attachFileType {
width: 95% !important;
}
.support_bs .label,.support_bs .label-info{
width: 50px !important;
}
.support_bs .nav > li > a {
font-size: 12px !important;
}

#navbar-edd .informdow-content a{
font-size: 12px !important;
padding: 10px 40px !important;
}

.dashboard-page .recently-viewed .edd-rvi-item.image img {
border: none !important;
float: none !important;
box-shadow: none !important;
margin: 5px auto !important;
}
.dashboard-page .recently-viewed .edd-rvi-item.image {
height:auto !important;
text-align: center !important;
margin: 20px auto !important;
}	
.dashboard-page .recently-viewed .edd-rvi-item.image a {
font-size: 14px !important;
float: none !important;
}

.home-conten .card{
width:98% !important;
}
.dashboard-page #edd_user_history td {
line-height: 25px !important;
font-size: 12px !important;
text-align: center !important;
}
.edd_purchase_details a,.edd_purchase_details a:hover{
background: #fff0 !important;
color: #ff9800 !important;
font-size: 10px !important;
padding: 0px !important;
line-height: 10px !important;
}
.dashboard-page .login-from-e input[type="text"],.dashboard-page .login-from-e input[type="password"],.dashboard-page .login-from-e input[type="email"],
.dashboard-page .login-from-e input[type="button"],.dashboard-page .login-from-e input[type="reset"]{
width: 95% !important;
}
.dashboard-page .login-from-e input[type="submit"]{
width: 95% !important;
}
}/*********************************/

@media only screen and (max-width:450px){
.login-from-e {
width: 90% !important;
padding: 15px 0% !important;
}

.dashboard-page .fes-vendor-menu-tab, .dashboard-page #affwp-affiliate-dashboard-tabs li{
width:97.8% !important;  
}     

.dashboard-page #edd_wallet_deposit_amount_wrapper ul li {
width:93% !important;
}	
.dashboard-page input[type="button"], .dashboard-page input[type="reset"], .dashboard-page input[type="submit"] {
width: 96% !important;
margin: 10px 2% !important;
}	
.dashboard-page .alertt,.alertt{
font-size: 12px !important;
}	

#navbar-edd #logo {
width: 180px !important;
}

.customer-dashboard-content h6 {
text-align: center !important;
margin-bottom: 10px !important;
font-size: 14px !important;
}
.customer-dashboard-content h2 span.edd-wallet-value {
text-align: center !important;
margin-top: -100px !important;
padding-left: 0px !important;
float: none !important;
width: 100% !important;
display: block !important;
}
.dashboard-page .payments-wallet {
background: #fffaac url(none) no-repeat top 10px left 20px !important;
display: block !important;
height: auto !important;
line-height: 20px !important;
padding: 10px 15px !important;
margin-top: 0px !important;
font-size: 14px !important;
text-align: center !important;
}
.commentha .commentop ,.questiontha .questiontop{
padding: 0 10px !important;	
}
.commentha button,.questionha button {
height: 60px !important;
line-height: 60px !important;
}
.questionha .dateh,.dateh {
margin: 10px 8px !important; 
width: 55px !important;
height: 40px !important;
}
.questionha .dateh span {
width: 30px !important;
height: 40px !important;
margin-top: -5px !important;
font-size: 30px !important;
}
.dashboard-page .alertt {
font-size: 14px !important;
}
}/*********************************/
@media only screen and (max-width:400px){
.questionha .dateh,.dateh {
height:30px !important;
}	
.dateh span {
height:40px !important;
margin-top: -5px !important;
font-size: 20px !important;
}
.dateh b {
height: 30px !important;
margin-top: -25px !important;
font-size: 10px !important;
}
.commentha button,.questionha button {
height: 50px !important;
line-height: 50px !important;
}	
#navbar-edd #logo {
margin-top: -10px !important;
}	


.support_bs h3, .support_bs .h3 {
margin-top: 55px !important;
font-size: 14px !important;
line-height: 15px !important;
}	
.support_bs .nav > li > a {
padding: 5px 5px !important;
font-size: 10px !important;
}	

.dashboard-page select,.dashboard-page input[type="text"], .dashboard-page input[type="password"], .dashboard-page input[type="email"], .dashboard-page input[type="url"], .dashboard-page input[type="date"], .dashboard-page input[type="month"], .dashboard-page input[type="time"], .dashboard-page input[type="datetime"], .dashboard-page input[type="datetime-local"], .dashboard-page input[type="week"], .dashboard-page input[type="number"], .dashboard-page input[type="search"], .dashboard-page input[type="tel"], .dashboard-page input[type="color"], .dashboard-page textarea {
width: 97% !important;
}
}/*********************************/

@media only screen and (max-width:350px){

.informdow-content {
width: 215px !important;
padding: 10px 5px !important;
}
#navbar-edd .informdow-content a {
width:200px !important;
}

}/*********************************/
@media only screen and (max-width:300px){

.informdow-content {
width:180px !important;
padding: 10px 0px !important;
}
.dashboard-page .dropbtn {
min-width:190px !important;
margin: 0 5px !important; 
}
}/*********************************/