/* ----- 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: #398FBC;
}
.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: #398FBC !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: #398FBC;
  }
  /* ------- End Login / Register / Button UI ------- */
img.ProfilePhoto {
    border-radius: 20%;
    box-shadow: 0 0 12px #aaa;
}
/* User Top Page Account menu */
.Login .userProperties li.ControlPanel {
    border-bottom: 1px solid #5e5e5e;
    padding: 0px 0px 10px;
    margin: 0px 0px 10px;
}
/* -------------- */
/* Home */
.rtl .social-11::after {
    margin: 0 25px 0 0;
}
.ecb-faq .faq-01::before, .ecb-faq .faq-01 {
    margin-bottom: 15px;
}
.ecb-faq h3 {
    font-size: 1.1em;
}

/* Social Jornal Page */

.DnnModule-Messaging-Notifications .smListings .ListCol-4 {
    max-width: 250px !important;
}
.DnnModule-Messaging-Details .smListings .ListCol-1 {
    padding-right: 0 !important;
}
#mdMemberList > li {
    width: 100% !important;
}
#journalEditor, .jcmt .cmteditarea {
    width: 100% !important;
}
#journalEditor #tbar {
    left: 0 !important;
    margin: 6px 16px 4px 0 !important;
}
.dnnAdminTabNav a span {
    background: #c4161c!important;
    color: #fff;
    box-shadow: none !important;
}

/* Toturial */
.ecb-codespan {
    color: crimson;
    background-color: #f1f1f1;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 110%;
}

/* Toturial Sidebar */
.toturial-sidebar {
    position: fixed !important;
    top: 150px;
}
.toturial-menu {
    height: calc(100% - 150px);
    width: 300px;
    position: fixed !important;
    overflow-y: scroll;
    overflow-x: hidden;
}
footer.footer {
    position: relative;
}
@media (min-width:767px) and (max-width:1024px) {
    .toturial-sidebar {
        top: 130px;
    }
    .toturial-menu {
        height: calc(100% - 130px);
        width: 185px;
        font-size: .7em;
    }
    .toturial-menu h2 {
        font-size: 1em !important;
    }
    div#page-title {
        height: 0;
    }
}
@media (max-width:768px) {
    .toturial-sidebar {
        position: relative !important;
        top: auto;
    }
    .toturial-menu {
        height: auto;
        width: auto;
        position: relative !important;
        overflow-y: auto;
        overflow-x: auto;
    }
}

/* Skin */
.SkinPluginPro_icon a i {
    background-repeat: no-repeat !important;
}

/* --- General -- */
i.sico.red {
    color: red;
}
i.sico.green {
    color: green;
}
@media (max-width:1024px) {
    .rtl .mobilemenu-main ul li.dir {
        padding-right: 40px;
    }
}
@media (max-width:768px) {
    #textareacontainer.horizontal, #iframecontainer.horizontal {
        min-height: 300px;
    }
    .tryiteditor {
        min-height: 750px;
    }
}
.footer .col-md-12.text-center a img {
    background: #eee;
    padding: 7px 15px;
    border-radius: 10px;
}
.container {
    max-width: 100% !important;
}
.fixed-widget-list li {
    opacity: 1;
    visibility: visible;
}
.fixed-widget-list li.envelope {
    background-color: #1ebea5;
}
body .social-03, body .social-03:link {
    margin: 0 8px 10px 0;
}
.notsupported, .notsupported:hover, .notsupported:active, .notsupported:visited, .notsupported:link,
span.marked, span.deprecated {
    color: rgb(204, 174, 140);
}
a.rtl {
    direction: rtl !important;
}
.ltr {
    direction: ltr !important;
}
.ltr-inside, .ltr-inside * {
    direction: ltr !important;
    text-align: left;
}
.ltr-inline {
    direction: ltr !important;
    display: inline-block;
}
.row {
    flex: 0 0 100%;
}
.row.trainingnav div:last-child {
    text-align: left;
}
.nextbtn.button-04 i {
    display: inline-block;
    float: right;
    padding: 6px 0 0 4px;
    margin: 7px 0;
}
.backbtn.button-04 i {
    display: inline-block;
    float: left;
    padding: 6px 0 0 0;
    margin: 7px 40px 7px -36px !important;
}
#dnn_FullScreenPaneA {
    margin-bottom: 0;
}
.font-0 {
    font-size: 0 !important;
}
.rtl .topbar-contact li i {
    font-size: 0.85em;
}
.header-container-box .pl-35 {
    padding-left: 35px !important;
}
.header-container-box .pr-35 {
    padding-right: 35px !important;
}
.rtl .list-02 i {
    margin-left: 15px;
    margin-right: 0 !important;;
}

/* Videos */
.block-video {
    max-width: 600px;
    margin: auto;
    width: 80%;
}
.page-title.dark .main-title {
    color: #777777;
}
span.soon-group-inner {
  direction:ltr;
}
/* ---- Home Page --- */
.step-02.ecb li .icon img {
    border-radius: 50%;
}

/* ---- RTL ---- */
.rtl .button-03 i {
    margin: 0 0 5px 20px;
}
.rtl .area-left .header-content-wrap > div {
    margin-left: 25px !important;
    margin-right: 0 !important;
}
.accordion01 .accordion-content .has-icon {
    padding-left: 0 !important;
}
.accordion01 .panel-heading a.has-icon {
    padding-right: 70px;
    padding-left: 0 !important;
}
.accordion01 .panel-heading a i {
    left: auto !important;
    right: 30px;
}
.accordion01 h4 {
    text-align: right;
}

.breadcrumbs .breadcrumbs-box svg {
    font-size: 18px !important;
}
.rtl .loginContent .dnnFormLabel {
    text-align: right !important;
}
.rtl .area-left .header-content-wrap > div {
    margin-right: 0;
    margin-left: 15px;
}
.rtl .dnnModuleDialog .dnnDialogTitle {
  text-align: right;
}
.rtl .external-forms * {
    text-align: right;
}
.rtl .row.align-items-center.ui-sortable-handle {
    text-align: left;
}
.rtl .row.align-items-center.ui-sortable-handle .title-09.mr-lg-30 {
    text-align: right;
}
.rtl .title-09 small::before {
    margin: 0 0 3px 20px;
}
.rtl .topbar-contact li svg {
    margin-right: 0;
    margin-left: 6px;
}
.rtl .H5-Container {
    text-align: right;
    margin-top: 20px;
    margin-bottom: 20px;
}
#dnn_content .dnnForm.dnnLogin {
    padding-top: 20px;
    margin-bottom: -40px;
}
.dnnFormMessage.dnnFormInfo {
    font-size: .7em;
    margin-bottom: 5px;
}
div.dnnRegistrationForm .dnnForm {
    width: 100%;
}
.dnnForm.dnnRegistrationForm .dnnSocialRegistration {
    display: none;
}

body.rtl {
    text-align: right;
}
.rtl .step-02 li .content {
    padding-right: 30px;
}

/* Header */
.topbar-contact li {
    padding: 0px 8px !important;
}
.topbar-contact li:first-child {
    padding-left: 4px !important;
    padding-right: 0 !important;
}
.topbar-contact li:last-child {
    padding-right: 4px !important;
    padding-left: 0 !important;
}
#dnn_HeaderPaneA ul.topbar-contact li a {
    font-size: 14px !important;
}
#dnn_HeaderPaneA ul.topbar-contact li a i {
    font-size: 16px !important;
}
#dnn_HeaderPaneB ul.topbar-contact li a {
    font-size: 18px !important;
}
ul.topbar-contact a {
    color: #fff;
}
ul.topbar-contact a:hover {
    color: #c4161c;
}
.topbar-contact li  {
list-style: none;
}
.topbar-contact li i {
    color: #fff;
    margin-right: 6px;
    vertical-align: middle;
    fill: currentColor;
    margin-bottom: 2px;
}
.topbar-contact li:hover i {
    color: #c4161c;
}

/* Register Forms */
.custom-module .input-group input.form-control, .custom-module .form-group select {
    min-height: 50px !important;
    padding: 8px 11px !important;
    border-radius: 6px !important;
    width: 100% !important;
}
#dnn_ctr485_ModuleContent .request-form.form {
    background: none;
}
.request-form .form-group .mbd-field-uploadfile input {
    background: transparent !important;
    border: none !important;
    color: #ddd !important;
}
.alert-warning {
    color: #ff6e2f !important;
}
.alert-info {
    color: #018dc4 !important;
}
.alert-success {
    color: #155724 !important;
}
.brand {
    background-color: #ddd;
}
/* News */
a#addfaq {
    color: #fff;
}
.ecb-icon-title .icon.color-accent {
    display: inline-block;
}
.iconbox-10 > .title a.color2:hover {
    color: #c4161c !important;
    cursor: pointer;
}
.title-12 {
    margin-bottom: 30px !important;
}
.is-builder .icon {
    display: inline-block !important;
}
.iconbox-10 > .title {
    margin-right: 10px !important;
    display: inline-block !important;
}
.iconbox-10 {
    margin-bottom: 10px !important;
}
.ArticleView .news-content .title {
    text-align: right !important;
}
.ArticleView h1 {
        font-size: 2em !important;
}
.listingItem .title h2 {
    font-size: 20px !important;
    color: #c4161c !important;
}
.ArticleView .back a {
    background-color: #c4161c !important;
}
#articleSearchFormSmall input[type="submit"] {
    border: solid 1px #c4161c !important;
    background-color: #c4161c !important;
}
.postComment input[type="button"] {
    background-color: #c4161c !important;
}
#articleSearchFormSmall {
    width: 60% !important;
    margin: 10px auto !important;
}
.ArticleView .iconpane * {
    direction: ltr;
}
a.social-03.margin-foter.decoration {
    background-color: #888 !important;
}
a.social-03.margin-foter.decoration:hover {
    background-color: #c4161c !important;
}

/* FAQs */
.accordion04-color-accent2 .accordion04 .panel-heading .arrow::after, .accordion04-color-accent2 .accordion04 .panel-heading .arrow::before, .accordion04-color-accent2 .accordion04 .accordion-item.opened {
    background-color: var(--accent-color) !important;
}
.rtl .accordion04 .panel-heading a {
    padding: 9px 45px 9px 30px !important;
}
.rtl .accordion04 .accordion-content .panel-body ul {
	margin: 0;
}
.rtl .accordion04 .accordion-content .panel-body ul li {
	list-style: none;
    padding-right: 0 !important;
}
.rtl .accordion04 .accordion-content .panel-body ul li i {
	margin-left: 10px;
}

/* Projects */
.portfolio-masonry-style03 .content {
    left: 5px !important;
    right: 90% !important;
    bottom: 30px !important;
    top: 90% !important;
    opacity: 1 !important;
}
.isotope-grid .isotope-group a, .isotope-grid .isotope-group a:link, .isotope-grid .isotope-group a:active, .isotope-grid .isotope-group a:visited {
    font-size: 16px !important;
}
.isotope-grid .isotope-group a {
    margin: 0px 20px 20px !important;
}

/* Terms of use */
.accordion07 .panel-heading a {
    padding: 16px 70px 15px 30px !important;
}
.accordion07 .accordion-header {
    text-align: right !important;
}
/* Training */
.rtl .list-05 li {
    padding-top: 8px;
    margin-bottom: 0;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 8px;
}
.rtl .list-05 li:hover {
    background-color: #eee;
}
.rtl ul.list-05 {
    margin-right: 10px;
}
.rtl .list-05 i {
    margin-right: 0;
    margin-left: 5px;
}
.rtl .progressbar.progressbar02 .loadlist h6 {
    text-align: right;
}

/* Services */
.accordion05 .panel-heading a {
    font-size: 15px !important;
}
.accordion05 .accordion-item .panel-heading .arrow::after {
	border-left: 2px solid currentColor;
    border-top: 2px solid currentColor;
    border-right: 0 !important;
    border-bottom: 0 !important;
    left: 11px !important;
}
.accordion05 .accordion-item .panel-heading .arrow {
    top: 13px !important;
    right: 15px !important;
}
.accordion05 .panel-heading a {
    padding: 16px 55px 16px 20px !important;
}
.timeline-carousel-style01 .swiper-container-main .date {
    width: 50px  !important;
    height: 50px  !important;
    flex: 0 0 50px  !important;
}
.timeline-carousel-style01 .swiper-container-main .cont {
    text-align: right  !important;
    padding: 0px 20px 0px 0px  !important;
}
.timeline-carousel-style01 .swiper-container-main .swiper-button-next {
    margin-right: -20%  !important;
}
.timeline-carousel-style01 .swiper-container-main .swiper-button-next, .timeline-carousel-style01 .swiper-container-main .swiper-button-prev {
    left: auto  !important;
    right: 60%;
}
.ecb-services .iconbox-02 {
    padding: 0 10px;
}
.ecb-services .iconbox-02:before {
    display: none;
}
.ecb-services .iconbox-02 .icon {
    margin-left: 10px;
}
.ecb-services .iconbox-02 .icon, .ecb-services .iconbox-02 h2, .ecb-services .iconbox-02 h3 {
    display: inline-block;
}

.rtl .seo01-section01 .tab01 ul.tab-list li > i {
    margin-right: 0 !important;
    margin-left: 12px;
}
.ecb-list .infobox-17 .icon {
    font-size: 32px !important;
}
.ecb-list.infobox-17-list li {
    margin-bottom: 20px !important;
}
.ecb-list .infobox-17 {
    padding: 10px 15px !important;
}
.ecb-list .infobox-17 h6 {
    font-size: .94em !important;
}
.rtl .img-box04 .pic {
    margin-left: 20px;
    margin-right: 0 !important;
}
.rtl .img-box04::before {
    left: auto !important;
    right: 45px;
}
.rtl .img-box04::after {
    left: auto !important;
    right: 42px;
}
.rtl .button-05 span {
    margin-right: 0;
    margin-left: 26px;
}
.iconbox-19.ecb-icons .icon {
    font-size: 30px !important;
    margin: 10px 0 0 10px !important;
}
.rtl .image-embed div .is-icon-flex {
    right: 15px;
    left: auto !important;
}
@media only screen and (min-width: 768px) {
.step-01>li>.pic {
    padding-right: 0 !important;
    padding-left: 40px;
}
.step-01>li>.content {
    padding-left: 0 !important;
    padding-right: 40px;
}
.step-01>li:nth-child(2n)>.pic {
    padding-left: 0 !important;
    padding-right: 40px !important;
}
.step-01>li:nth-child(2n)>.content {
    padding-right: 0 !important;
    padding-left: 40px !important;
}
}
@media (min-width: 576px) {
.dng-right-full .dng-column:last-of-type > .dng-column-inner, .right-full-column > .full-column-inner {
    margin-right: calc((540px - 85vw)/2);
    width: calc(100% + (100vw - 540px)/2);
}
}
@media (min-width: 768px) {
.dng-right-full .dng-column:last-of-type > .dng-column-inner, .right-full-column > .full-column-inner {
    margin-right: calc((760px - 80vw)/2);
    width: calc(100% + (100vw - 760px)/2);
}
}
@media (min-width: 1200px) {
.dng-right-full .dng-column:last-of-type > .dng-column-inner, .right-full-column > .full-column-inner {
    margin-right: calc((1200px - 75vw)/2);
    width: calc(100% + (100vw - 1200px)/2);
}
}
.faq-03 li {
    padding: 26px 125px 18px 40px !important;
}
.rtl .faq-03 .q {
    left: auto !important;
    right: 40px;
    padding-top: 6px;
}

.col-md-4.ecb-hover {
    padding: 20px;
    border-radius: 10px;
}
.col-md-4.ecb-hover:hover {
    background-color: #eee;
}

/*  Contact us */
.rtl .infobox-17 .icon {
    margin-left: 20px !important;
    margin-right: 0 !important;
}
.rtl .list-02 li {
    display: block;
}


/* About us */
.iconbox-23 .btn a::after {
    content: '' !important;
    font-size: 0 !important;
}
.iconbox-23 .btn a::before {
    content: '+';
    font-weight: 800;
    font-size: 1.2em;
    line-height: 1;
    margin-left: 8px;
}
.ourteam-03 .pic {
    margin-left: 30px;
    margin-right: 0 !important;
}

/* ---- Mobile menu --- */
.mobilemenu-main .gomenu > ul {
    padding: 0 !important;
}
.mobilemenu-main .gomenu > ul > li {
    padding: 8px 20px !important;
}
#mobilemenu11098 .mobileclose, #mobilemenu11098 .gomenu > ul > li > a > span, #mobilemenu11098 .gomenu li .arrows {
    font-size: 18px !important;
}

/* EasyDNN NEws Template Edit Area */
.edNews_adminWrapper .edNews_inputGroup.withMargin {
    direction: ltr;
    text-align: left;
}
textarea#dnn_ctr388_ViewEasyDNNNewsMain_ctl00_tbAddComment {
    max-width: 100% !important;
}

/* Power form */
.rtl .formError {
    right: 0 !important;
}
#form_div_555 .formError .formErrorContent, #form_div_555 .formError .formErrorArrow div {
    color: #fff !important;
}

/* --- Footer --- */
.footer a {
    color: rgba(170,170,170,1);
}
.footer a:hover {
    color: #f89c23;
}

@media (min-width:768px) {
    .visible-xs-block {
        display: none;
    }
    .rtl .saas-section09 .saas-section09-from {
        left: auto !important;
        right: -65%;
    }
}


@media (max-width:768px) {
    .ecb-footer-social {
        text-align: center;
    }
    div#page-title {
        display: none;
    }
    .iconbox-10 .icon i {
        width: 1.8em !important;
        height: 1.8em !important;
        font-size: 20px !important;
        margin-right: -15px;
    }
    .accordion04 .accordion-content {
        padding: 1px 20px !important;
    }
    .pro-pricing-list .title-info img {
        max-width: 90%;
        margin-top: 20px;
    }
    .faq-03 li {
        padding: 26px 65px 18px 20px !important;
    }
    .rtl .faq-03 .q {
        right: 13px;
    }
    .faq-03 .q {
        width: 42px !important;
        height: 42px !important;
        line-height: 42px !important;
    }
    iframe {
        height: 350px !important;
    }
    .rtl .infobox-17 .icon {
        margin: auto !important;
    }
    .rtl ul.infobox-17-list {
        margin-right: 0;
    }
}

/* Articles */
.clear_float {
    display: block;
    clear: both;
    float: none;
}
.article-li li {
    list-style: none;
    border-bottom: 1px #bbb dotted;
    padding: 5px 0;
}
.article-li li:last-child {
    border-bottom: none;
}
.img-box01 .color-accent.pic.text-center a img.img-Lazy {
    width: 100%;
}

/* HTML Code Test Page */
textarea#textareaCode {
    direction: ltr !important;
}
.headerText.resultHeader, .headerText {
    font-weight: bold;
    color: #C4161C;
}
.ecb_code {
    border-left: 4px solid #C4161C;
    direction: ltr !important;
    padding: 20px;
    background-color: #eee;
}
.highLT {
	color: mediumblue;
}
.highELE {
	color: brown;
}
.highATT { 
    color: red;
}

/* HTML Test */
button#runbtn:after {
    font-size: 18px;
    content: "❮ مشاهده نتیجه";
}
#runbtn {
    font-family: 'IRANSans' !important;
    font-size: 0 !important;
	word-spacing: 2px !important;
    margin-left: 50px !important;
}

/* Testimonial */
.swiper-testimonials04.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px !important;
}

#pro-pricing-list446.pro-pricing-show-info .description-info {
    font-size:0;
}
#pro-pricing-list446.pro-pricing-show-info .description-info:before {
    font-size: 20px;
    content: "توضیحات";
    line-height: 10;
}