/* RTL */
.rtl, .rtl * {
    direction: rtl !important;
}

/* ----- Begin Social Page User Profile UI ----- */
#UserProfileImg {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 20px;
}
.UserProfileControls ul {
    text-align: center;
    margin: 0;
}
.console.profile .console-mouseon {
    background-color: #1C4A99;
}
.DNNContainer_Title_h4.SpacingBottom {
    text-align: center;
}
/* ----- End Social Page User Profile UI ----- */

/* ------- Begin Login / Register / Button UI ------- */
/* re-style the dnn login */

.LoginPanel {
	width: auto !important;
	float: none !important;
	display: flex !important;
	padding: 0 !important;
	max-width: 100% !important;
	justify-content: center;
  }
  
  .LoginPanel > div {
	min-width: 300px;   
	max-width: 500px;
  }
  
  /* style the form item wrapper */
  
  .LoginPanel .dnnForm .dnnFormItem {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin-bottom: 15px;
  }
.is-builder[dragwithouthandle] > div > div:not(.is-row-tool) > * {
    cursor: initial;
}
  .sico, .icon-svg {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
  /* style the form label */
  
  .LoginPanel .dnnFormItem > .dnnLabel {
	margin-top: 0;
  }
  
  .LoginPanel .dnnFormItem > .dnnLabel label {
	display: block; 
  }
  
  .LoginPanel .dnnLabel {
	display: block;
	float: none;
	position: relative;
	width: auto;
	padding-right: 0;
	margin-right: 0;
	overflow: visible;
	text-align: left;
  }
  
  /* boostrap fix - remove the yellow background from the checkbox field */
  .dnnCheckbox .mark {
	background: none !important;
  }
  
  /* give the Remember Me checkbox a smaller text size */
  .dnnLoginRememberMe {
	font-size: 15px;
  }
  
  /* style the login panel text input fields */
  .LoginPanel .dnnLoginService input[type="text"], 
  .LoginPanel .dnnLoginService input[type="password"] {
	width: 100% !important;
	min-width: 100%;
	margin: 0;
	border-radius: 1px;
	padding: 10px;
  }
  
  /* hide the empty label beside the Reset Password button */
  .LoginPanel .dnnFormItem:last-child span.dnnFormLabel {
	display: none;
  }
  
  .LoginPanel ul.dnnActions {
	margin: 0 !important;
	padding: 0 !important;
  }
  
  /* primary action buttons - also used in dnn modal popups */
  
  .dnnPrimaryAction, 
  .dnnFormItem input[type="submit"], 
  a.dnnPrimaryAction, .btn-primary {
	background: #000;
	border: none;
	color: #ffffff;
	text-shadow: none;
	font-weight: 400;
	box-shadow: none;
	border-radius: 1px;
	font-size: 15px;
	padding: 10px 20px;
  }
  .dnnPrimaryAction:hover, 
  .dnnFormItem input[type="submit"]:hover, 
  a.dnnPrimaryAction:hover, .btn-primary:hover {
	background: #1C4A99 !important;
	text-decoration: none !important;
  }
  
  /* secondary action buttons - also used in dnn modal popups */
  
  .dnnSecondaryAction, 
  .dnnFormItem input[type="submit"], 
  a.dnnSecondaryAction {
	background: #f5f5f5;
	border: none;
	color: #555;
	text-shadow: none;
	font-weight: 400;
	box-shadow: none;
	border-radius: 1px;
	font-size: 15px;
	padding: 10px 20px;
  }
  .dnnSecondaryAction:hover, 
  .dnnFormItem input[type="submit"]:hover, 
  a.dnnSecondaryAction:hover {
	background: #f1f1f1 !important;
	text-decoration: none !important;
  }
  a.dnnSecondaryAction:hover {
	  color: #1C4A99;
  }
  /* ------- End Login / Register / Button UI ------- */

/* ecb.ir Custom */

.btn-info {
    background-color: #1C4A99 !important;
    border-color: #1C4A99 !important;
}
.btn-info:hover {
    background-color: rgb(57, 112, 207) !important;
    border-color: rgb(57, 112, 207) !important;
}
.btn.btn-primary {
    color: #fff;
    background-color: #1C4A99 !important;
    border-color: #1C4A99 !important;
}
.btn.btn-primary:hover {
    background-color: rgb(57, 112, 207) !important;
    border-color: rgb(57, 112, 207) !important;
}

body.rtl {
    text-align: right;
}
/* Page Title */
.page-title {
    padding-top: 0;
}
.page-breadcrumbs {
    margin-top: -20px;
}
.pagetitle-breadcrumbs-box ul li:first-child a {
    font-size: 0;
}
.pagetitle-breadcrumbs-box ul li:first-child a:before {
    font-size: 18px !important;
    content: "خانه";
}

/* Logo */
.mobile-header .logo img {
    max-height: 100%;
    width: 50px;
}
.header-wrap .logo img {
    width: 140px !important;
}
#dnn_content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.Login .userProperties li.Orders {
    border-bottom:1px solid #5e5e5e;
    padding:0px 0px 10px;
    margin:0px 0px 10px;
}
@media only screen and (max-width: 767px) {
    .page-title {
        padding-top: 0;
        margin-top:-20px
    }
    .page-breadcrumbs.text-right {
        text-align: center !important;
        margin-top: 12px;
    }
    .page-breadcrumbs > .container {
        padding-right: 0;
        padding-left: 0;
    }
    footer {
        text-align: center;
    }
    .rtl .page-title-row-left .main-title {
        text-align: center;
    }
    .siraft-footer, .siraft-footer ul, .siraft-footer ul li {
        width: 100% !important;
        display: block !important;
        text-align: center;
    }
    .siraft-footer *, .siraft-footer ul li, .siraft-footer ul li a {
        text-align: center !important;
    }
}
#skip-menu {
    z-index: -999999;
}

/* rtl theme */
.rtl .accordion02 .accordion-item * {
    text-align: justify;
}
.rtl .accordion02 .panel-heading button {
    padding: 19px 60px 19px 19px;
}
.rtl .list-01 li i {
    margin: 1px 0 0 20px !important;
}
.info-box08::after {
    left: auto !important;
    right: 220px;
}
.rtl #headerrow-699228 .area-left .header-content-wrap > div {
    margin-right: 0;
    margin-left: 20px;
}
.rtl .play-button02 .icon {
    margin: 0 0 3px 16px;
}
/* RTL / mobile menu */
.rtl .mobilemenu-main .mobileclose {
    right: auto !important;
    left: 80px;
}
/* RTL / Buttons */
.rtl body .play-button02 .icon {
    transform: rotate(180deg);
}
/* RTL / Powerform */
.rtl .dg-form-content .form-control-wrap {
    text-align: right !important;
}

/* Blog Page */
.blog-width {
    width: 80%;
    margin:auto;
}
@media only screen and (max-width: 767px) {
    .blog-width {
        width: 100%;
    }
}

.detail-Attachments a {
    padding: 10px 30px;
    margin: auto 10px;
    background: #FDB813;
    border-radius: 5px;
}
.detail-Attachments a:hover {
    color: #fff !important;
}
.detail-Attachments i {
    display: none;
}

/* Article Detail Main Image center */
.rtl .Theme_Slider_Default * {
    direction: ltr !important;
}
.slick-slider img {
    width: 100%;
}

.blog-timeline2-detail .detail-gallery {
    text-align: center;
}

/* e-commerce css */
.list-unstyled.list-bordered li .img-responsive {
    max-width: 150px;
    text-align: center;
    margin: auto;
    display: block;
}
.attributes-group .attribute-list:hover{
    background:rgb(57, 112, 207);
    border-color:rgb(57, 112, 207);
    color:#fff
}
.header-button2:hover {
    background:rgb(57, 112, 207) !important;
    border-color:rgb(57, 112, 207) !important;
    text-decoration: none !important;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn, .btn.disabled:hover, .btn[disabled]:hover, fieldset[disabled] .btn:hover {
    opacity: .3 !important;
    background:#999 !important;
    border-color:#999 !important;
    color:#fff !important;
}
#productdetail h1.product-title {
    font-size: 1.4em !important;
    font-weight: bold;
}
ul.list-unstyled.list-bordered li a {
    display: block;
}
@media (min-width: 1200px) {
    #eces h2, #eces .h2 {
        font-size: 1.4rem !important;
    }
    #eces h3, #eces .h3 {
        font-size: 1.2rem !important;
    }
}
.product-grid-item .grid-info .linktoview .title {
    height: 40px !important;
}
.grid-info p.cost {
    margin: 0 !important;
}
.product-grid-item .grid-info .grid-options {
    margin: 5px 0px 0px 0px !important;
}
.product-grid-item .grid-info .grid-options a {
    margin-bottom: 0 !important;
}
.product-grid-item .grid-info .cost small {
    margin: 0 !important;
}
.mss-caption-title {
    font-size: 95% !important;
    text-align: center;
}


.rtl section#dnn_content .container {
    width: var(--container-width);
}

.rtl .icon-box03 .icon {
    margin-right: auto !important;
    margin-left: 30px;
}
.icon-box03 {
    text-align: justify !important;
}

.rtl .Login .userProperties ul.userMenu {
    left: 0;
    right: 0px;
}
.list-06 li::before {
    width: 10px !important;
    margin: 0 15px 2px 10px !important;
}
table tr th {
    color: #1C4A99 !important;
    text-align: center;
}
.table-striped>tbody>tr:first-child>* {
    --bs-table-accent-bg: rgb(148, 185, 248) !important;
}

.align-items-start.justify-content-between .col-md-6 .icon-box03 {
    background-color: rgba(0,0,0,.6);
    padding: 20px;
    border-radius: 8px;
}

.portfolio-masonry-style09 .description {
    padding-left: 0 !important;
    text-align: justify;
}
.portfolio-masonry-style09 .content {
    padding: 20px 30px 20px 0 !important;
}

.LoginPanel .dnnFormItem > .dnnLabel label {
    text-align: right;
}

/* ----- Begin Social Page User Profile UI ----- */
#UserProfileImg {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 20px;
}
.UserProfileControls ul {
    text-align: center;
    margin: 0;
}
.console.profile .console-mouseon {
    background-color: #1C4A99;
}
.DNNContainer_Title_h4.SpacingBottom {
    text-align: center;
}
/* ----- End Social Page User Profile UI ----- */

/* ------- Begin Login / Register / Button UI ------- */
/* re-style the dnn login */

.LoginPanel {
	width: auto !important;
	float: none !important;
	display: flex !important;
	padding: 0 !important;
	max-width: 100% !important;
	justify-content: center;
  }
  
  .LoginPanel > div {
	min-width: 300px;   
	max-width: 500px;
  }
  
  /* style the form item wrapper */
  
  .LoginPanel .dnnForm .dnnFormItem {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin-bottom: 15px;
  }
.is-builder[dragwithouthandle] > div > div:not(.is-row-tool) > * {
    cursor: initial;
}
  .sico, .icon-svg {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
  /* style the form label */
  
  .LoginPanel .dnnFormItem > .dnnLabel {
	margin-top: 0;
  }
  
  .LoginPanel .dnnFormItem > .dnnLabel label {
	display: block; 
  }
  
  .LoginPanel .dnnLabel {
	display: block;
	float: none;
	position: relative;
	width: auto;
	padding-right: 0;
	margin-right: 0;
	overflow: visible;
	text-align: left;
  }
  
  /* boostrap fix - remove the yellow background from the checkbox field */
  .dnnCheckbox .mark {
	background: none !important;
  }
  
  /* give the Remember Me checkbox a smaller text size */
  .dnnLoginRememberMe {
	font-size: 15px;
  }
  
  /* style the login panel text input fields */
  .LoginPanel .dnnLoginService input[type="text"], 
  .LoginPanel .dnnLoginService input[type="password"] {
	width: 100% !important;
	min-width: 100%;
	margin: 0;
	border-radius: 1px;
	padding: 10px;
  }
  
  /* hide the empty label beside the Reset Password button */
  .LoginPanel .dnnFormItem:last-child span.dnnFormLabel {
	display: none;
  }
  
  .LoginPanel ul.dnnActions {
	margin: 0 !important;
	padding: 0 !important;
  }
  
  /* primary action buttons - also used in dnn modal popups */
  
  .dnnPrimaryAction, 
  .dnnFormItem input[type="submit"], 
  a.dnnPrimaryAction, .btn-primary {
	background: #000;
	border: none;
	color: #ffffff;
	text-shadow: none;
	font-weight: 400;
	box-shadow: none;
	border-radius: 1px;
	font-size: 15px;
	padding: 10px 20px;
  }
  .dnnPrimaryAction:hover, 
  .dnnFormItem input[type="submit"]:hover, 
  a.dnnPrimaryAction:hover, .btn-primary:hover {
	background: #1C4A99 !important;
	text-decoration: none !important;
  }
  
  /* secondary action buttons - also used in dnn modal popups */
  
  .dnnSecondaryAction, 
  .dnnFormItem input[type="submit"], 
  a.dnnSecondaryAction {
	background: #f5f5f5;
	border: none;
	color: #555;
	text-shadow: none;
	font-weight: 400;
	box-shadow: none;
	border-radius: 1px;
	font-size: 15px;
	padding: 10px 20px;
  }
  .dnnSecondaryAction:hover, 
  .dnnFormItem input[type="submit"]:hover, 
  a.dnnSecondaryAction:hover {
	background: #f1f1f1 !important;
	text-decoration: none !important;
  }
  a.dnnSecondaryAction:hover {
	  color: #1C4A99;
  }
  /* ------- End Login / Register / Button UI ------- */

/* ecb.ir Custom */

.btn-info {
    background-color: #1C4A99 !important;
    border-color: #1C4A99 !important;
}
.btn-info:hover {
    background-color: rgb(57, 112, 207) !important;
    border-color: rgb(57, 112, 207) !important;
}
.btn.btn-primary {
    color: #fff;
    background-color: #1C4A99 !important;
    border-color: #1C4A99 !important;
}
.btn.btn-primary:hover {
    background-color: rgb(57, 112, 207) !important;
    border-color: rgb(57, 112, 207) !important;
}

body.rtl {
    text-align: right;
}
/* Page Title */
.page-title {
    padding-top: 0;
}
.page-breadcrumbs {
    margin-top: -20px;
}
.pagetitle-breadcrumbs-box ul li:first-child a {
    font-size: 0;
}
.pagetitle-breadcrumbs-box ul li:first-child a:before {
    font-size: 18px !important;
    content: "خانه";
}

/* Logo */
.mobile-header .logo img {
    max-height: 100%;
    width: 50px;
}
.header-wrap .logo img {
    width: 100px;
}
#dnn_content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.Login .userProperties li.Orders {
    border-bottom:1px solid #5e5e5e;
    padding:0px 0px 10px;
    margin:0px 0px 10px;
}
@media only screen and (max-width: 767px) {
    .page-title {
        padding-top: 0;
        margin-top:-20px
    }
    .page-title .center .center-v {
        padding-right: 0;
    }
    .page-breadcrumbs.text-right {
        text-align: center !important;
        margin-top: 12px;
    }
    .page-breadcrumbs > .container {
        padding-right: 0;
        padding-left: 0;
    }
    footer {
        text-align: center;
    }
    .rtl .page-title-row-left .main-title {
        text-align: center;
    }
}
#skip-menu {
    z-index: -999999;
}

/* rtl theme */
.rtl .accordion02 .accordion-item * {
    text-align: justify;
}
.rtl .accordion02 .panel-heading button {
    padding: 19px 60px 19px 19px;
}
.rtl .list-01 li i {
    margin: 1px 0 0 20px !important;
}
.info-box08::after {
    left: auto !important;
    right: 220px;
}
.rtl #headerrow-699228 .area-left .header-content-wrap > div {
    margin-right: 0;
    margin-left: 20px;
}

/* RTL / mobile menu */
.rtl .mobilemenu-main .mobileclose {
    right: auto !important;
    left: 80px;
}
/* RTL / Buttons */
.rtl body .play-button02 .icon {
    transform: rotate(180deg);
}
/* RTL / Powerform */
.rtl .dg-form-content .form-control-wrap {
    text-align: right !important;
}

/* Blog Page */
.blog-width {
    width: 80%;
    margin:auto;
}
@media only screen and (max-width: 767px) {
    .blog-width {
        width: 100%;
    }
}

.detail-Attachments a {
    padding: 10px 30px;
    margin: auto 10px;
    background: #FDB813;
    border-radius: 5px;
}
.detail-Attachments a:hover {
    color: #fff !important;
}
.detail-Attachments i {
    display: none;
}

/* Article Detail Main Image center */
.rtl .Theme_Slider_Default * {
    direction: ltr !important;
}
.slick-slider img {
    width: 100%;
}
.prdcatlg {
    max-width: 80%;
    height: auto;
}
.blog-timeline2-detail .detail-gallery {
    text-align: center;
}

.rtl section#dnn_content .container {
    width: var(--container-width);
}

.rtl .icon-box03 .icon {
    margin-right: auto !important;
    margin-left: 30px;
}
.icon-box03 {
    text-align: justify !important;
}

.rtl .Login .userProperties ul.userMenu {
    left: 0;
    right: 0px;
}
.list-06 li::before {
    width: 10px !important;
    margin: 0 15px 2px 10px !important;
}
table tr th {
    color: #1C4A99 !important;
    text-align: center;
}
.table-striped>tbody>tr:first-child>* {
    --bs-table-accent-bg: rgb(148, 185, 248) !important;
}

.align-items-start.justify-content-between .col-md-6 .icon-box03 {
    background-color: rgba(0,0,0,.6);
    padding: 20px;
    border-radius: 8px;
}

.portfolio-masonry-style09 .description {
    padding-left: 0 !important;
    text-align: justify;
}
.portfolio-masonry-style09 .content {
    padding: 20px 30px 20px 0 !important;
}

/* SMS Authentication Login */
.ModSMSAuthenticationC {
    margin: 40px;
}
.img-fluid {
    max-width: 50%;
}
.sms-authentication h1 {
    text-align: center;
}

/* Customer service */
.rtl .contact-box01 .pic {
    margin-left: 28px;
    margin-right: 0 !important;
}
.rtl .contact-box01 .sico {
    margin-left: 5px;
    margin-right: 0 !important;
}

/* contact us */
.rtl .icon-box38 .icon {
    margin-left: 20px;
    margin-right: 0 !important;
}

/* Terms and Conditions */
.rtl .icon-box16 .cont {
    border-left:none !important;
    border-right: 1px solid var(--accent-color);
    padding: 0 18px 0 0 !important;
    margin: 0 18px 0 0 !important;
}

/* Footer */
.footer-menu-list li {
    padding: 0px 20px 20px !important;
    font-weight: normal !important;
}
footer#Skip-footer .column-gap-0.dng-row.row .dng-column.col-sm-4 {
    text-align: center;
}

/* mega menue */
strong.submenu_title {
    font-weight: bold !important;
}
.dng-megamenu .dnngo_custommenu ul a:hover {
    color: var(--accent-color) !important;
    font-weight: bold;
}
.header-center-bg.floating-dark-color.header-bg-box {
    padding: 0 10%;
}
.floating-active .logo {
    height: 100% !important;
}

/* DNN ECommerce View Details */
.mss-selectors-wrapper {
    direction: ltr !important;
}
.mss-selectors.mss-thumbnails button.mss-button.mss-arrows-pair.mss-arrow-prev, 
.mss-selectors.mss-thumbnails button.mss-button.mss-arrows-pair.mss-arrow-next {
    rotate: 180deg !important;
}
.card-body ul.list-unstyled.list-bordered li:first-child {
    display: none;
}
.card-body ul.list-unstyled.list-bordered li:last-child {
    font-size: 0;
}
.card-body ul.list-unstyled.list-bordered li:last-child a {
    font-size: 1rem;
}
.mss-caption.mss-html-block {
    top: 40px;
    bottom: auto !important;
}

/* DNN ECommerce Product List */
.DnnModule-eCommerceProductList,
.ModeCommerceProductDetailViewC {
    margin-top: 40px;
}

@media (min-width: 768px) {
    .col-md-3 {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}

/* Sidebar */
.rtl .is-sidebar {
    left: 0 !important;
}
.rtl .btn-plugin.btn-plugin-headerlayout {
    right: 90px !important;
}
.rtl #divCb, .rtl #divFb, .rtl .is-row-tool.is-tool, .rtl #DnnMediaBox {
    direction: rtl !important;
    text-align: right !important;
}
/* Page title */
.rtl .page-title-container .main-title {
    text-align: center;
    width: 100%;
    margin: -20px 0 0 !important;
    padding: 0 !important;
}
.rtl .page-breadcrumbs.inset {
    text-align: center !important;
    background: none;
}
.rtl .page-breadcrumbs.inset * {
    text-align: center !important;
    color: #fff !important;
}
.page-title-bg {
    background-position: center 45%;
}
.rtl .Login .userName+.userProfile, .rtl .Login .userRegister+.userLogin {
    margin-left: 0 !important;
    margin-right: 10px !important;
}
.userProperties * {
    text-align: right !important;
}
.main-title, nav.breadcrumbs-box ul li a, .breadcrumbs-box ul li::after
 {
    text-shadow: 0 0 3px #000, 0 0 7px #000 !important;
}

/* Powerform */
.Theme_01_Default .form_submit .submit_but, .Theme_01_Default .form_submit .reset_but {
    font-family: "IRANSans";
}


/* theme */
.Industry-imgbox01 .info-box .box-icon {
    margin-left: 10px;
}
/* Fixed Widget */
.fixed-widget-list li.WhatsApp {
    background-color: #1ebea5;
    background-position: 0 -784px;
}
.fixed-widget-list li {
    opacity: 1;
    visibility: visible;
}
.fixed-widget-list {
    right: auto !important;
    left: 42px !important;
}
.fixed-widget-list li.share {
    display: none !important;
}
.fixed-widget-list li span {
    left: 66px;
    right: auto !important;
}
ul.fixed-widget-list li a span {
    display: none !important;
}

.header-center-bg.header-bg-box {
    background: linear-gradient(180deg, rgba(0, 35, 91, 1) 10%, rgba(4, 93, 171, 0.59) 60%, rgba(184, 211, 52, 0) 100%);
}
