[data-icon]:before {
  font-family: "aw-fonticons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="aw-"]:before,
[class*=" aw-"]:before,
.fontastic,
.text-info-icon:before,
.sidebar li.parent .toggle-menu:before,
.input-group .radio-box:after,
.input-group .radio-image-box:after,
.input-group .cb-box:after,
.check-box-green input + label:after,
.radio-button-green input + label:after,
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-next:before {
  font-family: "aw-fonticons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
}
.aw-arrow-left:before {
  content: "\e000";
}
.aw-arrow-down:before {
  content: "\e001";
}
.aw-arrow-right:before {
  content: "\e002";
}
.aw-arrow-up:before {
  content: "\e003";
}
.aw-coupon:before {
  content: "\e004";
}
.aw-info-sign:before {
  content: "\e005";
}
.aw-loading-sign:before {
  content: "\e006";
}
.aw-warning:before {
  content: "\e007";
}
.aw-forbidden:before {
  content: "\e008";
}
.aw-wallet:before {
  content: "\e009";
}
.aw-mul-sign-light:before {
  content: "\e00b";
}
.aw-info-sign-circle:before {
  content: "\e00c";
}
.aw-show:before {
  content: "\e00d";
}
.aw-hide:before {
  content: "\e00e";
}
.aw-link:before {
  content: "\e00f";
}
.aw-image:before {
  content: "\e010";
}
.aw-video:before {
  content: "\e011";
}
.aw-layers:before {
  content: "\e012";
}
.aw-upload:before {
  content: "\e013";
}
.aw-credit-card:before {
  content: "\e014";
}
.aw-edit:before {
  content: "\e016";
}
.aw-drag-image:before {
  content: "\e015";
}
.aw-warning-linear:before {
  content: "\e018";
}
.aw-checked-light:before {
  content: "\e00a";
}
.aw-play:before {
  content: "\e019";
}
.aw-arrowhead-up:before {
  content: "\e01b";
}
.aw-plus:before {
  content: "\e01a";
}
.aw-question-mark:before {
  content: "\e01c";
}
.aw-arrow-graph-up-right:before {
  content: "\e01d";
}
.aw-refresh-arrow:before {
  content: "\e017";
}
.aw-question-linear:before {
  content: "\e01e";
}
.aw-question-linear-en:before {
  content: "\e01f";
}
.aw-question-filled:before {
  content: "\e020";
}
.aw-question-filled-en:before {
  content: "\e021";
}
.aw-round-close:before {
  content: "\e022";
}
.aw-round-minus:before {
  content: "\e023";
}
.aw-round-plus:before {
  content: "\e024";
}
.aw-round-success:before {
  content: "\e025";
}
.aw-flag:before {
  content: "\e026";
}
.aw-calendar:before {
  content: "\e027";
}
.aw-email:before {
  content: "\e028";
}
.aw-printer:before {
  content: "\e029";
}
.aw-share:before {
  content: "\e02a";
}
.aw-pluggin:before {
  content: "\e02b";
}
.aw-csv-file:before {
  content: "\e02c";
}
.aw-repeat:before {
  content: "\e02d";
}
.aw-campaign:before {
  content: "\e02e";
}
.aw-dragging:before {
  content: "\e015";
}
.aw-garbage:before {
  content: "\e02f";
}
.aw-pencil:before {
  content: "\e030";
}
.aw-chart:before {
  content: "\e031";
}
.aw-browser:before {
  content: "\e032";
}
.aw-website:before {
  content: "\e033";
}
.aw-money:before {
  content: "\e034";
}
.aw-coins:before {
  content: "\e035";
}
.aw-settings:before {
  content: "\e036";
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 2;
  font-weight: 400;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.6em;
}
h3 {
  font-size: 1.3em;
  font-weight: 500;
}
h4 {
  font-size: 1.2em;
  font-weight: 500;
}
h5 {
  font-size: 1.1em;
  font-weight: 500;
}
h6 {
  font-size: 1em;
  font-weight: 500;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
}
*,
*:after,
*:before {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  -ms-box-sizing: inherit;
  -o-box-sizing: inherit;
  box-sizing: inherit;
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

b {
  font-weight: normal;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
li {
  margin: 0;
  padding: 0;
}
img {
  border: none;
}
h1,
h2,
strong {
  font-size: 12px;
  font-weight: normal;
}
strong {
  font-weight: 400;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  margin: 0;
  border: 0;
}
table .little {
  width: 75px;
}
.en {
  font-family:yekan;
}
.en-numbers {
  font-family: yekan;
}
.ltr,
.so-ltr > option,
.logo,
.sidebar .copyright,
input.input,
input.input-sm,
textarea,
select,
input.input.ltr,
input.input-sm.ltr,
textarea.ltr,
select.ltr,
.dashboard-box,
#reg_form input,
.statusbar,
#xlightbox .loading h3,
.env-label,
.code-style {
  direction: rtl;
}
.rtl,
.partition .part-box.ltr,
input.input.rtl,
input.input-sm.rtl,
textarea.rtl,
select.rtl,
input.input[type="file"],
textarea.textarea,
.modal *,
.modal *:after,
.modal *:before,
.drop-down .menu-drop-inactive .item,
.dashboard-box h3,
.dashboard-box.ltshadow h4,
#reg_form #fullname,
#reg_form #company,
#ut,
#ut + p,
#ut + p + p,
#lightbox_content,
#xlightbox,
#general-popup-msg {
  direction: rtl;
}
.bold {
  font-weight: 500;
}
.font-family,
body,
.modal .prompt-input {
  font-family: yekan;
}
.font-family-monospace,
textarea.desc.code {
  font-family: monospace !important;
}
.irs-bold {
  font-family:yekan;
  font-weight: bold;
}
.irs-medium {
  font-family: yekan;
  font-weight: 500;
}
.irs-light {
  font-family: yekan;
  font-weight: 300;
}
.irs-ultra-light {
  font-family: yekan;
  font-weight: 200;
}
.center,
.sidebar.admin .admin-nav li .notif,
.modal .title,
.table td,
.table th {
  text-align: center;
}
.justify,
.login_google,
.alert_message,
#lightbox_content,
.help-description,
.step_camp .step_budget_error,
.inner_container .description_text {
  text-align: justify;
}
.extra-space {
  margin: 5px 0 10px;
}
.gray {
  background: #f3f3f3;
}
.nowrap,
.text-overflow,
.sidebar li.parent .submenu li .sub,
.sidebar li a,
.check-box-green span,
.radio-button-green span,
.input-error:before,
.loading-circles:after,
.message-box .message-button > .submit {
  white-space: nowrap;
}
.norm-wrap {
  white-space: normal !important;
}
.text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.right,
.main-container,
.main-container .container,
.view-container,
.partition,
.partition .part-box,
.section-container,
.section-container .section-head,
.section-container .section-content,
.section-container .section-content .section-inner,
.section-container .sw-2,
.logo,
.input-group,
.input-group .input-title,
.input-group .input-row,
.input-like-lg,
.input-group .cb-label,
.input-group .radio-image-box .radio-label,
.form .row,
.topbar .item,
.topbar .right .item,
.topbar .left .item,
.topbar i .item,
.topbar span .item,
.drop-down span,
.table-pagination,
.drop-down .menu-drop-inactive .item,
.menu-drop-inactive .drop-down-item,
.menu-drop-inactive .drop-down-item a,
.menu-drop-inactive .drop-down-item span,
.menu-drop-inactive .drop-down-item a span,
.menu-drop-inactive .drop-down-item i,
.menu-drop-inactive .drop-down-item a i,
.progress-bar-wrapper,
.appended-error,
.block,
.block .block-content,
.block-footer,
.message-box .message-content,
.breadcrumb a,
.breadcrumb span,
.login-topbar li,
.overview_alert,
.ticket-col,
.request-box1,
.keyword_item,
.keyword_close_button,
.keyword_delete,
.budget_right_container,
.step_camp .banner_right_container,
.campaign_paytype,
.campaign_paytype .pay-type,
.campaign_paytype .radiobox,
.campaign_paytype .logobox,
.campaign_payform,
.mysite_block,
.mysite_block > div > div > .field_row,
.user_percent_box,
.live_field,
#os_list label,
.size-perm,
.size-tag,
.icn,
.template-notification > li,
.template-notification > .right,
.template-notification > .center,
.text-information {
  float: right;
}
.left,
.partition .part-box.ltr,
.section-container .section-head .dropdown-box,
.logo.login-logo,
.btn.btn-icon-left > i,
.en .topbar .item,
.en .topbar .right .item,
.en .topbar .left .item,
.en .topbar i .item,
.en .topbar span .item,
.en .topbar i,
.en .topbar .right i,
.en .topbar .left i,
.en .topbar i i,
.en .topbar span i,
.en .drop-down span,
.en .drop-down .menu-drop-inactive .item,
.en .menu-drop-inactive .drop-down-item,
.loading-circles > span,
.request-box2,
.budget_left_container,
.step_camp .banner_left_container,
.mysite_block > div > div .field_value,
.template-notification > .left,
.campaing_list .fa-gg-circle,
.iframe,
.fraud-website-note {
  float: left;
  margin-left:2px;
}
.word-break {
  white-space: pre-wrap;
  word-break: break-all;
}
.grey-border {
  box-shadow: 0 0 1px #ddd;
}
.width16 {
  width: 16%;
}
.width20 {
  width: 20%;
}
.width25 {
  width: 25%;
}
.width28 {
  width: 28%;
}
.width33 {
  width: 33%;
}
.width40 {
  width: 40%;
}
.width45 {
  width: 45%;
}
.width55 {
  width: 55%;
}
.width60 {
  width: 60%;
}
.width70 {
  width: 70%;
}
.width80 {
  width: 80%;
}
.width50 {
  width: 50%;
  padding: 0 3%;
}
.width-10 {
  width: 10%;
}
.width-20 {
  width: 20%;
}
.width-25 {
  width: 25%;
}
.width-30 {
  width: 30%;
}
.width-33 {
  width: 33%;
}
.width-40 {
  width: 40%;
}
.width-50 {
  width: 50%;
}
.width-60 {
  width: 60%;
}
.width-66 {
  width: 66%;
}
.width-70 {
  width: 70%;
}
.width-75 {
  width: 75%;
}
.width-80 {
  width: 80%;
}
.width-90 {
  width: 90%;
}
.width-100,
.full-width,
.iframe,
.main-container,
.main-container .container,
.view-container,
.partition,
.partition .part-box,
.section-container,
.section-container .section-head,
.section-container .section-content,
.section-container .section-content .section-inner,
.logo,
.sidebar .copyright,
input.input.input-wide,
input.input-sm.input-wide,
textarea.input-wide,
select.input-wide,
textarea.textarea,
.input-group,
.input-group .input-title,
.input-group .input-row,
.input-group .input-row > .input,
.input-like-lg,
.input-group .cb-label,
.input-group .radio-box.radio-block,
.input-group .radio-image-box .radio-label,
.form .row > span + span.full-width,
.topbar,
.inner-table,
.table-data,
.table-pagination,
.progress-bar-wrapper .progress-bar,
.appended-error,
.x-loading:before,
.block,
.block .block-content,
.block-footer,
.message-box .message-content,
.message-box .message-icon > img,
.help-center-reference,
.text-information {
  width: 100%;
}
.width-33 {
  width: 33.33%;
}
.taright {
  text-align: right !important;
  direction: rtl !important;
}
.taleft {
  text-align: left !important;
  direction: ltr !important;
}
.ta-right,
.table-data .td-head .td-cell.ta-right,
.table-data .td-row .td-cell.ta-right,
.table-data .td-foot .td-cell.ta-right,
#reg_form #fullname,
#reg_form #company,
#ut td:first-child,
#ut th:first-child,
#xlightbox,
.campaign_paytype,
.campaign_paytype div,
.campaign-charging-info .ht {
  text-align: right;
}
.ta-center,
.logo,
.sidebar li a > i,
.inline-input .input-icon .input,
.input-group .radio-box:after,
.input-group .radio-image-box:after,
.input-group .cb-box:after,
.fancy-select i,
.check-box-green input + label:after,
.radio-button-green input + label:after,
.submit,
.trumpet .submit,
.btn,
.modal .content,
.modal .links,
.modal .ok,
.modal .cancel,
.modal .checked,
.topbar .item,
.topbar .right .item,
.topbar .left .item,
.topbar i .item,
.topbar span .item,
.topbar .messages .msg-count,
.item .avatar i,
.item .avatar.avatar,
.inner-table td,
.inner-table th,
.table-data .td-caption,
.table-data .td-head .td-cell,
.table-data .td-row .td-cell,
.table-data .td-foot .td-cell,
.table-pagination,
.drop-down .menu-drop-inactive .item i,
.menu-drop-inactive .drop-down-item i,
.menu-drop-inactive .drop-down-item a i,
.appended-error,
.x-loading,
.block-footer,
.xntitle-new .new,
.trial,
.api_box,
.api_box p,
.api_box input,
.login-with,
.tbl-head,
#ut,
#lightbox,
#banner_hover,
.step_camp ol.steps,
.campaign-name-item,
.campaign-name-tip,
.step-camp-buttons,
.custom_click_package,
.step_camp .banners_url_link .banners_url_text,
.step_camp .payment_info,
.step_camp .credit_info,
#select-campaign,
#general-popup-msg,
#dragAndDropFiles,
.progressBar div,
#xlightbox .loading {
  text-align: center;
}
.ta-left,
.sidebar .copyright,
.table-data .td-head .td-cell.ta-left,
.table-data .td-row .td-cell.ta-left,
.table-data .td-foot .td-cell.ta-left,
.message-box .message-button,
.dashboard-box h3,
.dashboard-box.ltshadow h4,
.navigationbar,
#xlightbox .loading h3 {
  text-align: right;
}
.ta-justify {
  text-align: justify;
}
.va-top,
.input-group .radio-box,
.input-group .radio-image-box,
.input-group .cb-box,
#alert-box,
.progressBar,
.statusbar,
.filename,
.filesize,
.abort {
  vertical-align: top;
}
.va-bottom {
  vertical-align: bottom;
}
.va-middle,
.help-center-reference .help-link > i {
  vertical-align: middle;
}
.va-sub {
  vertical-align: sub;
}
.ltr,
.so-ltr > option,
.logo,
.sidebar .copyright,
input.input,
input.input-sm,
textarea,
select,
input.input.ltr,
input.input-sm.ltr,
textarea.ltr,
select.ltr,
.dashboard-box,
#reg_form input,
.statusbar,
#xlightbox .loading h3,
.env-label,
.code-style {
  direction: rtl;
}
.rtl,
.partition .part-box.ltr,
input.input.rtl,
input.input-sm.rtl,
textarea.rtl,
select.rtl,
input.input[type="file"],
textarea.textarea,
.modal *,
.modal *:after,
.modal *:before,
.drop-down .menu-drop-inactive .item,
.dashboard-box h3,
.dashboard-box.ltshadow h4,
#reg_form #fullname,
#reg_form #company,
#ut,
#ut + p,
#ut + p + p,
#lightbox_content,
#xlightbox,
#general-popup-msg {
  direction: rtl;
}
.ltr.taright {
  direction: ltr !important;
}
.valign,
.text-info-icon:before,
.section-container .section-head .head-icon,
.section-container .section-head .head-title,
.section-container .section-head .head-button,
.logo img,
.logo svg,
.sidebar li a > i,
.fancy-select i,
.submit,
.trumpet .submit,
.submit-hollow > i,
.trumpet .submit-hollow > i,
.submit.submit-inline,
.trumpet .submit.submit-inline,
.btn.btn-hollow > i,
.item .avatar i,
.item .avatar.avatar,
.table-data .td-head i,
.table-data .td-row .td-cell,
.table-data .td-foot .td-cell,
.table-data .td-row .c-name > i,
.no-stat-data > i,
.table-pagination .pl .pi,
.message-box .message-icon,
.message-box .message-text,
.message-box .message-button,
.strong-password span,
.trial,
.star-red,
.login-topbar li a i,
.tbl-td,
.cp-tbl i.fa,
.sortable i.fa,
.ticket-col img,
.ticket-reply .attachment i,
.step-camp-buttons div,
.user_percent_box img,
.live_field img,
.Gx-table-row input[type='checkbox'],
.Gx-table-row input[type='radio'],
.Gx-table-err-message {
  vertical-align: middle;
}
.no-margin {
  margin: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.cap,
.modal .ok,
.modal .cancel,
.modal .checked {
  text-transform: capitalize;
}
.oh,
.clear:before,
.clr:before,
.clear:after,
.clr:after,
.text-overflow,
.main-container .page-content-inner,
.view-container,
.view-container .view-inner:before,
.view-container .view-inner:after,
.sidebar .sidebar-menu,
.sidebar li a,
input[type=color].color-picker,
.submit,
.trumpet .submit,
.modal .in,
.modal .links,
.topbar .item,
.topbar .right .item,
.topbar .left .item,
.topbar i .item,
.topbar span .item,
.item .avatar.avatar,
.drop-down .item.item span:not(.avatar),
.table-data,
.table-pagination .pl .pi,
.menu-drop-inactive .drop-down-item span,
.progress-bar-wrapper,
.message-box:before,
.message-box:after,
.breadcrumb,
.expandable,
.expandable .content,
.dashboard-row,
.login-topbar,
.keyword_item,
.banner_preview,
.success-boxes,
.mysite_block > div > div,
.progressBar,
.statusbar,
.filename,
.help-center-reference,
.page-container:before,
.page-container:after,
.loading-data,
.has-overlay {
  overflow: hidden;
}
.oxh {
  overflow-x: hidden;
}
.ov {
  overflow: visible;
}
.vh,
.input-group .radio-box:after,
.input-group .radio-image-box:after,
.input-group .cb-box:after,
.drop-down .menu-drop-inactive,
.loading-circles {
  visibility: hidden;
}
.vv,
.input-group .radio-box.checked:after,
.input-group .radio-image-box.checked:after,
.input-group .cb-box.checked:after,
.drop-down .menu-drop,
.has-loading .loading-circles,
.loading-box .loading-circles {
  visibility: visible;
}
.margin0 {
  margin: 0 auto !important;
}
.db,
.clear:before,
.clr:before,
.clear:after,
.clr:after,
.main-container,
.view-container,
.view-container .view-inner,
.view-container .view-inner:before,
.view-container .view-inner:after,
.partition,
.partition .part-box,
.section-container .sw-2,
.logo,
.sidebar li.parent .toggle-menu,
.sidebar li a,
.input-group,
.input-group .input-title,
.input-group .input-row,
.input-group .input-row span.text,
.input-like-lg,
.input-group .cb-label,
.input-group .radio-box.radio-block,
.input-group .radio-image-box .radio-image,
.input-group .radio-image-box .radio-label,
.check-box-green input + label,
.radio-button-green input + label,
.submit.loading .spinning,
.trumpet .submit.loading .spinning,
.btn.btn-icon-left > i,
.form.form-center,
.form .row,
.modal .in,
.modal .x,
.topbar .item:after,
.topbar .right .item:after,
.topbar .left .item:after,
.topbar i .item:after,
.topbar span .item:after,
.topbar .messages .msg-count,
.table-pagination,
.table-pagination .pl .pi > a,
.check-box + label,
.radio + label,
.appended-error,
.x-loading,
.x-loading:before,
.x-loading:after,
.loading-box,
.loading-circles:after,
.block,
.block .block-content,
.block-footer,
.message-box:before,
.message-box:after,
.message-box .message-title:before,
.message-box .message-icon > img,
.status-desc > span,
.breadcrumb a,
.breadcrumb span,
.breadcrumb > *:before,
.xntitle-new:before,
.login-with,
.alert_message:before,
.shaba::after,
.tick::after,
.operation_block,
.campaign-name-tip,
.campaign-name-details a,
.campaign_paytype .titlebox,
.inner_container .targeting,
.inner_container .section_name,
.inner_container .description_text,
.simple_link,
.Gx-table-cell,
.size-tag,
.fademe::before,
.fademe::after,
#xlightbox .loading .ashadow,
.code-style,
.text-information,
.page-container,
.page-container:before,
.page-container:after,
.loading-data:after {
  display: block;
}
.dib,
.new-tag,
.text-info-icon:before,
.section-container .section-head .head-icon,
.section-container .section-head .head-title,
.logo img,
.logo svg,
.sidebar span.new,
.sidebar.admin .admin-nav li .notif,
.input-group .input-title.required:before,
.required-sign:before,
.inline-input,
.input-group .radio-box,
.input-group .radio-image-box,
.input-group .cb-box,
.check-box-green,
.radio-button-green,
.submit,
.trumpet .submit,
.submit.submit-inline,
.trumpet .submit.submit-inline,
.btn,
.form [data-description]:after,
.form .row > span:first-child,
.modal .ok,
.modal .cancel,
.modal .checked,
.topbar,
.topbar .right,
.topbar .left,
.topbar i,
.topbar span,
.topbar .item,
.topbar .right .item,
.topbar .left .item,
.topbar i .item,
.topbar span .item,
.topbar .drop-down,
.topbar .right .drop-down,
.topbar .left .drop-down,
.topbar i .drop-down,
.topbar span .drop-down,
.topbar .right i,
.topbar .left i,
.topbar i i,
.topbar span i,
.drop-down span,
.table_header,
.table-pagination .pl,
.table-pagination .pl .pi,
.drop-down .menu-drop-inactive .item,
.menu-drop-inactive .drop-down-item,
.menu-drop-inactive .drop-down-item a,
.menu-drop-inactive .drop-down-item span,
.menu-drop-inactive .drop-down-item a span,
.menu-drop-inactive .drop-down-item i,
.menu-drop-inactive .drop-down-item a i,
.progress-bar-wrapper,
.message-box .message-icon,
.message-box .message-text,
.message-box .message-button,
.strong-password span,
.dashboard-box,
.xntitle-new .new,
.trial,
.inline-datebox,
.overview-info span,
.api_box,
.step_camp ol.steps li,
.campaign-name-item,
.step-camp-buttons div,
.campaign-name-details a .campaign-title,
.budget_fields label,
.step_camp .banners_input_container .banner_upload_row label,
.setting_inner_container .banners_input_container .file_upload_lable,
.inner_container label.boldtitle,
.fa-lightbulb-o,
#alert-box,
.progressBar,
.filename,
.filesize,
.abort,
.help-center-reference {
  display: inline-block;
}


	
@media only screen and (min-width: 991px){
.active-sidebar .sidebar,
.active-sidebar .sidebar.admin {
  right: 3px;
}
.active-sidebar .header-container {
  right: 250px;
}
.active-sidebar .main-container {
  padding-right: 250px;
}

.mobile-sidebar .sidebar-container {
  	z-index: 22;
	height: auto!important;
	overflow-y: scroll!important;
	overflow-x: hidden!important;
}
.mobile-sidebar.active-sidebar .main-container {
  padding-right: 0;
}

.mobile-sidebar.active-sidebar .main-container:before {
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 21;
}
.mobile-sidebar.active-sidebar .header-container {
  width: 100%;
  right: 0;
}
	
	.displaymnu{
		display: none!important;
	}
	

		.displaymnu2{
		display: inherit!important;
	}
	
}



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

	.displaymnu{
		display: inherit!important;
	}
	
	.displaymnu2{
		display: none!important;
	}

	
}



.dn,
.mobile-sidebar .sidebar-container .selected:after,
.sidebar li.parent .submenu,
.modal,
.table.fixed-header .cloned,
.table-data[data-table-pagination] .td-row,
.table-pagination .pl .pi.dot > a,
.table-pagination .pl .pi.dn,
.breadcrumb > :first-child:before,
.expandable .content,
.responsive-cp-stat,
#lightbox #close,
.section_adv_pub,
.ticket_title,
#banner_hover,
.step_camp ol.steps li img.img-tik,
.campaign-step,
.custom-budget,
.step_camp .step_budget_error,
.step_camp .bad_url_error,
.step_camp .bad_title_error,
.step_camp .bad_desc_error,
.mobile-statistics-date,
.error_label,
#general-popup-body,
.norespons-msg,
#os_list,
#ufile,
.password-eye #show-pass,
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-next span {
  display: none;
}
.di,
.keyword_item,
.step_camp .banners_url_link .banners_url_text {
  display: inline;
}
.dt,
.input-group.dt,
.table-data {
  display: table;
}
.dc {
  display: table-caption;
}
.dtr,
.input-group .input-row.dtr,
.table-data .td-head,
.table-data .td-row,
.table-data .td-foot,
.table-data[data-table-pagination] .td-row.active {
  display: table-row;
}
.dtc,
.table-data .td-head .td-cell,
.table-data .td-row .td-cell,
.table-data .td-foot .td-cell {
  display: table-cell;
}
.dit {
  display: inline-table !important;
}
.abs,
.partition.part-border .part-box:after,
.sidebar .sidebar-menu,
.sidebar li.parent .toggle-menu,
.sidebar li.parent .toggle-menu:before,
.sidebar li a.selected:after,
.sidebar.admin .admin-nav a > span,
.sidebar.admin .admin-nav li .notif:before,
.sidebar .copyright,
.inline-input .input-icon > i,
.input-group .cb-input,
.input-group .radio-input,
.input-group .radio-image-input,
.input-group .radio-box:before,
.input-group .radio-image-box:before,
.input-group .cb-box:before,
.input-group .radio-box:after,
.input-group .radio-image-box:after,
.input-group .cb-box:after,
.fancy-select select,
.fancy-select i,
.check-box-green input,
.radio-button-green input,
.check-box-green input + label,
.radio-button-green input + label,
.check-box-green input + label:before,
.radio-button-green input + label:before,
.check-box-green input + label:after,
.radio-button-green input + label:after,
.submit:after,
.trumpet .submit:after,
.submit:before,
.trumpet .submit:before,
.submit-icon-left > i,
.trumpet .submit-icon-left > i,
.submit.loading .spinning,
.trumpet .submit.loading .spinning,
.btn-disabled span,
.form .row.required > span:first-child:after,
.modal:before,
.modal .in,
.modal .x,
.topbar .item:after,
.topbar .right .item:after,
.topbar .left .item:after,
.topbar i .item:after,
.topbar span .item:after,
.topbar .messages .msg-count,
.item .avatar i,
.item .avatar.avatar img,
.table-data[data-table-pagination]:before,
.table-pagination .pl .next,
.table-pagination .pl .prev,
.check-box,
.radio,
.check-box + label:before,
.radio + label:before,
.check-box + label:after,
.radio + label:after,
.drop-down .menu-drop-inactive,
.progress-bar-wrapper .progress-bar,
.input-error:before,
.input-error:after,
.appended-error > span:before,
.x-loading:before,
.loading-box,
.loading-box .x-loading,
.loading-circles,
.loading-circles:after,
.cell-loading:before,
.message-box .message-title:before,
.breadcrumb > *:before,
.expandable .handler:after,
.xntitle-new:before,
.xntitle-new .new,
.alert_message:before,
.tbl-tdcolspan,
#lightbox .popup-btn,
#lightbox #submit-loader,
#banner_hover,
.step_camp ol.steps li img.img-arrow,
.step_camp ol.steps li img.img-tik,
.step_camp ol.steps li .img-place,
.step_camp ol.steps li div.progress,
#live_loading,
.icn,
.fademe::before,
.fademe::after,
.env-label span,
.password-eye #show-pass,
.text-information > i,
.ui-datepicker.ui-datepicker.ui-datepicker:before,
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-next:before,
.loading-data:after,
.has-overlay .overlay,
.has-overlay .overlay .center {
  position: absolute;
}
.rel,
.main-container .page-content,
.partition.part-border .part-box,
.section-container,
.section-container .section-head,
.section-container .section-content,
.logo svg polygon,
.sidebar li.parent,
.sidebar li a,
.sidebar li a.selected,
.input-group,
.input-group .input-row,
.inline-input .input-icon,
.input-group .radio-box,
.input-group .radio-image-box,
.input-group .cb-box,
.fancy-select,
.check-box-green,
.radio-button-green,
.submit,
.trumpet .submit,
.submit.loading,
.trumpet .submit.loading,
.btn,
.form [data-description],
.form .row > span:first-child,
.modal .title,
.topbar .item,
.topbar .right .item,
.topbar .left .item,
.topbar i .item,
.topbar span .item,
.topbar .messages,
.item .avatar.avatar,
div.sla_info,
.table.fixed-header,
.table-data[data-table-pagination],
.table-pagination .pl,
.check-box + label,
.radio + label,
.drop-down,
.progress-bar-wrapper,
.input-error,
.appended-error,
.appended-error > span,
.x-loading,
.cell-loading,
.block,
.block .block-content,
.block-footer,
.message-box .message-title,
.message-box .message-title > span,
.breadcrumb,
.breadcrumb a,
.breadcrumb span,
.columns-container,
.columns-container2,
.expandable > .content,
.expandable .handler,
.xntitle-new,
.xntitle-new > *,
.alert_message,
.shaba::after,
.tick::after,
.region_select_box,
.apanel_operation_icon,
.keyword_delete,
.keyword_title,
.banner-state-icon,
.step_camp ol.steps li,
.step_camp .budget_fields,
#live_loading_content,
#dragAndDropFiles,
.statusbar,
.fademe,
#xlightbox .loading,
.password-eye,
.help-center-reference,
.help-center-reference .help-link,
.text-information,
.page-container,
.has-overlay {
  position: relative;
}
.fixed,
.mobile-sidebar .main-container:before,
.sidebar,
.modal,
.header-container,
.table.fixed-header .fix,
#overlay,
#lightbox,
#xlightbox,
#general-popup-body,
.env-label {
  position: fixed;
}
.nm {
  margin: 0;
}
.np {
  padding: 0;
}
.mt5 {
  margin-top: 5px;
}
.mb5 {
  margin-bottom: 5px;
}
.ml5 {
  margin-left: 5px;
}
.mr5 {
  margin-right: 5px;
}
.pt5 {
  padding-top: 5px;
}
.pb5 {
  padding-bottom: 5px;
}
.pl5 {
  padding-left: 5px;
}
.pr5 {
  padding-right: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mb10 {
  margin-bottom: 10px;
}
.ml10 {
  margin-left: 10px;
}
.mr10 {
  margin-right: 10px;
}
.pt10 {
  padding-top: 10px;
}
.pb10 {
  padding-bottom: 10px;
}
.pl10 {
  padding-left: 10px;
}
.pr10 {
  padding-right: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mb20 {
  margin-bottom: 20px;
}
.ml20 {
  margin-left: 20px;
}
.mr20 {
  margin-right: 20px;
}
.pt20 {
  padding-top: 20px;
}
.pb20 {
  padding-bottom: 20px;
}
.pl20 {
  padding-left: 20px;
}
.pr20 {
  padding-right: 20px;
}
.mt40 {
  margin-top: 40px;
}
.mb40 {
  margin-bottom: 40px;
}
.ml40 {
  margin-left: 40px;
}
.mr40 {
  margin-right: 40px;
}
.pt40 {
  padding-top: 40px;
}
.pb40 {
  padding-bottom: 40px;
}
.pl40 {
  padding-left: 40px;
}
.pr40 {
  padding-right: 40px;
}
.less-margin-top {
  margin-top: 10px;
}
.less-margin-bottom {
  margin-bottom: 10px;
}
.margin-top {
  margin-top: 20px;
}
.margin-bottom {
  margin-bottom: 20px;
}
.more-margin-top {
  margin-top: 40px;
}
.more-margin-bottom {
  margin-bottom: 40px;
}
.margin-x {
  margin: 0 20px;
}
.more-margin-x {
  margin: 0 40px;
}
.less-margin-x {
  margin: 0 10px;
}
.margin-y {
  margin: 20px 0;
}
.more-margin-y {
  margin: 40px 0;
}
.less-margin-y {
  margin: 10px 0;
}
.box-shadow,
.view-container,
.check-box + label:before,
.radio + label:before {
  box-shadow: 0 0 0 1px #e5e5e5 inset;
}
.less-padding,
.inner-table td,
.inner-table th {
  padding: 10px;
}
.less-padding-y {
  padding: 10px 0;
}
.less-padding-x {
  padding: 0 10px;
}
.padding,
.view-container {
  padding: 20px;
}
.padding-y {
  padding: 20px 0;
}
.padding-x {
  padding: 0 20px;
}
.more-padding {
  padding: 40px;
}
.more-padding-y {
  padding: 40px 0;
}
.more-padding-x {
  padding: 0 40px;
}
.back-white,
.main-container .page-content-inner,
.view-container,
.modal .in,
.topbar,
.table td,
.drop-down .menu-drop-inactive,
.progress-bar-wrapper .progress-bar,
.expandable > .content,
.xntitle-new > *,
#lightbox,
#xlightbox,
#banner_hover,
.sbox,
.fademe::before,
#xlightbox .loading,
.loading-data:after {
  background: #fff;
}
.back-green {
  background: #18d44f;
}
.back-turquoise {
  background: #44b6ae;
}
.back-jasmine {
  background: #8775a7;
}
.back-yellow {
  background: #f9cf2c;
}

.back-red {
  background: #ec3722;
}
.back-purple,
.sidebar,
.modal .title,
.back-purple > .xntitle-new > * {
  background: #ffffff;
	
}
.back-light-red {
  background: #e35b5a;
}
.back-lime {
  background: #b3dd37;
}
.back-pink {
  background: #909;
}
.back-orange {
  background: #f58200;
}
.back-dark-gray {
  background: #333;
}
.back-gray {
  background: #999;
}
.back-jade {
  background: #2ad219;
}
.back-lavender {
  background: #cccccc;
}
.back-medium-turquoise {
  background: #40c8bd;
}
.back-tomato {
  background: #fa6c50;
}
.border-white {
  border: 1px solid #fff;
}
.border-green {
  border: 1px solid #18d44f;
}
.border-turquoise {
  border: 1px solid #44b6ae;
}
.border-jasmine {
  border: 1px solid #8775a7;
}
.border-yellow {
  border: 1px solid #f9cf2c;
}
.border-blue {
  border: 1px solid #ffffff;
}
.border-red {
  border: 1px solid #ec3722;
}
.border-purple {
  border: 1px solid #cccccc;
}
.border-light-red {
  border: 1px solid #e35b5a;
}
.border-lime {
  border: 1px solid #b3dd37;
}
.border-pink {
  border: 1px solid #909;
}
.border-orange {
  border: 1px solid #f58200;
}
.border-dark-gray {
  border: 1px solid #333;
}
.border-gray {
  border: 1px solid #999;
}
.border-jade {
  border: 1px solid #2ad219;
}
.border-lavender {
  border: 1px solid #cccccc;
}
.border-medium-turquoise {
  border: 1px solid #40c8bd;
}
.border-tomato {
  border: 1px solid #fa6c50;
}

.green {
  color: #18d44f;
}
.turquoise {
  color: #44b6ae;
}
.jasmine {
  color: #8775a7;
}
.yellow {
  color: #f9cf2c;
}
.blue {
  color: #ffffff;
}
.red {
  color: #ec3722;
}
.purple,
.submit-hollow,
.trumpet .submit-hollow,
.ticket-reply.anetwork .ticket-head .right,
#xlightbox .loading h3 {
  color: #cccccc;
}
.light-red {
  color: #e35b5a;
}
.lime {
  color: #b3dd37;
}
.pink {
  color: #909;
}
.orange {
  color: #f58200;
}
.dark-gray {
  color: #333;
}
.gray {
  color: #999;
}
.jade {
  color: #2ad219;
}
.lavender {
  color: #cccccc;
}
.medium-turquoise {
  color: #40c8bd;
}
.tomato {
  color: #fa6c50;
}
.inherit-color {
  color: inherit;
}
.text-shadow {
  text-shadow: 0 1px 0 #6a6a6a;
}
.back-blue.text-shadow {
  text-shadow: 0 1px 0 #999;
}
.no-text-shadow {
  text-shadow: none;
}
.indent {
  padding-right: 20px;
}
.indent.ltr {
  padding-right: 0;
  padding-left: 20px;
}
.no-selection,
.check-box-green input + label,
.radio-button-green input + label,
.check-box + label,
.radio + label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.no-persian {
  font-family: ;
}
.clear,
.clr,
.view-container .view-inner,
.message-box,
.page-container {
  clear: both;
  zoom: 1;
}
.clear:before,
.clr:before,
.view-container .view-inner:before,
.message-box:before,
.page-container:before,
.clear:after,
.clr:after,
.view-container .view-inner:after,
.message-box:after,
.page-container:after {
  content: '.';
  height: 0;
}
.clear:after,
.clr:after,
.view-container .view-inner:after,
.message-box:after,
.page-container:after {
  clear: both;
}
.width-auto {
  width: auto !important;
}
.new-tag,
.sidebar span.new {
  background: #f9431a;
  margin-right: 3px;
  padding: 2px 6px;
  font-size: 11px;
  line-height: 18px;
  border-radius: 3px;
}
.iframe {
  border: none;
  outline: none;
}
.no-visible {
  visibility: hidden;
}
.filter-blur {
  filter: blur(3px);
}
.pointer,
.sidebar li.parent .toggle-menu,
label,
input[type=checkbox],
input[type=radiobox],
input[type=color].color-picker,
.input-group .radio-box,
.input-group .radio-image-box,
.input-group .cb-box,
.submit,
.trumpet .submit,
.btn,
.table-pagination .pl .next,
.table-pagination .pl .prev,
.sortable .head h3,
.sortable .desc h3,
.sortable .asc h3,
#lightbox #close:hover,
.website_state,
.network_state,
.report_website,
.keyword_delete,
.remove_ad,
.step_camp ol.steps li.steps-done,
.campaign_paytype .pay-type,
.confirm_link,
.simple_link,
.abort,
.banner_upload_row #ufile-text,
.fraud-website-note,
.password-eye #show-pass {
  cursor: pointer;
}
.animate3s,
.main-container,
.main-container .page-content,
.sidebar,
.sidebar li.parent .toggle-menu,
.sidebar li a,
.sidebar.admin .admin-nav li .notif,
.input-group .radio-box,
.input-group .radio-image-box,
.input-group .cb-box,
.input-group .radio-box:before,
.input-group .radio-image-box:before,
.input-group .cb-box:before,
.input-group .radio-box:after,
.input-group .radio-image-box:after,
.input-group .cb-box:after,
.btn,
.header-container,
.topbar,
.topbar a,
div.sla_info,
.table-data .td-row .c-preview,
.table-data .td-row .c-link,
.table-data .td-row .c-delete,
.table-data[data-table-pagination]:before,
.table-data[data-table-pagination] .td-row,
.table-pagination .pl .pi > a,
.breadcrumb,
.login-topbar li,
.tbl-tr,
.step_camp ol.steps li div.progress {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.green-link {
  color: #36bb81;
  font-weight: 400;
}
.fontastic,
.text-info-icon:before,
.sidebar li.parent .toggle-menu:before,
.input-group .radio-box:after,
.input-group .radio-image-box:after,
.input-group .cb-box:after,
.check-box-green input + label:after,
.radio-button-green input + label:after,
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-next:before {
  font-family: "aw-fonticons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.spinning {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 2px 0 0px #cccccc;
  -webkit-animation-name: spinningCircle;
  animation-name: spinningCircle;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
@-webkit-keyframes spinningCircle {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.ellipsis,
.text-overflow {
  text-overflow: ellipsis;
}
.text-info-icon {
  background-color: #f5f5f5;
  padding: 5px 10px;
  border-radius: 2px;
}
.text-info-icon:before {
  content: '\e00c';
  margin-left: 10px;
  font-size: 1.4em;
  color: #c9c9c9;
}
.text-info-icon.blue:before {
  color: #188cde;
}
@-moz-keyframes spinningCircle {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinningCircle {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinningCircle {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinningCircle {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes animate-logo {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes animate-logo {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes animate-logo {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animate-logo {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
html,
body {
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}
body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #7b7a7a;
  background-color: #f5f5f5;
  direction: rtl;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  body {
    font-size: 13px;
  }
}
th {
  font-weight: normal;
}
.main-container {
  min-height: 100%;
  padding-right: 0;
}
/* .main-container .container {
  padding-top: 50px;
} */
.main-container .page-content {
  padding: 0 15px;
}
.main-container .page-content-inner {
  padding: 17px;
  border: 1px solid #eaeaea;
}

.view-container {
  margin-bottom: 20px;
}
.view-container .view-inner {
  margin: 0 auto;
  max-width: 100%;
  margin-bottom: 20px;
  border-bottom: 1px solid #efefef;
}
.view-container .view-inner:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .view-container .view-inner {
    width: 950px;
  }
}
@media screen and (min-width: 1200px) {
  .view-container .view-inner {
    width: 1200px;
  }
}
@media screen and (max-width: 991px) {
  .view-container .view-inner {
    width: 850px;
  }
}
@media screen and (max-width: 767px) {
  .view-container .view-inner {
    width: 90%;
  }
}
.partition .part-box {
  padding: 20px;
}
.partition .part-box.part-1 {
  width: 10%;
}
.partition .part-box.part-2 {
  width: 20%;
}
.partition .part-box.part-3 {
  width: 30%;
}
.partition .part-box.part-4 {
  width: 40%;
}
.partition .part-box.part-5 {
  width: 50%;
}
.partition .part-box.part-6 {
  width: 60%;
}
.partition .part-box.part-7 {
  width: 70%;
}
.partition .part-box.part-8 {
  width: 80%;
}
.partition .part-box.part-9 {
  width: 90%;
}
.partition .part-box.part-10 {
  width: 100%;
}
.partition.part-border .part-box:after {
  content: '';
  top: 50%;
  left: 0;
  width: 1px;
  height: 70%;
  background-color: #efefef;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.partition.part-border .part-box:last-child:after {
  content: none;
}
.partition.partition-2 .part-box {
  width: 50%;
}
.partition.part-border.partition-2 .part-box:nth-child(2n):after {
  content: none;
}
.partition.partition-3 .part-box {
  width: 33.33%;
}
.partition.part-border.partition-3 .part-box:nth-child(3n):after {
  content: none;
}
.partition.partition-4 .part-box {
  width: 25%;
}
.partition.part-border.partition-4 .part-box:nth-child(4n):after {
  content: none;
}
.partition.partition-5 .part-box {
  width: 20%;
}
.partition.part-border.partition-5 .part-box:nth-child(5n):after {
  content: none;
}
.partition.partition-6 .part-box {
  width: 16.666%;
}
.partition.part-border.partition-6 .part-box:nth-child(6n):after {
  content: none;
}
.partition.partition-7 .part-box {
  width: 14.285%;
}
.partition.part-border.partition-7 .part-box:nth-child(7n):after {
  content: none;
}
.partition.partition-8 .part-box {
  width: 12.5%;
}

.partition.part-border.partition-8 .part-box:nth-child(8n):after {
  content: none;
}
.partition.partition-9 .part-box {
  width: 11.111%;
}
.partition.part-border.partition-9 .part-box:nth-child(9n):after {
  content: none;
}
.partition.partition-10 .part-box {
  width: 10%;
}
.partition.part-border.partition-10 .part-box:nth-child(10n):after {
  content: none;
}
.section-container {
  margin-bottom: 60px;
  overflow-x: auto;
}
.section-container:last-child {
  margin-bottom: 0;
}
.section-container .section-head {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e7e7e7;
}
.section-container .section-head .head-icon {
  width: 40px;
  margin-left: 20px;
}
.section-container .section-head .head-title {
  margin-left: 20px;
  font-size: 1.2em;
  font-weight: 500;
  color: #5f5f5f;
}
.section-container .section-head .head-subtitle {
  color: #b3b3b3;
  font-size: 0.9em;
  font-weight: 400;
  line-height: 1;
}
.section-container .sw-2 {
  width: 50%;
}
.section-container .sw-2:nth-child(odd ) {
  padding-left: 10px;
}
.section-container .sw-2:nth-child(even ) {
  padding-right: 10px;
}
@media screen and (max-width: 992px) {
  .section-container .sw-2 {
    width: 100%;
    margin-bottom: 20px;
  }
  .section-container .sw-2:last-child {
    margin: 0;
  }
  .section-container .sw-2:nth-child(odd),
  .section-container .sw-2:nth-child(even) {
    padding: 0;
  }
}

.sidebar {
  width: 245px;
  top: 7px;
  right: -250px;
  bottom: 4px;
  z-index: 1;
/*.logo-nowrouz + .sidebar-menu
		top 110px*/
/* sidebar admin */
  background-color: #383838;
  border-radius: 15px;
}
.sidebar .sidebar-menu {
  width: 100%;
  top: 110px;
  bottom: 40px;
}
.sidebar .sidebar-menu > div > ul {
  padding-left: 25px;
  width: 255px;
}
.sidebar li:last-child a {
  border-bottom: 0;
}
.sidebar li.parent .toggle-menu {
  font-family: "FontAwesome";
  width: 20px;
  height: 20px;
  left: 20px;
  right: auto;
  top: 10px;
  font-size: 10px;
  z-index: 1;
}
.sidebar li.parent .toggle-menu:before {
  content: "\e001";
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.sidebar li.parent.opened .toggle-menu {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sidebar li.parent .submenu {
  border-top: 1px solid rgba(0,0,0,0.2);
}
.sidebar li.parent .submenu li .sub {
  background-color: rgba(0,0,0,0.12);
  font-size: 12px;
  padding: 9px 33px 9px 8px;
}
.sidebar li.parent .submenu li:last-child .sub {
  border-bottom: none;
}
.sidebar li a {
  width: 100%;
  font-size: 13px;
  padding: 10px 10px 10px 20px;
  font-weight: 100;
}
.sidebar li a > i {
  padding-left: 10px;
  font-size: 16px;
}
.sidebar li a > i.fa-mobile {
  padding-left: 12px;
  padding-right: 5px;
  font-size: 24px;
}
.sidebar li a.selected {
  background-color: rgba(0,0,0,0.09);
  border-color:#ffffff;
}
.sidebar li a.selected:after {
  content: '';
  left: 0;
  top: 50%;
  border: 10px solid transparent;
  border-left-color: #f3f3f3;
  margin-top: -9px;
}

.sidebar span.new {
  font-size: 9px;
  padding: 0 4px;
}
.sidebar.admin {
  width: 280px;
  right: -280px;
}
.sidebar.admin .sidebar-menu > div > ul {
  padding-left: 25px;
  width: 305px;
}
.sidebar.admin .admin-nav a {
  font-size: 12px;
  padding-right: 55px;
}
.sidebar.admin .admin-nav a > span {
  right: 45px;
  top: 50%;
  margin-top: -12px;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.sidebar.admin .admin-nav li.parent .submenu li .sub {
  font-size: 11px;
  padding-right: 85px;
}
.sidebar.admin .admin-nav li.parent .toggle-menu {
  top: 23px;
  right: auto;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.sidebar.admin .admin-nav li.parent.opened .toggle-menu {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sidebar.admin .admin-nav li .notif {
  min-width: 24px;
  line-height: 24px;
  background: rgba(0,0,0,0.2);
  padding: 0 6px;
  font-size: 12px;
  text-shadow: 0 1px 0 #333;
}
.sidebar.admin .admin-nav li .notif:before {
  content: '';
  min-height: 100%;
  border-left: 1px solid rgba(0,0,0,0.3);
  left: -4px;
}
.sidebar.admin .admin-nav li .event-counter {
  background-color: rgba(0,0,0,0.2);
  padding: 0 7px 0 0;
}
.sidebar.admin .admin-nav li .event-counter .notif {
  padding: 0 6px 0 6px !important;
  min-width: auto !important;
  margin-right: 3px;
}
.sidebar.admin .admin-nav li .selected .notif {
  text-shadow: none;
}
.sidebar .copyright {
  bottom: 2px;
  padding: 8px 12px;
}
.en .sidebar.admin .admin-nav li .event-counter .notif {
  margin-left: 3px;
  margin-right: 0;
}
input.input,
input.input-sm,
textarea,
select {
  font-family: yekan;
  font-size: 0.86em;
  padding: 0 20px;
  background-color: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
input.input:hover,
input.input-sm:hover,
textarea:hover,
select:hover {
 
}
input.input.ltr,
input.input-sm.ltr,
textarea.ltr,
select.ltr {
  font-family: 'IRANSansEN', tahoma, sans-serif;
}
input.input.ltr.number,
input.input-sm.ltr.number,
textarea.ltr.number,
select.ltr.number {
  font-family: 'IRANSans', tahoma, sans-serif;
}
input.input:focus,
input.input-sm:focus,
textarea:focus,
select:focus,
input.input:active,
input.input-sm:active,
textarea:active,
select:active {
  
}
input.input.input-wide,
input.input-sm.input-wide,
textarea.input-wide,
select.input-wide {
  height: 55px;
  font-size: 1em;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {

}
input.input {
  line-height: 40px;
  width: 256px;
  min-width: 100px;
}
@media screen and (max-width: 340px) {
  input.input {
    width: 100%;
  }
}
input.input[type="file"] {
  border: none;
  background-color: transparent;
  box-shadow: none;
  line-height: 1;
  padding: 0;
}
textarea {
  min-height: 100px;
  min-width: 100px;
  resize: none;
  padding: 10px 20px;
}
textarea.desc {
  width: 256px;
  height: 120px;
}
textarea.desc.full-width {
  max-width: 100%;
}
textarea.desc.contact {
  width: 850px;
  height: 120px;
}
textarea.textarea {
  font-size: 1em;
}
select {
  direction: rtl !important;
  width: 256px;
  height: 42px;
  padding: 0 15px;
}
select.ltr > option {
  direction: ltr !important;
}
input[type=color].color-picker {
  padding: 0;
  margin: 0;
  height: 42px;
  border-radius: 2px;
  -webkit-appearance: none;
}
input[type=color].color-picker::-webkit-color-swatch-wrapper {
  padding: 0;
}
input[type=color].color-picker::-webkit-color-swatch {
  border: none;
}
.input-sm {
  width: 93px;
  line-height: 40px;
}
.input-lg {
  font-size: 20px;
  line-height: 50px;
}
.input .url,
.input-sm .url,
.input-lg .url {
  font-family: tahoma, sans-serif;
}
.input.disabled {
  background: #eee;
  cursor: not-allowed;
}
.input[disabled] {
  background-color: #ececec;
  color: #8c8c8c;
}
.input-group {
  margin-bottom: 20px;
}
.input-group .input-title {
  font-weight: 600;
  color: #4b4a4a;
}
.input-group .input-title.required:before {
  content: '*';
  vertical-align: sub;
  color: #f3423f;
  margin-left: 5px;
  line-height: 1;
}
.input-group .input-title .sub {
  color: #7c7c7c;
  margin-right: 5px;
  font-weight: 500;
}
.input-group h3.input-title {
  font-size: 1.2em;
  margin-bottom: 15px;
}
.input-group h3.input-title .sub {
  font-size: 0.7em;
}
.input-group h4.input-title {
  font-size: 1em;
  margin-bottom: 5px;
  line-height: 1.6;
}
.input-group h4.input-title .sub {
  font-size: 0.9em;
}
.input-group .input-row.dtr {
  float: none;
}
.input-group .input-row.has-error > .input {
  border-color: #f3423f;
}
.input-group .input-row.has-loading > .input {
  background-color: #efefef;
}
.input-group .input-row.has-loading input:-webkit-autofill,
.input-group .input-row.has-loading input:-webkit-autofill:hover,
.input-group .input-row.has-loading input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #efefef inset;
}
.input-group .input-row span.text {
  font-size: 0.9em;
  font-weight: 400;
  color: #7c7c7c;
  margin-top: 10px;
}
.required-sign:before {
  content: '*';
  vertical-align: sub;
  color: #f3423f;
  margin-left: 5px;
}
.inline-input .input-label {
  font-weight: 500;
  color: #6a6969;
}
.inline-input .input-icon {
  padding: 0;
  margin: 0 5px 0 15px;
}
.inline-input .input-icon .input {
  width: 155px;
  font-size: 1em;
  color: #636363;
  padding: 0 20px 0 40px;
  margin: 0;
  border: none;
  border-radius: 2px;
  box-shadow: 1px 1px 5px -4px #000;
}
.inline-input .input-icon > i {
  left: 10px;
  top: 50%;
  font-size: 1.8em;
  color: #d8d8d8;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .inline-input {
    width: 100%;
    display: block;
    float: right;
    margin-bottom: 20px;
  }
  .inline-input .input-icon {
    width: 80%;
    display: inline-block;
    margin: 0;
  }
  .inline-input .input-icon .input {
    width: 100%;
  }
  .inline-input .input-label {
    width: 20%;
    display: inline-block;
  }
}
.input-like-lg {
  font-size: 1.2em;
  font-weight: 400;
  line-height: 55px;
  background-color: #f8f8f8;
  color: #828282;
  border: 1px solid #f5f5f5;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  box-shadow: 0 2px 10px -7px #242424;
}
.input-group .cb-input,
.input-group .radio-input,
.input-group .radio-image-input {
  width: 1px;
  height: 1px;
  opacity: 0;
}
.input-group .cb-label {
  padding-right: 30px;
  line-height: 1.7;
}
.input-group .radio-label {
  line-height: 1.7;
}
.input-group .radio-box,
.input-group .radio-image-box,
.input-group .cb-box {
  margin: 10px 0 10px 10px;
}
.input-group .radio-box.ltr,
.input-group .radio-image-box.ltr,
.input-group .cb-box.ltr {
  margin: 10px 10px 10px 0;
}
.input-group .radio-box:before,
.input-group .radio-image-box:before,
.input-group .cb-box:before {
  content: '';
  right: 0;
  top: 0;
  width: 22px;
  height: 22px;
  background-color: #efefef;
  border: 1px solid #d7d7d7;
}
.input-group .radio-box:after,
.input-group .radio-image-box:after,
.input-group .cb-box:after {
  content: '\e00a';
  right: 0;
  top: 0;
  width: 22px;
  line-height: 22px;
  font-size: 12px;
}
.input-group .radio-box:last-child,
.input-group .radio-image-box:last-child,
.input-group .cb-box:last-child {
  margin-left: 0;
}
.input-group .radio-box:last-child.ltr,
.input-group .radio-image-box:last-child.ltr,
.input-group .cb-box:last-child.ltr {
  margin-right: 0;
}
.input-group .radio-box.checked:before,
.input-group .radio-image-box.checked:before,
.input-group .cb-box.checked:before {
  background-color: #36bb81;
  border-color: #36bb81;
}
.input-group .radio-box.checked.red:before,
.input-group .radio-image-box.checked.red:before,
.input-group .cb-box.checked.red:before {
  background-color: #f3423f;
  border-color: #f3423f;
}
.input-group .radio-box.checked.purple:before,
.input-group .radio-image-box.checked.purple:before,
.input-group .cb-box.checked.purple:before {
  background-color: #cccccc;
  border-color: #cccccc;
}
.input-group .cb-box:before {
  border-radius: 2px;
  width: 20px;
  line-height: 20px;
}
.input-group .cb-box:after {
  width: 20px;
  line-height: 20px;
}
.input-group .radio-box:before,
.input-group .radio-image-box:before {
  border-radius: 50%;
}
.input-group .radio-box {
  padding-right: 30px;
  margin-left: 20px;
  margin-bottom: 20px;
}
.input-group .radio-box.radio-block {
  margin-bottom: 10px;
}
.input-group .radio-box.radio-block:last-child {
  margin-left: 0;
}
.input-group .radio-image-box {
  padding-left: 20px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.input-group .radio-image-box,
.input-group .radio-image-box.sm-size {
  max-width: 150px;
}
.input-group .radio-image-box.md-size {
  max-width: 250px;
}
.input-group .radio-image-box.lg-size {
  max-width: 350px;
}
.input-group .radio-image-box .radio-image {
  max-width: 100%;
  width: 80%;
  margin: 0 auto;
  opacity: 0.5;
  border-radius: 2px;
}
.input-group .radio-image-box .radio-label {
  margin-bottom: 10px;
  padding-right: 30px;
}
.input-group .radio-image-box.checked {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.input-group .radio-image-box.checked .radio-image {
  opacity: 1;
}
.fancy-select {
  height: 45px;
  width: 150px;
}
.fancy-select select {
  right: 0;
  top: 0;
  width: 100%;
  height: 45px;
  line-height: 45px;
  border-radius: 3px;
  z-index: 1;
}
.fancy-select select:focus,
.fancy-select select:active {
  border-color: #767676;
}
.fancy-select i {
  top: 1px;
  left: 1px;
  width: 43px;
  height: 43px;
  line-height: 43px;
  border-radius: 3px 0 0 3px;
  background: #e5e5e5;
  color: #767676;
  pointer-events: none;
  z-index: 5;
}
.check-box-green,
.radio-button-green {
  height: 20px;
}
.check-box-green input,
.radio-button-green input {
  width: 20px;
  height: 20px;
  right: 0;
  opacity: 0;
}
.check-box-green input + label,
.radio-button-green input + label {
  width: 100%;
  height: 20px;
  right: 0;
  padding-right: 28px;
}
.check-box-green input + label:before,
.radio-button-green input + label:before {
  width: 20px;
  height: 20px;
  content: '';
  background: #fff;
  border: 2px solid #e5e5e5;
  border-radius: 2px;
  right: 0;
  top: 0;
  -webkit-transition: 0.5s;

  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.check-box-green input + label:after,
.radio-button-green input + label:after {
  content: '\e00a';
  right: 0;
  top: 0;
  width: 20px;
  padding: 0;
  line-height: 19px;
  font-size: 0.8em;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.check-box-green input:checked + label:after,
.radio-button-green input:checked + label:after {
  visibility: visible;
  opacity: 1;
}
.check-box-green input:checked + label:before,
.radio-button-green input:checked + label:before {
  background: #36bb81;
  border: none;
  border-radius: 2px;
}
.check-box-green input:hover + label:before,
.radio-button-green input:hover + label:before,
.check-box-green input:focus + label:before,
.radio-button-green input:focus + label:before {
  box-shadow: 1px 1px 1px #e5e5e5;
}
.check-box-green input[type='radio']:checked + label:before,
.radio-button-green input[type='radio']:checked + label:before,
.check-box-green input[type='radio'] + label:before,
.radio-button-green input[type='radio'] + label:before {
  border-radius: 50%;
}
.check-box-green span,
.radio-button-green span {
  padding-right: 28px;
}
.check-box-green.disabled,
.radio-button-green.disabled {
  cursor: not-allowed;
}
.check-box-green.disabled input + label,
.radio-button-green.disabled input + label,
.check-box-green.disabled input,
.radio-button-green.disabled input {
  pointer-events: none;
}
.submit,
.trumpet .submit {
  font-family: 'IRANSans', tahoma, sans-serif;
  font-size: 13px;
  padding: 7px 15px;
  margin: 1px;
  outline: 1px solid;
  outline-offset: 0;
  outline-color: #5d425d;
  border: 1px solid #cccccc;
  box-shadow: 0 2px 5px -1px #6d6d6d;
  z-index: 1;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1), background 0.6s;
  -moz-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1), background 0.6s;
  -ms-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1), background 0.6s;
  -o-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1), background 0.6s;
  transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1), background 0.6s;
/* * * * * Loading sign * * * * */
}
.submit:after,
.trumpet .submit:after {
  content: '';
  top: 0;
  left: -5%;
  width: 110%;
  height: 100%;
  z-index: -2;
  background-color: #cccccc;
  -webkit-transition: left 0.2s;
  -moz-transition: left 0.2s;
  -ms-transition: left 0.2s;
  -o-transition: left 0.2s;
  transition: left 0.2s;
}
.submit:before,
.trumpet .submit:before {
  content: '';
  top: 50%;
  left: -100%;
  width: 150%;
  height: 150%;
  z-index: -1;
  background-color: #8f668f;
  -webkit-transition: left 0.2s;
  -moz-transition: left 0.2s;
  -ms-transition: left 0.2s;
  -o-transition: left 0.2s;
  transition: left 0.2s;
  -webkit-transform: translate(-50%, -50%) skew(-30deg);
  -moz-transform: translate(-50%, -50%) skew(-30deg);
  -ms-transform: translate(-50%, -50%) skew(-30deg);
  -o-transform: translate(-50%, -50%) skew(-30deg);
  transform: translate(-50%, -50%) skew(-30deg);
}
.submit:hover:before,
.trumpet .submit:hover:before,
.submit:focus:before,
.trumpet .submit:focus:before {
  left: 50%;
}
.submit.submit-white,
.trumpet .submit.submit-white {
  outline-color: ;
  border-color: #fff;
}
.submit.submit-white:hover,
.trumpet .submit.submit-white:hover,
.submit.submit-white:focus,
.trumpet .submit.submit-white:focus,
.submit.submit-white:active,
.trumpet .submit.submit-white:active {
  outline-color: transparent;
  text-shadow: 1px 1px 2px;
  box-shadow: 0 0 1px 0;
  border: 1px solid;
}
.submit.submit-white:before,
.trumpet .submit.submit-white:before {
  background-color: ;
}
.submit.submit-white:after,
.trumpet .submit.submit-white:after {
  background-color: #fff;
}
.submit.submit-green,
.trumpet .submit.submit-green {
  outline-color: #2b9667;
  border-color: #36bb81;
}
.submit.submit-green:hover,
.trumpet .submit.submit-green:hover,
.submit.submit-green:focus,
.trumpet .submit.submit-green:focus,
.submit.submit-green:active,
.trumpet .submit.submit-green:active {
  outline-color: transparent;
  text-shadow: 1px 1px 2px #2b9667;
  box-shadow: 0 0 1px 0 #2b9667;
  border: 1px solid;
}
.submit.submit-green:before,
.trumpet .submit.submit-green:before {
  background-color: #4ecc95;
}
.submit.submit-green:after,
.trumpet .submit.submit-green:after {
  background-color: #36bb81;
}
.submit.submit-turquoise,
.trumpet .submit.submit-turquoise {
  outline-color: #2b968e;
  border-color: #36bbb1;
}
.submit.submit-turquoise:hover,
.trumpet .submit.submit-turquoise:hover,
.submit.submit-turquoise:focus,
.trumpet .submit.submit-turquoise:focus,
.submit.submit-turquoise:active,
.trumpet .submit.submit-turquoise:active {
  outline-color: transparent;
  text-shadow: 1px 1px 2px #2b968e;
  box-shadow: 0 0 1px 0 #2b968e;
  border: 1px solid;
}
.submit.submit-turquoise:before,
.trumpet .submit.submit-turquoise:before {
  background-color: #4eccc2;
}
.submit.submit-turquoise:after,
.trumpet .submit.submit-turquoise:after {
  background-color: #36bbb1;
}
.submit.submit-jasmine,
.trumpet .submit.submit-jasmine {
  outline-color: #6b588b;
  border-color: #8775a7;
}
.submit.submit-jasmine:hover,
.trumpet .submit.submit-jasmine:hover,
.submit.submit-jasmine:focus,
.trumpet .submit.submit-jasmine:focus,
.submit.submit-jasmine:active,
.trumpet .submit.submit-jasmine:active {
  outline-color: transparent;
  text-shadow: 1px 1px 2px #6b588b;
  box-shadow: 0 0 1px 0 #6b588b;
  border: 1px solid;
}
.submit.submit-jasmine:before,
.trumpet .submit.submit-jasmine:before {
  background-color: #998ab4;
}
.submit.submit-jasmine:after,
.trumpet .submit.submit-jasmine:after {
  background-color: #8775a7;
}
.submit.submit-yellow,
.trumpet .submit.submit-yellow {
  outline-color: #ba9c00;
  border-color: #e8c300;
}
.submit.submit-yellow:hover,
.trumpet .submit.submit-yellow:hover,
.submit.submit-yellow:focus,
.trumpet .submit.submit-yellow:focus,
.submit.submit-yellow:active,
.trumpet .submit.submit-yellow:active {
  outline-color: transparent;
  text-shadow: 1px 1px 2px #ba9c00;
  box-shadow: 0 0 1px 0 #ba9c00;
  border: 1px solid;
}
.submit.submit-yellow:before,
.trumpet .submit.submit-yellow:before {
  background-color: #ffd913;
}
.submit.submit-yellow:after,
.trumpet .submit.submit-yellow:after {
  background-color: #e8c300;
}
.submit.submit-blue,
.trumpet .submit.submit-blue {
  outline-color: #1370b2;
  border-color: #188cde;
}
.submit.submit-blue:hover,
.trumpet .submit.submit-blue:hover,
.submit.submit-blue:focus,
.trumpet .submit.submit-blue:focus,
.submit.submit-blue:active,
.trumpet .submit.submit-blue:active {
  outline-color: transparent;
  text-shadow: 1px 1px 2px #1370b2;
  box-shadow: 0 0 1px 0 #1370b2;
  border: 1px solid;
}
.submit.submit-blue:before,
.trumpet .submit.submit-blue:before {
  background-color: #349ee9;
}
.submit.submit-blue:after,
.trumpet .submit.submit-blue:after {
  background-color: #188cde;
}
.submit.submit-red,
.trumpet .submit.submit-red {
  outline-color: #e6120e;
  border-color: #f3423f;
}
.submit.submit-red:hover,
.trumpet .submit.submit-red:hover,
.submit.submit-red:focus,
.trumpet .submit.submit-red:focus,
.submit.submit-red:active,
.trumpet .submit.submit-red:active {
  outline-color: transparent;
  text-shadow: 1px 1px 2px #e6120e;
  box-shadow: 0 0 1px 0 #e6120e;
  border: 1px solid;
}
.submit.submit-red:before,
.trumpet .submit.submit-red:before {
  background-color: #f55e5c;
}
.submit.submit-red:after,
.trumpet .submit.submit-red:after {
  background-color: #f3423f;
}
.submit.submit-purple,
.trumpet .submit.submit-purple {
  outline-color: #5d425d;
  border-color: #cccccc;
}
.submit.submit-purple:hover,
.trumpet .submit.submit-purple:hover,
.submit.submit-purple:focus,
.trumpet .submit.submit-purple:focus,
.submit.submit-purple:active,
.trumpet .submit.submit-purple:active {
  outline-color: transparent;
  text-shadow: 1px 1px 2px #5d425d;
  box-shadow: 0 0 1px 0 #5d425d;
  border: 1px solid;
}
.submit.submit-purple:before,
.trumpet .submit.submit-purple:before {
  background-color: #8f668f;
}
.submit.submit-purple:after,
.trumpet .submit.submit-purple:after {
  background-color: #cccccc;
}
.submit.submit-light-red,
.trumpet .submit.submit-light-red {
  outline-color: ;
  border-color: ;
}
.submit.submit-light-red:hover,
.trumpet .submit.submit-light-red:hover,
.submit.submit-light-red:focus,
.trumpet .submit.submit-light-red:focus,
.submit.submit-light-red:active,
.trumpet .submit.submit-light-red:active {
  outline-color: transparent;
  text-shadow: 1px 1px 2px;
  box-shadow: 0 0 1px 0;
  border: 1px solid;
}
.submit.submit-light-red:before,
.trumpet .submit.submit-light-red:before {
  background-color: ;
}
.submit.submit-light-red:after,
.trumpet .submit.submit-light-red:after {
  background-color: ;
}
.submit.submit-lime,
.trumpet .submit.submit-lime {
  outline-color: #7ca20f;
  border-color: #9bca13;
}
.submit.submit-lime:hover,
.trumpet .submit.submit-lime:hover,
.submit.submit-lime:focus,
.trumpet .submit.submit-lime:focus,
.submit.submit-lime:active,
.trumpet .submit.submit-lime:active {
  outline-color: transparent;
  text-shadow: 1px 1px 2px #7ca20f;
  box-shadow: 0 0 1px 0 #7ca20f;
  border: 1px solid;
}
.submit.submit-lime:before,
.trumpet .submit.submit-lime:before {
  background-color: #b6ea1e;
}
.submit.submit-lime:after,
.trumpet .submit.submit-lime:after {
  background-color: #9bca13;
}
.submit.submit-pink,
.trumpet .submit.submit-pink {
  outline-color: #ab1065;
  border-color: #d6147e;
}
.submit.submit-pink:hover,
.trumpet .submit.submit-pink:hover,
.submit.submit-pink:focus,
.trumpet .submit.submit-pink:focus,
.submit.submit-pink:active,
.trumpet .submit.submit-pink:active {
  outline-color: transparent;
  text-shadow: 1px 1px 2px #ab1065;
  box-shadow: 0 0 1px 0 #ab1065;
  border: 1px solid;
}
.submit.submit-pink:before,
.trumpet .submit.submit-pink:before {
  background-color: #eb2893;
}
.submit.submit-pink:after,
.trumpet .submit.submit-pink:after {
  background-color: #d6147e;
}
.submit.submit-orange,
.trumpet .submit.submit-orange {
  outline-color: #ae4f0b;
  border-color: #da630e;
}
.submit.submit-orange:hover,
.trumpet .submit.submit-orange:hover,
.submit.submit-orange:focus,
.trumpet .submit.submit-orange:focus,
.submit.submit-orange:active,
.trumpet .submit.submit-orange:active {
  outline-color: transparent;
  text-shadow: 1px 1px 2px #ae4f0b;
  box-shadow: 0 0 1px 0 #ae4f0b;
  border: 1px solid;
}
.submit.submit-orange:before,
.trumpet .submit.submit-orange:before {
  background-color: #f17821;
}
.submit.submit-orange:after,
.trumpet .submit.submit-orange:after {
  background-color: #da630e;
}
.submit.submit-dark-gray,
.trumpet .submit.submit-dark-gray {
  outline-color: ;
  border-color: ;
}
.submit.submit-dark-gray:hover,
.trumpet .submit.submit-dark-gray:hover,
.submit.submit-dark-gray:focus,
.trumpet .submit.submit-dark-gray:focus,
.submit.submit-dark-gray:active,
.trumpet .submit.submit-dark-gray:active {
  outline-color: transparent;
  text-shadow: 1px 1px 2px;
  box-shadow: 0 0 1px 0;
  border: 1px solid;
}
.submit.submit-dark-gray:before,
.trumpet .submit.submit-dark-gray:before {
  background-color: ;
}
.submit.submit-dark-gray:after,
.trumpet .submit.submit-dark-gray:after {
  background-color: ;
}
.submit.submit-gray,
.trumpet .submit.submit-gray {
  outline-color: #404040;
  border-color: #505050;
}
.submit.submit-gray:hover,
.trumpet .submit.submit-gray:hover,
.submit.submit-gray:focus,
.trumpet .submit.submit-gray:focus,
.submit.submit-gray:active,
.trumpet .submit.submit-gray:active {
  outline-color: transparent;
  text-shadow: 1px 1px 2px #404040;
  box-shadow: 0 0 1px 0 #404040;
  border: 1px solid;
}
.submit.submit-gray:before,
.trumpet .submit.submit-gray:before {
  background-color: #6a6a6a;
}
.submit.submit-gray:after,
.trumpet .submit.submit-gray:after {
  background-color: #505050;
}
.submit.submit-jade,
.trumpet .submit.submit-jade {
  outline-color: #3b8210;
  border-color: #4aa214;
}
.submit.submit-jade:hover,
.trumpet .submit.submit-jade:hover,
.submit.submit-jade:focus,
.trumpet .submit.submit-jade:focus,
.submit.submit-jade:active,
.trumpet .submit.submit-jade:active {
  outline-color: transparent;
  text-shadow: 1px 1px 2px #3b8210;
  box-shadow: 0 0 1px 0 #3b8210;
  border: 1px solid;
}
.submit.submit-jade:before,
.trumpet .submit.submit-jade:before {
  background-color: #5ece19;
}
.submit.submit-jade:after,
.trumpet .submit.submit-jade:after {
  background-color: #4aa214;
}
.submit.submit-lavender,
.trumpet .submit.submit-lavender {
  outline-color: #5d425d;
  border-color: #cccccc;
}
.submit.submit-lavender:hover,
.trumpet .submit.submit-lavender:hover,
.submit.submit-lavender:focus,
.trumpet .submit.submit-lavender:focus,
.submit.submit-lavender:active,
.trumpet .submit.submit-lavender:active {
  outline-color: transparent;
  text-shadow: 1px 1px 2px #5d425d;
  box-shadow: 0 0 1px 0 #5d425d;
  border: 1px solid;
}
.submit.submit-lavender:before,
.trumpet .submit.submit-lavender:before {
  background-color: #8f668f;
}
.submit.submit-lavender:after,
.trumpet .submit.submit-lavender:after {
  background-color: #cccccc;
}
.submit.submit-medium-turquoise,
.trumpet .submit.submit-medium-turquoise {
  outline-color: #2fa49b;
  border-color: #40c8bd;
}
.submit.submit-medium-turquoise:hover,
.trumpet .submit.submit-medium-turquoise:hover,
.submit.submit-medium-turquoise:focus,
.trumpet .submit.submit-medium-turquoise:focus,
.submit.submit-medium-turquoise:active,
.trumpet .submit.submit-medium-turquoise:active {
  outline-color: transparent;
  text-shadow: 1px 1px 2px #2fa49b;
  box-shadow: 0 0 1px 0 #2fa49b;
  border: 1px solid;
}
.submit.submit-medium-turquoise:before,
.trumpet .submit.submit-medium-turquoise:before {
  background-color: #5dd0c7;
}
.submit.submit-medium-turquoise:after,
.trumpet .submit.submit-medium-turquoise:after {
  background-color: #40c8bd;
}
.submit.submit-tomato,
.trumpet .submit.submit-tomato {
  outline-color: #f83610;
  border-color: #fa6c50;
}
.submit.submit-tomato:hover,
.trumpet .submit.submit-tomato:hover,
.submit.submit-tomato:focus,
.trumpet .submit.submit-tomato:focus,
.submit.submit-tomato:active,
.trumpet .submit.submit-tomato:active {
  outline-color: transparent;
  text-shadow: 1px 1px 2px #f83610;
  box-shadow: 0 0 1px 0 #f83610;
  border: 1px solid;
}
.submit.submit-tomato:before,
.trumpet .submit.submit-tomato:before {
  background-color: #fb826a;
}
.submit.submit-tomato:after,
.trumpet .submit.submit-tomato:after {
  background-color: #fa6c50;
}
.submit-hollow,
.trumpet .submit-hollow {
  background-color: transparent;
  border: none;
  outline: none;
  box-shadow: none;
}
.submit-hollow.hollow-white,
.trumpet .submit-hollow.hollow-white {
  color: #fff;
}
.submit-hollow.hollow-green,
.trumpet .submit-hollow.hollow-green {
  color: #36bb81;
}
.submit-hollow.hollow-turquoise,
.trumpet .submit-hollow.hollow-turquoise {
  color: #36bbb1;
}
.submit-hollow.hollow-jasmine,
.trumpet .submit-hollow.hollow-jasmine {
  color: #8775a7;
}
.submit-hollow.hollow-yellow,
.trumpet .submit-hollow.hollow-yellow {
  color: #e8c300;
}
.submit-hollow.hollow-blue,
.trumpet .submit-hollow.hollow-blue {
  color: #188cde;
}
.submit-hollow.hollow-red,
.trumpet .submit-hollow.hollow-red {
  color: #f3423f;
}
.submit-hollow.hollow-purple,
.trumpet .submit-hollow.hollow-purple {
  color: #cccccc;
}
.submit-hollow.hollow-light-red,
.trumpet .submit-hollow.hollow-light-red {
  color: ;
}
.submit-hollow.hollow-lime,
.trumpet .submit-hollow.hollow-lime {
  color: #9bca13;
}
.submit-hollow.hollow-pink,
.trumpet .submit-hollow.hollow-pink {
  color: #d6147e;
}
.submit-hollow.hollow-orange,
.trumpet .submit-hollow.hollow-orange {
  color: #da630e;
}
.submit-hollow.hollow-dark-gray,
.trumpet .submit-hollow.hollow-dark-gray {
  color: ;
}
.submit-hollow.hollow-gray,
.trumpet .submit-hollow.hollow-gray {
  color: #505050;
}
.submit-hollow.hollow-jade,
.trumpet .submit-hollow.hollow-jade {
  color: #4aa214;
}
.submit-hollow.hollow-lavender,
.trumpet .submit-hollow.hollow-lavender {
  color: #cccccc;
}
.submit-hollow.hollow-medium-turquoise,
.trumpet .submit-hollow.hollow-medium-turquoise {
  color: #40c8bd;
}
.submit-hollow.hollow-tomato,
.trumpet .submit-hollow.hollow-tomato {
  color: #fa6c50;
}
.submit-hollow:before,
.trumpet .submit-hollow:before,
.submit-hollow:after,
.trumpet .submit-hollow:after {
  display: none;
}
.submit-hollow:hover,
.trumpet .submit-hollow:hover,
.submit-hollow:focus,
.trumpet .submit-hollow:focus {
  border: none;
  box-shadow: none;
}
.submit-icon-left,
.trumpet .submit-icon-left {
  padding: 9px 15px 9px 55px;
}
.submit-icon-left > i,
.trumpet .submit-icon-left > i {
  top: 0;
  left: 0;
  bottom: 0;
  width: 40px;
  background-color: rgba(0,0,0,0.2);
  font-size: 1.2em;
  line-height: 40px;
}
.submit-icon > i,
.trumpet .submit-icon > i {
  line-height: 1;
  margin-right: 10px;
/*vertical-align middle*/
/*&:before
				vertical-align sub*/
}
.submit-small,
.trumpet .submit-small {
  font-size: 11px;
  min-width: 100px;
  padding: 5px 10px;
}
.submit.large,
.trumpet .submit.large {
  padding: 20px 50px;
}
.submit.min-width,
.trumpet .submit.min-width {
  min-width: 92px;
}
.submit.disabled,
.trumpet .submit.disabled {
  opacity: 0.4;
  cursor: not-allowed;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  -ms-pointer-events: none;
  -o-pointer-events: none;
  pointer-events: none;
}
.submit.full-height,
.trumpet .submit.full-height {
  margin-top: 1px;
}
.submit.large-padding,
.trumpet .submit.large-padding {
  padding: 10px 20px;
}
.submit.small-padding,
.trumpet .submit.small-padding {
  padding: 5px 12px;
  font-size: 11px;
}
.submit.submit-xntitle-new,
.trumpet .submit.submit-xntitle-new {
  margin-top: -65px;
  z-index: 5;
}
.submit.submit-inline,
.trumpet .submit.submit-inline {
  height: 48px;
  min-width: 75px;
}
.submit:hover,
.trumpet .submit:hover,
.submit:focus,
.trumpet .submit:focus,
.submit:active,
.trumpet .submit:active {
  outline-color: transparent;
  outline-offset: 5px;
  box-shadow: none;
  background-color: transparent;
}
.submit.loading,
.trumpet .submit.loading {
  height: 40px;
  cursor: not-allowed;
}
.submit.loading .spinning,
.trumpet .submit.loading .spinning {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background-color: rgba(255,255,255,0.6);
  border-radius: 50%;
  font-size: 22px;
  line-height: 26px;
  -webkit-animation-name: loadingRotate;
  animation-name: loadingRotate;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.submit.loading .spinning.wait,
.trumpet .submit.loading .spinning.wait {
  background-color: rgba(255,0,0,0.8);
}
@-moz-keyframes loadingRotate {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  25% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(0.7);
    -moz-transform: translate(-50%, -50%) scale(0.7);
    -ms-transform: translate(-50%, -50%) scale(0.7);
    -o-transform: translate(-50%, -50%) scale(0.7);
    transform: translate(-50%, -50%) scale(0.7);
  }
  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
}
@-webkit-keyframes loadingRotate {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  25% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(0.7);
    -moz-transform: translate(-50%, -50%) scale(0.7);
    -ms-transform: translate(-50%, -50%) scale(0.7);
    -o-transform: translate(-50%, -50%) scale(0.7);
    transform: translate(-50%, -50%) scale(0.7);
  }
  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
}
@-o-keyframes loadingRotate {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  25% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(0.7);
    -moz-transform: translate(-50%, -50%) scale(0.7);
    -ms-transform: translate(-50%, -50%) scale(0.7);
    -o-transform: translate(-50%, -50%) scale(0.7);
    transform: translate(-50%, -50%) scale(0.7);
  }
  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
}
@keyframes loadingRotate {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  25% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(0.7);
    -moz-transform: translate(-50%, -50%) scale(0.7);
    -ms-transform: translate(-50%, -50%) scale(0.7);
    -o-transform: translate(-50%, -50%) scale(0.7);
    transform: translate(-50%, -50%) scale(0.7);
  }
  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
}
input.submit {
  background-color: #cccccc;
}
input.submit:hover,
input.submit:focus,
input.submit:active {
  background-color: #8f668f;
}
input.submit-white {
  background-color: #fff;
}
input.submit-white:hover,
input.submit-white:focus,
input.submit-white:active {
  background-color: ;
}
input.submit-green {
  background-color: #36bb81;
}
input.submit-green:hover,
input.submit-green:focus,
input.submit-green:active {
  background-color: #4ecc95;
}
input.submit-turquoise {
  background-color: #36bbb1;
}
input.submit-turquoise:hover,
input.submit-turquoise:focus,
input.submit-turquoise:active {
  background-color: #4eccc2;
}
input.submit-jasmine {
  background-color: #8775a7;
}
input.submit-jasmine:hover,
input.submit-jasmine:focus,
input.submit-jasmine:active {
  background-color: #998ab4;
}
input.submit-yellow {
  background-color: #e8c300;
}
input.submit-yellow:hover,
input.submit-yellow:focus,
input.submit-yellow:active {
  background-color: #ffd913;
}
input.submit-blue {
  background-color: #188cde;
}
input.submit-blue:hover,
input.submit-blue:focus,
input.submit-blue:active {
  background-color: #349ee9;
}
input.submit-red {
  background-color: #f3423f;
}
input.submit-red:hover,
input.submit-red:focus,
input.submit-red:active {
  background-color: #f55e5c;
}
input.submit-purple {
  background-color: #cccccc;
}
input.submit-purple:hover,
input.submit-purple:focus,
input.submit-purple:active {
  background-color: #8f668f;
}
input.submit-light-red {
  background-color: ;
}
input.submit-light-red:hover,
input.submit-light-red:focus,
input.submit-light-red:active {
  background-color: ;
}
input.submit-lime {
  background-color: #9bca13;
}
input.submit-lime:hover,
input.submit-lime:focus,
input.submit-lime:active {
  background-color: #b6ea1e;
}
input.submit-pink {
  background-color: #d6147e;
}
input.submit-pink:hover,
input.submit-pink:focus,
input.submit-pink:active {
  background-color: #eb2893;
}
input.submit-orange {
  background-color: #da630e;
}
input.submit-orange:hover,
input.submit-orange:focus,
input.submit-orange:active {
  background-color: #f17821;
}
input.submit-dark-gray {
  background-color: ;
}
input.submit-dark-gray:hover,
input.submit-dark-gray:focus,
input.submit-dark-gray:active {
  background-color: ;
}
input.submit-gray {
  background-color: #505050;
}
input.submit-gray:hover,
input.submit-gray:focus,
input.submit-gray:active {
  background-color: #6a6a6a;
}
input.submit-jade {
  background-color: #4aa214;
}
input.submit-jade:hover,
input.submit-jade:focus,
input.submit-jade:active {
  background-color: #5ece19;
}
input.submit-lavender {
  background-color: #cccccc;
}
input.submit-lavender:hover,
input.submit-lavender:focus,
input.submit-lavender:active {
  background-color: #8f668f;
}
input.submit-medium-turquoise {
  background-color: #40c8bd;
}
input.submit-medium-turquoise:hover,
input.submit-medium-turquoise:focus,
input.submit-medium-turquoise:active {
  background-color: #5dd0c7;
}
input.submit-tomato {
  background-color: #fa6c50;
}
input.submit-tomato:hover,
input.submit-tomato:focus,
input.submit-tomato:active {
  background-color: #fb826a;
}
.btn {
  font-family: 'IRANSans', tahoma, sans-serif;
  font-size: 1em;
  font-weight: 400;
  height: 40px;
  min-width: 100px;
  padding: 0 20px;
  outline: none;
  border: none;
  border-radius: 2px;
  color: #fff;
  background-color: #cccccc;
  box-shadow: 1px 1px 3px -1px #ddd;
  -webkit-appearance: none;
}
.btn:hover,
.btn:focus,
.btn:active {
  background-color: #684b68;
}
.btn.btn-white {
  background-color: #fff;
  color: #828282;
}
.btn.btn-white:hover,
.btn.btn-white:focus,
.btn.btn-white:active {
  background-color: #f2f2f2;
}
.btn.btn-purple {
  background-color: #cccccc;
  color: #fff;
}
.btn.btn-purple:hover,
.btn.btn-purple:focus,
.btn.btn-purple:active {
  background-color: #6e4f6e;
}
.btn.btn-green {
  background-color: #36bb81;
  color: #fff;
}
.btn.btn-green:hover,
.btn.btn-green:focus,
.btn.btn-green:active {
  background-color: #33b27b;
}
.btn.btn-light-gray {
  background-color: #f5f5f5;
  color: #8b8b8b;
}
.btn.btn-light-gray:hover,
.btn.btn-light-gray:focus,
.btn.btn-light-gray:active {
  background-color: #e9e9e9;
}
.btn.btn-gray {
  background-color: #f4f3f3;
  color: #6a6969;
}
.btn.btn-gray:hover,
.btn.btn-gray:focus,
.btn.btn-gray:active {
  background-color: #e8e6e6;
}
.btn.btn-red {
  background-color: #f3423f;
  color: #fff;
}
.btn.btn-red:hover,
.btn.btn-red:focus,
.btn.btn-red:active {
  background-color: #f23431;
}
.btn.btn-blue {
  background-color: #188cde;
  color: #fff;
}
.btn.btn-blue:hover,
.btn.btn-blue:focus,
.btn.btn-blue:active {
  background-color: #1785d3;
}
.btn.btn-orange {
  background-color: #ffa117;
  color: #fff;
}
.btn.btn-orange:hover,
.btn.btn-orange:focus,
.btn.btn-orange:active {
  background-color: #ff9b09;
}
.btn.btn-tomato {
  background-color: #fa6c50;
  color: ;
}
.btn.btn-tomato:hover,
.btn.btn-tomato:focus,
.btn.btn-tomato:active {
  background-color: #fa5f40;
}
.btn-disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.btn-disabled span {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  -ms-pointer-events: none;
  -o-pointer-events: none;
  pointer-events: none;
}
.btn.btn-hollow {
  background-color: transparent;
  color: #cccccc;
  border: none;
  outline: none;
  box-shadow: none;
}
.btn.btn-hollow:hover {
  background-color: transparent;
  color: #5d425d;
}
.btn.btn-hollow.btn-border {
  border: 1px solid;
}
.btn.btn-hollow.btn-white {
  color: #fff;
}
.btn.btn-hollow.btn-purple {
  color: #cccccc;
}
.btn.btn-hollow.btn-green {
  color: #36bb81;
}
.btn.btn-hollow.btn-light-gray {
  color: #f5f5f5;
}
.btn.btn-hollow.btn-gray {
  color: #f4f3f3;
}
.btn.btn-hollow.btn-red {
  color: #f3423f;
}
.btn.btn-hollow.btn-blue {
  color: #188cde;
}
.btn.btn-hollow.btn-orange {
  color: #ffa117;
}
.btn.btn-hollow.btn-tomato {
  color: #fa6c50;
}
.btn.btn-hollow.btn-white:hover {
  background-color: transparent;
  color: #ffffff;
}
.btn.btn-hollow.btn-purple:hover {
  background-color: transparent;
  color: #5d425d;
}
.btn.btn-hollow.btn-green:hover {
  background-color: transparent;
  color: #2b9667;
}
.btn.btn-hollow.btn-light-gray:hover {
  background-color: transparent;
  color: #c4c4c4;
}
.btn.btn-hollow.btn-gray:hover {
  background-color: transparent;
  color: #c5c0c0;
}
.btn.btn-hollow.btn-red:hover {
  background-color: transparent;
  color: #e6120e;
}
.btn.btn-hollow.btn-blue:hover {
  background-color: transparent;
  color: #1370b2;
}
.btn.btn-hollow.btn-orange:hover {
  background-color: transparent;
  color: #de8400;
}
.btn.btn-hollow.btn-tomato:hover {
  background-color: transparent;
  color: #f83610;
}
.btn.btn-sm {
  font-size: 11px;
  height: 30px;
  line-height: 2.6;
  padding: 0 10px;
  box-shadow: none;
  font-weight: 500;
}
.btn.btn-icon > i {
  margin-right: 10px;
}
.btn.btn-sm.btn-icon > i {
  margin: 0;
  padding: 0 5px;
}
.btn.btn-icon-left {
  padding-left: 0;
  min-width: 170px;
  line-height: 41px;
}
.btn.btn-icon-left > i {
  background-color: rgba(0,0,0,0.1);
  margin-right: 20px;
  padding: 0 15px;
}
a.btn {
  line-height: 41px;
}
.datepicker-custom .submit {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.bt-minwidth {
  min-width: 55px;
}
.disabled-wrapper {
  cursor: not-allowed;
}
.disabled-wrapper .btn,
.disabled-wrapper .submit {
  pointer-events: none;
  opacity: 0.7;
}
.form [data-description]:after {
  content: attr(data-description);
  margin-top: 5px;
  width: 100%;
}
.form.form-center {
  width: 800px;
  margin: 0 auto;
  padding: 30px 20px;
}
.form .row {
/*padding 5px 0*/
  font-weight: 300;
  clear: right;
  min-height: 50px;
  width: 100%;
  max-width: 550px;
}
.form .row.required > span:first-child:after {
  content: '*';
  color: #f00;
  right: -15px;
  top: 50%;
  margin-top: -6px;
  font: 13px tahoma;
}
.form .row > span {
  min-width: 150px;
}
.form .row > input:first-child {
  margin-left: 15px;
}
.form .row > span + div,
.form .row > span + span {
  padding: 10px 0;
  width: 256px;
}
.form .row.long-desc > span + div,
.form .row.long-desc > span + span {
  width: 356px;
}
.form .row.more-long-desc > span + div,
.form .row.more-long-desc > span + span {
  width: 556px;
}
.form .row label {
  padding-left: 10px;
}
.form .row label input {
  margin-left: 5px;
}
@media screen and (max-width: 500px) {
  .form .row {
    padding: 10px 0;
  }
  .form .row > span + div,
  .form .row > span + span {
    width: 100%;
  }
}
.form .row .dit .input-sm {
  width: 121px;
}
.form .full-width,
.form .width-80 {
  max-width: inherit;
}
form .invalid {
  border: 1px solid rgba(255,0,0,0.5);
  background: rgba(255,0,0,0.05);
  box-shadow: 0 0 2px rgba(225,0,0,0.2);
}
@media screen and (max-width: 520px) {
  .form.shortner-form .row span,
  .form.shortner-form .Gx-table-cell {
    min-width: 100px;
  }
}
@media screen and (max-width: 480px) {
  .form.shortner-form label input {
    width: 100%;
  }
  .form.shortner-form .row .submit {
    float: right;
  }
}
fieldset {
  border: 0;
}
fieldset legend {
  background-color: #fff;
}
.modal *,
.modal *:after,
.modal *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.modal {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  top: 0;
  left: 0;
  z-index: 9999;
}
.modal:before {
  content: '';
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(255,255,255,0.5);
}
.modal .in {
  top: 50%;
  left: 50%;
  width: 380px;
  box-shadow: 0 0 15px rgba(0,0,0,0.5);
  paddding: 45px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: hidden;
  height: auto !important;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  border-radius: 2px;
}
.modal .title {
  font-size: 1.2em;
  font-weight: 100;
  padding: 10px 0;
  z-index: 10;
}
.modal .x {
  top: 7px;
  right: 7px;
  width: 30px;
  line-height: 30px;
  font-size: 0.7em;
  border-radius: 2px;
}
.modal .x:hover {
  background-color: rgba(0,0,0,0.1);
}
.modal .content {
  padding: 20px;
  overflow-y: auto;
}
.modal .scrull-y {
  overflow-y: scroll;
  height: 200px;
}
.modal .prompt-input {
  width: 100%;
  font-size: 13px;
  padding: 10px;
  margin-top: 15px;
  min-height: 40px;
  max-height: 250px;
}
.modal textarea.prompt-input {
  min-height: 80px;
  resize: none;
}
.modal select.prompt-input {
  padding: 0;
}
.modal .links {
  padding: 6px 15px 15px;
}
.modal .checked {
  float: none;
  margin: auto;
}
.modal iframe html {
  overflow-x: hidden;
}
.modal iframe html body {
  background: #fff;
}
.faded-lm > * {
  filter: blur(3px);
}
.en .modal .title:after {
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
  transform-origin: 100%;
}
.en .modal .x {
  right: auto;
  left: 0;
}
.en .modal .inner_container label.boldtitle {
  width: 170px !important;
}
.en .modal .inner_container input#code {
  width: 150px;
}
.header-container {
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  z-index: 20;
}
.topbar {
  /* border-bottom: 1px solid #ccc; */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.1em;
  font-weight: 400;
  background-color: transparent;
}
.topbar,
.topbar a {
  color: #242424;
}

.topbar .item{
		-webkit-transition: all 800ms ease-in;
}

/* .topbar .item:hover {
  background: #f7f7f7;
	color: #333333!important; 
	-webkit-transition: all 800ms ease-in;
} */

.itm{
	-webkit-transition: all 800ms ease-in;
}

 .itm:hover {
    background: #f7f7f7;
	color: #333333!important; 
	border-bottom: 1px solid #ddd;
	-webkit-transition: all 800ms ease-in;
}
	

.topbar,
.topbar .right,
.topbar .left,
.topbar i,
.topbar span {
  height: 100%;
}
.topbar .item,
.topbar .right .item,
.topbar .left .item,
.topbar i .item,
.topbar span .item {
  width: auto;
  height: 40px;
  min-width: 50px;
  padding: 7px 15px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 990px) {
  .topbar .item.help,
  .topbar .right .item.help,
  .topbar .left .item.help,
  .topbar i .item.help,
  .topbar span .item.help {
    display: none;
  }
}
.topbar .item:after,
.topbar .right .item:after,
.topbar .left .item:after,
.topbar i .item:after,
.topbar span .item:after {
  content: " ";
  top: 150%;
  right: 0;
  width: 150%;
  height: 100%;
  border-top: 3px solid rgba(255,255,255,0.5);
  border-bottom: 1px solid rgba(255,255,255,0.5);
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transform: rotate(-25deg);
  -moz-transform: rotate(-25deg);
  -ms-transform: rotate(-25deg);
  -o-transform: rotate(-25deg);
  transform: rotate(-25deg);
  filter: blur(3px);
}
.topbar .item:hover:after,
.topbar .right .item:hover:after,
.topbar .left .item:hover:after,
.topbar i .item:hover:after,
.topbar span .item:hover:after {
  top: -150%;
}
.topbar i,
.topbar .right i,
.topbar .left i,
.topbar i i,
.topbar span i {
  font-size: 16px;
}
.topbar .change-lang {
  font-weight: 500;
  line-height: 53px;
}
/* .topbar .right .item {
  border-left: 1px solid #ccc;
}
.topbar .left .item {
  border-right: 1px solid #ccc;
} */
.topbar .left i {
  margin-left: 5px;
}
.topbar .left .aw-wallet:before {
  line-height: inherit;
}
.topbar .messages {
  padding-left: 25px;
}
.topbar .messages .msg-count {
  background: #e12312;
  top: 28px;
  right: 25px;
  min-width: 16px;
  padding: 2px 5px;
  line-height: 14px;
  height: 17px;
  border-radius: 5px;
  font-size: 10px;
}
.topbar .res {
  display: none;
}
@media screen and (max-width: 1000px) {
  .topbar .res {
    display: inline-block;
    margin-left: 5px;
  }
}
.item .avatar i {
  top: 0;
  right: 0;
  margin: 0;
  height: 36px;
  width: 100%;
  font-size: 24px;
  line-height: 36px;
}
.item .avatar.avatar {
  border: 2px solid #333;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  margin: 7px 0 7px 5px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.item .avatar.avatar.female {
  background: #ececec url("../images/female.png") no-repeat scroll 0 0/100% auto;
}
.item .avatar.avatar.male {
  background: #ececec url("../images/male.png") no-repeat scroll 0 0/100% auto;
}
.item .avatar.avatar.male i,
.item .avatar.avatar.female i {
  opacity: 0;
}
.item .avatar.avatar img {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  color: rgba(0,0,0,0);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.drop-down {
  max-width: 250px;
}
.drop-down .item.item {
  padding-left: 12px;
}
.drop-down .item.item span:not(.avatar) {
  max-width: 130px;
  margin-left: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.drop-down .item.item:hover {
  color: #fff;
}
.drop-down .item.item:hover .avatar {
  border-color: #deecfc;
}
.drop-down .item.item:hover .avatar img {
  filter: grayscale(0.5);
}
.en .topbar {
  font-size: 12px;
}
.en .topbar .right .item {
  border-right: 1px solid #ddd;
  border-left: none;
}
.en .topbar .left .item {
  border-left: 1px solid #ddd;
  border-right: none;
}
.en .topbar .left i,
.en .topbar .right i {
  margin-left: 0;
  margin-right: 5px;
}
.en .topbar .left .item,
.en .topbar .right .item {
  margin-right: 0;
}
.en .topbar .messages .msg-count {
  font-size: 8px;
}
.en .topbar .drop-down .item.item {
  padding-right: 12px;
}
@media screen and (max-width: 1000px) {
  .en .topbar .topbar {
    font-size: 10px;
  }
  .en .topbar .res {
    margin-left: 0;
    margin-right: 5px;
  }
}
.en .item .avatar i {
  left: 0;
}
.en .item .avatar.avatar {
  margin: 7px 5px 7px 0;
}
.en .drop-down span:not(.avatar) {
  margin-left: 0;
  margin-right: 5px;
}
@media screen and (max-width: 640px) {
  .en .topbar {
    font-size: 10px;
  }
  .en .topbar .messages .msg-count {
    left: 10px;
  }
  .en .left {
    margin-left: 5px;
    margin-right: 0;
  }
  .en .topbar i,
  .en .topbar .right i {
    margin-right: 0;
  }
}
@media screen and (max-width: 560px) {
  .en .topbar .item,
  .en .topbar .right .item,
  .en .topbar .left .item,
  .en .topbar i .item,
  .en .topbar span .item {
    border-right: 1px solid #ececec;
    padding-left: 5px;
  }
  .en .item .avatar.avatar {
    margin-right: 0;
  }
  .en .topbar .left {
    margin-left: 0;
  }
}
div.sla_info i,
div.sla_info .basic {
  color: #0074ff;
}
div.sla_info .gold {
  color: #e2bd00;
}
div.sla_info .gold.usla {
  color: #e2bd00;
}
div.sla_info .vip {
  color: #cccccc;
}
div.sla_info .vip.usla {
  color: #cccccc;
}
div.sla_info .silver {
  color: #a0a0a0;
}
div.sla_info .silver.usla {
  color: #a0a0a0;
}
div.sla_info .bronze {
  color: #cd7f32;
}
@media screen and (max-width: 768px) {
  .topbar {
    font-size: 12px;
  }
  .topbar .left .item {
    overflow: hidden;
    max-width: 130px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .topbar .left .drop-down .item {
    max-width: inherit;
  }
}
@media screen and (max-width: 640px) {
  .left,
  .en .drop-down .menu-drop-inactive .item,
  .en .menu-drop-inactive .drop-down-item,
  .loading-circles > span,
  .request-box2,
  .budget_left_container,
  .step_camp .banner_left_container,
  .mysite_block > div > div .field_value,
  .template-notification > .left,
  .campaing_list .fa-gg-circle,
  .iframe,
  .fraud-website-note {
    float: left;
  }
  .left .item:first-item,
  .en .drop-down .menu-drop-inactive .item .item:first-item,
  .en .menu-drop-inactive .drop-down-item .item:first-item,
  .loading-circles > span .item:first-item,
  .request-box2 .item:first-item,
  .budget_left_container .item:first-item,
  .step_camp .banner_left_container .item:first-item,
  .mysite_block > div > div .field_value .item:first-item,
  .template-notification > .left .item:first-item,
  .campaing_list .fa-gg-circle .item:first-item,
  .iframe .item:first-item,
  .fraud-website-note .item:first-item {
    border-right: none;
  }
  .topbar .item .fa-suitcase,
  .topbar .item .fa-credit-card,
  .topbar .item .fa-angle-down,
  .topbar .item .aw-wallet {
    display: none;
  }
  .topbar {
    font-size: 10px;
  }
  .topbar .messages {
    overflow: visible;
    padding-right: 3px;
  }
  .topbar .left .item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .topbar .left .item .drop-down .item {
    max-width: inherit;
  }
  .item .avatar.avatar {
    margin-left: 0;
    width: 30px;
    height: 30px;
  }
  .topbar i,
  .topbar .right i,
  .topbar .left i,
  .topbar span i {
    font-size: 13px;
    padding: 0;
  }
  .topbar .left .item,
  .topbar .right .item {
    padding: 0 5px;
  }
  .topbar .drop-down .item {
    padding: 0 10px;
  }
  .topbar .drop-down .item span:nth-child(2 ) {
    display: none;
  }
  .topbar .messages .msg-count {
    right: auto;
    left: 3px;
  }
}
@media screen and (max-width: 480px) {
  .topbar .left .wallet,
  .topbar .left .credit {
    padding: 10px;
  }
  .topbar .left .wallet span,
  .topbar .left .credit span {
    display: block;
    height: 15px;
    line-height: 15px;
    font-size: 9px;
    white-space: nowrap;
  }
  .topbar .left .drop-down .item span:not(.avatar ) {
    display: none;
  }
  .topbar .left .drop-down .item span:not(.avatar ) .res {
    margin: 0;
  }
}
.table-holder {
  overflow-x: auto;
  width: 100%;
}
.table.x-scroll {
  min-width: 600px;
}
.table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
}
.table.campaigns-table {
  margin-top: -1px;
}
.table.campaigns-table th {
  background: #704870;
}
.table.campaigns-table thead th:first-child {
  border-radius: 2px;
}
.table.box-shadow {
  border-radius: 3px;
}
.table td:last-child,
.table th:last-child {
  border-left: 1px solid #e0e0e0;
}
.table td:first-child,
.table th:first-child {
  border-right: 1px solid #e0e0e0;
}
.table thead th {
  border-top: 1px solid #e0e0e0;
  border-bottom: 2px solid #e0e0e0;
  background: #745274;
}
.table thead th:nth-child(2n ) {
  background: #704870;
}
.table thead th:last-child {
  border-left: 0;
  border-radius: 3px 0 0 0;
}
.table thead th:first-child {
  border-right: 0;
  border-radius: 0 3px 0 0;
}
.table thead + * tr:last-child > :first-child,
.table.multiple-tbody tbody tr:last-child > :first-child {
  border-radius: 0 0 3px 0;
}
.table thead + * tr:last-child > :last-child,
.table.multiple-tbody tbody tr:last-child > :last-child {
  border-radius: 0 0 0 3px;
}
.table thead + * tr:last-child > *,
.table.multiple-tbody tbody tr:last-child > * {
  border-bottom: 2px solid #e0e0e0;
}
.table tfoot th {
  background: #eee;
  color: #888;
}
.table tfoot th:nth-child(2n ) {
  background: #e3e3e3;
}
.table td,
.table th {
  padding: 8px;
}
.table tr:nth-child(2n ) td,
.table tr td:nth-child(2n ) {
  background: #fbfbfb;
}
.table tr:nth-child(2n ) td:nth-child(2n ) {
  background: #f6f6f6;
}
.table tr:hover td {
  background: #f3f3f3;
}
.table tr:hover td:nth-child(2n ) {
  background: #ececec;
}
.table.fixed-header .fix {
  display: table-row;
  top: 49px;
  z-index: 15;
}
.inner-table {
  border-spacing: 0;
  border-collapse: separate;
}
.inner-table td,
.inner-table th {
  border-bottom: 1px solid #eaeaea;
}
.inner-table th {
  border-top: 1px solid #eaeaea;
  font-weight: bold;
  color: #999;
}
.inner-table tbody tr td {
  background: #f9f9f9;
  border-left: 1px solid #eaeaea;
  border-bottom: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -ms-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.inner-table tbody tr td:last-child {
  border-left: none;
}
.inner-table tbody tr:last-child td {
  border-bottom: none;
}
.inner-table tbody tr:nth-child(2n ) td,
.inner-table tbody tr.even td {
  background: #fff;
}
.inner-table tbody tr.odd td {
  background: #f9f9f9;
}
.inner-table > tbody:hover > tr > td,
.inner-table > tbody:focus > tr > td {
  opacity: 0.5;
  filter: blur(2px);
}
.inner-table > tbody > tr:hover > td,
.inner-table > tbody > tr:focus > td {
  filter: none;
  opacity: 1;
  font-size: 16px;
}
.table_header {
  font-size: 13pt;
  margin: 20px;
  width: 45%;
}
.table-data {
  border-radius: 2px;
}
.table-data .td-caption {
  display: table-caption;
  background-color: #efefef;
  padding: 20px;
}
.table-data .td-caption.caption-bottom {
  caption-side: bottom;
}
.table-data .td-head {
  background-color: #c9c9c9;
  line-height: 2;
}
.table-data .td-head .td-cell {
  padding: 20px;
  font-size: 1.1em;
  font-weight: 500;
  color: #747474;
}
.table-data .td-head i {
  margin-right: 5px;
  color: #bdbdbd;
}
.table-data .td-head .ltr > i {
  margin-left: 5px;
}
.table-data .td-row .td-cell,
.table-data .td-foot .td-cell {
  padding: 10px;
  font-size: 1.2em;
  font-weight: 400;
  color: #8a8989;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-transition: border 0.3s ease-in-out;
  -moz-transition: border 0.3s ease-in-out;
  -ms-transition: border 0.3s ease-in-out;
  -o-transition: border 0.3s ease-in-out;
  transition: border 0.3s ease-in-out;
}
.table-data .td-foot .td-cell {
  background-color: #dedede;
}
.table-data .td-row {
  line-height: 2;
}
.table-data .td-row:nth-child(even ) {
  background-color: #ededed;
}
.table-data .td-row:nth-child(even ) .td-cell:nth-child(even ) {
  background-color: rgba(0,0,0,0.04);
}
.table-data .td-row:nth-child(odd ) {
  background-color: #f8f8f8;
}
.table-data .td-row:nth-child(odd ) .td-cell:nth-child(even ) {
  background-color: rgba(0,0,0,0.04);
}
.table-data .td-row .td-cell {
  padding: 10px;
  font-size: 1em;
  font-weight: 400;
  color: #8a8989;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-transition: border 0.3s ease-in-out;
  -moz-transition: border 0.3s ease-in-out;
  -ms-transition: border 0.3s ease-in-out;
  -o-transition: border 0.3s ease-in-out;
  transition: border 0.3s ease-in-out;
}
.table-data .td-row:hover .td-cell {
  color: #242424;
  border-color: #c9c9c9;
}
.table-data .td-row .c-icon {
  font-size: 1.5em;
}
.table-data .td-row .c-name > i {
  font-size: 1.8em;
  margin-left: 10px;
  line-height: 1;
}
.table-data .td-row .c-status .flap-switch {
  margin: 0 auto;
}
.table-data .td-row .c-preview:hover,
.table-data .td-row .c-link:hover {
  color: #fff;
}
.table-data .td-row .c-ctr {
  font-weight: 500;
}
.table-data .td-row .c-delete i {
  font-size: 1em;
}
.table-data .td-row .c-down,
.table-data .td-row .c-red.c-red.c-red {
  color: #e6120e;
}
.table-data .td-row .c-up,
.table-data .td-row .c-green.c-green.c-green {
  color: #74bf2a;
}
.table-data .td-row .td-cell i {
  color: #b1b1b0;
}
.table-data .td-row .td-cell.c-delete:hover > i,
.table-data .td-row .td-cell .delete-banner:hover > i {
  color: #f3423f;
}
.table-data .td-row .td-cell.c-preview:hover > i {
  color: #188cde;
}
.table-data .td-row .td-cell.c-link:hover > i {
  color: #cccccc;
}
.table-data[data-table-pagination]:before {
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.table-data[data-table-pagination].loading:before {
  background-color: rgba(0,0,0,0.1);
  z-index: 1;
}
.no-stat-data {
  padding: 20px;
  background-color: #efefef;
  border-radius: 2px;
}
.no-stat-data > i {
  font-size: 2em;
  margin-left: 20px;
}
.table-pagination {
  padding: 20px;
  margin: 20px 0;
  background-color: #f4f4f4;
  border-radius: 2px;
}
.table-pagination .pl {
  min-width: 40%;
}
.table-pagination .pl .next,
.table-pagination .pl .prev {
  top: 6px;
  color: #c9c9c9;
}
.table-pagination .pl .next:hover,
.table-pagination .pl .prev:hover {
  color: #aaa;
}
.table-pagination .pl .next.disabled,
.table-pagination .pl .prev.disabled {
  color: #c9c9c9;
  cursor: default;
}
.table-pagination .pl .next {
  left: -40px;
}
.table-pagination .pl .prev {
  right: -40px;
}
.table-pagination .pl .pi {
  width: 30px;
  height: 30px;
  line-height: 2;
  font-size: 1.2em;
  font-weight: 400;
  border-radius: 50%;
  margin: 0 5px;
}
.table-pagination .pl .pi > a {
  color: #919191;
  line-height: 2.2;
}
.table-pagination .pl .pi > a:hover {
  background-color: rgba(0,0,0,0.05);
}
.table-pagination .pl .pi.active > a {
  background-color: #36bb81;
  color: #fff;
}
.table-pagination .pl .pi.dot {
  width: auto;
  margin: 0;
  color: #c9c9c9;
}
.table-pagination .pl .pi.dot:before {
  content: '.';
}
.check-box,
.radio {
  opacity: 0;
}
.check-box + label,
.radio + label {
  padding-right: 28px;
}
.check-box + label:before,
.radio + label:before {
  content: '';
  border: 2px solid rgba(150,150,150,0.7);
  width: 20px;
  height: 20px;
  right: 0;
  top: 50%;
  margin-top: -10px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.check-box + label:after,
.radio + label:after {
  content: '';
  font-family: FontAwesome;
  right: 0;
  top: 50%;
  margin-top: -10px;
  padding: 0 3.5px;
  font-size: 13px;
  color: #cccccc;
  text-shadow: 0 1px 0 rgba(0,0,0,0.7);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.check-box.white,
.radio.white {
  border-color: rgba(255,255,255,0.7);
}
.check-box.white + label:hover:before,
.radio.white + label:hover:before,
.check-box.white:focus + label:before,
.radio.white:focus + label:before {
  border-color: rgba(255,255,255,0.8);
}
.check-box + label:hover:before,
.radio + label:hover:before,
.check-box:focus + label:before,
.radio:focus + label:before {
  border-color: rgba(160,160,160,0.7);
}
.check-box:checked + label:before,
.radio:checked + label:before {
  background: rgba(255,255,255,0.7);
}
.check-box:checked + label:after,
.radio:checked + label:after {
  visibility: visible;
  opacity: 1;
}
.check-box:focus + label,
.radio:focus + label {
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;
  border-bottom: 1px solid rgba(255,255,255,0.5);
}
th .check-box + label:after {
  text-shadow: 0 1px 0 rgba(255,255,255,0.7);
}
.drop-down {
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-perspective: 550px;
  perspective: 550px;
}
.drop-down .menu-drop-inactive {
  box-shadow: 0 0 3px #aaa;
  width: 160px;
  left: 0;
  top: 100%;
  padding-top: 10px;
  border-radius: 3px;
  font-size: 12px;
  z-index: 120;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: rotateX(-93deg);
  -moz-transform: rotateX(-93deg);
  -ms-transform: rotateX(-93deg);
  -webkit-transform: rotateX(-93deg);
  -moz-transform: rotateX(-93deg);
  -ms-transform: rotateX(-93deg);
  -o-transform: rotateX(-93deg);
  transform: rotateX(-93deg);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition: 0.3s;
}
.drop-down .menu-drop-inactive transition .3s .fa-caret-down {
  padding-top: 15px;
}
.drop-down .menu-drop-inactive .item {
  width: 50%;
}
.drop-down .menu-drop-inactive .item i {
  margin: 0 5px 0 0;
  width: 35px;
  line-height: 35px;
}
.drop-down .menu-drop {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.menu-drop-inactive .drop-down-item {
  width: 100%;
  padding: 0 10px;
}
.menu-drop-inactive .drop-down-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.menu-drop-inactive .drop-down-item.help span {
  width: 100%;
}
.menu-drop-inactive .drop-down-item.sla_info,
.menu-drop-inactive .drop-down-item.help {
  cursor: help;
}
.menu-drop-inactive .drop-down-item,
.menu-drop-inactive .drop-down-item a {
  color: #333333;
}
.menu-drop-inactive .drop-down-item:hover,
.menu-drop-inactive .drop-down-item a:hover {
  color: #333333;
}
.menu-drop-inactive .drop-down-item i,
.menu-drop-inactive .drop-down-item a i {
  font-size: 16px;
}
.menu-drop-inactive .drop-down-item,
.menu-drop-inactive .drop-down-item a,
.menu-drop-inactive .drop-down-item span,
.menu-drop-inactive .drop-down-item a span,
.menu-drop-inactive .drop-down-item i,
.menu-drop-inactive .drop-down-item a i {
  height: 30px;
  line-height: 30px;
}
.menu-drop-inactive .drop-down-item span:first-child,
.menu-drop-inactive .drop-down-item a span:first-child {
  margin-left: 5px;
}
.menu-drop-inactive .drop-down-item:last-child,
.menu-drop-inactive .drop-down-item a:last-child {
  background: #ffffff;
  border-radius: 0 0 3px 3px;
  padding-bottom: 10px;
}
.menu-drop-inactive .drop-down-item:last-child,
.menu-drop-inactive .drop-down-item a:last-child,
.menu-drop-inactive .drop-down-item:last-child a,
.menu-drop-inactive .drop-down-item a:last-child a {
  color: #333333;
}

.menu-drop-inactive a:last-child:hover{
	background: #f7f7f7;
}

.menu-drop-inactive a:first-child:hover{
	background: #f7f7f7;
}

.en .drop-down .menu-drop-inactive {
  right: 0;
  left: auto;
}
.en .drop-down .menu-drop-inactive .item i {
  margin: 0 0 0 5px;
}
.en .menu-drop-inactive .drop-down-item span:first-child,
.en .menu-drop-inactive .drop-down-item a span:first-child {
  margin-right: 5px;
  margin-left: 0;
}
.progress-bar-wrapper {
  border: 1px solid #cdcdcd;
  height: 8px;
  width: 180px;
  margin: 8px;
  border-radius: 10px;
  background: #cccccc;
}
.progress-bar-wrapper.colored {
  background: #27e627;
  background: linear-gradient(to right, #27e627 0%, #f0cc18 49%, #f85032 99%, #f85032 100%);
}
.progress-bar-wrapper .progress-bar {
  top: 0;
  height: 8px;
  right: 0;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.input-error:before {
  content: attr(data-error);
  top: -15px;
  left: 0;
  color: #fff;
  background-color: #f3423f;
  padding: 0 10px;
  font-size: 0.8em;
  line-height: 25px;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  border-radius: 2px;
}
.input-error:after {
  content: '';
  left: 5px;
  top: -10px;
  border-right: 7px solid transparent;
  border-left: 3px solid transparent;
  border-top: 5px solid #f12622;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.input-error.error-right:before {
  right: 0;
  left: auto;
}
.input-error.error-right:after {
  right: 5px;
  left: auto;
}
.appended-error {
  padding: 30px 0;
}
.appended-error > span {
  background-color: #f3423f;
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 2px;
}
.appended-error > span:before {
  content: '';
  top: -5px;
  left: 50%;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 5px solid #f12622;
}
.x-loading {
  margin: 0 auto;
  width: 200px;
  padding-top: 40px;
}
.x-loading:before {
  content: '';
  height: 2px;
  top: 10px;
  left: 50%;
  border-radius: 2px;
  background-color: #cccccc;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-animation-name: xLoading;
  animation-name: xLoading;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.x-loading:after {
  content: attr(data-text);
  font-weight: 400;
  font-size: 1em;
  color: #cccccc;
}
.loading-box {
  top: -20px;
  right: -20px;
  bottom: 10px;
  left: -20px;
  background-color: rgba(255,255,255,0.75);
  border: 1px solid #eee;
  z-index: 2;
}
.loading-box .x-loading {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgba(0,0,0,0.05);
  width: 200px;
  padding: 50px 20px 20px 20px;
  border-radius: 2px;
}
.loading-box .x-loading:before {
  top: 25px;
}
.loading-circles {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.loading-circles:after {
  content: attr(data-text);
  font-weight: 400;
  font-size: 1em;
  color: #cccccc;
  top: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.loading-circles.center-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.loading-circles > span {
  width: 20px;
  height: 20px;
  margin: -1px;
  background-color: #cccccc;
  border-radius: 50%;
  -webkit-animation-name: bubbling;
  animation-name: bubbling;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.loading-circles > span:nth-child(2 ) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.loading-circles > span:nth-child(3 ) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
@-moz-keyframes bubbling {
  0% {
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@-webkit-keyframes bubbling {
  0% {
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@-o-keyframes bubbling {
  0% {
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@keyframes bubbling {
  0% {
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
}
.input-row.has-loading .loading-circles {
  top: 18px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.loading-box .loading-circles {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.loading-box .loading-circles > span {
  width: 30px;
  height: 30px;
}
.cell-loading > * {
  opacity: 0;
}
.cell-loading:before {
  content: '';
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  background-color: #cccccc;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation-name: blink;
  animation-name: blink;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-moz-keyframes blink {
  0% {
    width: 20px;
    height: 20px;
  }
  50% {
    width: 3px;
    height: 3px;
  }
  100% {
    width: 20px;
    height: 20px;
  }
}
@-webkit-keyframes blink {
  0% {
    width: 20px;
    height: 20px;
  }
  50% {
    width: 3px;
    height: 3px;
  }
  100% {
    width: 20px;
    height: 20px;
  }
}
@-o-keyframes blink {
  0% {
    width: 20px;
    height: 20px;
  }
  50% {
    width: 3px;
    height: 3px;
  }
  100% {
    width: 20px;
    height: 20px;
  }
}
@keyframes blink {
  0% {
    width: 20px;
    height: 20px;
  }
  50% {
    width: 3px;
    height: 3px;
  }
  100% {
    width: 20px;
    height: 20px;
  }
}
@-moz-keyframes xLoading {
  0% {
    width: 80%;
  }
  50% {
    width: 0;
  }
  100% {
    width: 80%;
  }
}
@-webkit-keyframes xLoading {
  0% {
    width: 80%;
  }
  50% {
    width: 0;
  }
  100% {
    width: 80%;
  }
}
@-o-keyframes xLoading {
  0% {
    width: 80%;
  }
  50% {
    width: 0;
  }
  100% {
    width: 80%;
  }
}
@keyframes xLoading {
  0% {
    width: 80%;
  }
  50% {
    width: 0;
  }
  100% {
    width: 80%;
  }
}
.block {
  margin-bottom: 20px;
}
.block .block-title {
  padding-bottom: 10px;
  border-bottom: 1px solid #d1d1d1;
}
.block .block-content {
  padding: 30px 20px;
}
.block .block-content.block-content.block-content {
  margin: 0;
}
.block-footer {
  padding: 20px 0;
}
.message-box {
  width: 100%;
  margin: 20px 0;
  padding: 10px 30px;
  background-color: #f5f5f5;
  border-radius: 2px;
  font-size: 1em;
}
@media screen and (max-width: 767px) {
  .message-box {
    font-size: 0.7em;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .message-box {
    font-size: 0.8em;
  }
}
@media screen and (min-width: 992px) and (max-width: 1160px) {
  .message-box {
    font-size: 0.9em;
  }
}
.message-box .message-title {
  font-size: 1.2em;
  line-height: 2;
}
.message-box .message-title:before {
  content: '';
  border-bottom: 1px solid #e7e7e7;
  width: 100%;
  top: 50%;
}
.message-box .message-title > span {
  background-color: #f5f5f5;
  padding-left: 20px;
}
.message-box .message-content {
  padding: 20px 0;
  font-size: 1.1em;
  line-height: 2;
}
.message-box.message-help {
  background-color: #fdfcea;
}
.message-box.message-help .message-title > span {
  background-color: #fdfcea;
}
.message-box.message-error .message-title {
  color: #f3423f;
}
.message-box.message-error .message-title:before {
  border-bottom-color: #fdd9d9;
}
.message-box .message-icon {
  width: 8%;
  padding-right: 20px;
}
.message-box .message-text {
  width: 72%;
  padding: 0 20px;
  font-size: 0.9em;
  line-height: 2.3;
}
.message-box .message-button {
  width: 20%;
}
.message-box .message-button > .submit {
  width: 90%;
  font-size: 0.9em;
}
@media screen and (max-width: 767px) {
  .message-box .message-icon {
    width: 15%;
  }
  .message-box .message-text {
    width: 85%;
    padding: 0 20px;
  }
  .message-box .message-button {
    width: 100%;
    padding-top: 20px;
  }
  .message-box .message-button > .submit {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1160px) {
  .message-box .message-text {
    padding: 0 10px;
  }
}
.inner_container .form_row.current-password {
  margin-bottom: 45px;
}
.strong-password {
  margin-top: 5px;
}
.strong-password .status-color {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #c9c9c9;
  margin-left: 10px;
}
.strong-password .status-text {
  font-size: 1em;
  font-weight: 400;
  color: #c9c9c9;
}
.strong-password .status-text > span {
  padding: 0 5px;
  font-weight: 500;
  border-radius: 2px;
}
.strong-password.weakest .status-color {
  background-color: #f8776a;
}
.strong-password.weakest .status-text > span {
  color: #f8776a;
}
.strong-password.weak .status-color {
  background-color: #ffb400;
}
.strong-password.weak .status-text > span {
  color: #ffb400;
}
.strong-password.medium .status-color {
  background-color: #d1d62d;
}
.strong-password.medium .status-text > span {
  color: #d1d62d;
}
.strong-password.strong .status-color {
  background-color: #93d94d;
}
.strong-password.strong .status-text > span {
  color: #93d94d;
}
.strong-password.strongest .status-color {
  background-color: #74bf2a;
}
.strong-password.strongest .status-text > span {
  color: #74bf2a;
}
.status-desc {
  margin: 10px 0;
  background-color: #fafafa;
  padding: 10px 15px;
  border-radius: 2px;
}
.breadcrumb {
  background: #fafafa;
  font-size: 13px;
  Box-shadow:0px 0px 5px #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  height: 41px;
}
.breadcrumb a,
.breadcrumb span {
  margin-left: 20px;
  padding: 0 1px 0 15px;
  margin-right: -20px;
  white-space: nowrap;
  font-weight: normal;
  line-height: 40px;
  height: 40px;
  color: #cccccc;
}
.breadcrumb a:first-child {
  margin-right: 0;
  padding-right: 15px;
  line-height: 45px;
}


.breadcrumb span {
  color: #616161;
}
.breadcrumb i {
  font-size: 18px;
  margin-top: -3px;
  color: #cccccc;
}



.logged-in.not-admin > section {
  padding-bottom: 50px;
}
.code textarea {
  font: 13px system, 'Courier new', 'Courier-new', courier, tahoma !important;
}
#admin-dashboard aside .logo img {
  margin-left: 95px;
}
#admin-dashboard aside .logo svg {
  left: 35px;
}
.fa .red {
  color: #e12312 !important;
  font-size: 22px !important;
}
.fa .green {
  color: #31c200 !important;
}
.fa .orange {
  color: #ffb800 !important;
}
.fa .black {
  color: #000 !important;
}
.table .fa {
  font-size: 15px !important;
}
.columns-container {
  margin: 0.95em 0;
}
.expandable > .content {
  padding: 15px;
  padding-top: 20px;
  top: -5px;
  z-index: 1;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.expandable .handler {
  cursor: pointer;
  padding: 10px;
  z-index: 2;
  border-radius: 3px;
  background: #f5f5f5;
  border: 1px solid #ccc;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.expandable .handler:after {
  content: '�';
  background: #f5f5f5;
  padding: 3px 5px 3px 5px;
  left: 10px;
  top: 6px;
  color: #999;
  z-index: 150;
  font-size: 15px;
  font-family: FontAwesome;
}
.expandable.open .handler:after {
  content: '';
  top: 12px;
}
.box {
  width: 49.5%;
  font-size: 12px;
  color: #444;
  border-width: 2px;
  letter-spacing: 0.3px;
  padding-bottom: 50px;
}
.box p {
  text-align: justify;
  min-height: 130px;
}
.dashboard-row {
  margin-top: 10px;
  padding: 2px;
}
.dashboard-row > .left,
.publisher-chart > * {
  padding: 35px 25px 5px;
}
.dashboard-box {
  white-space: nowrap;
  width: 23.5%;
  margin-left: 1.5%;
  padding: 40px 30px 20px;
}
.dashboard-box h3 small {
  font-size: 12px;
}
.dashboard-box h3 {
  font-size: 22px;
  line-height: 1.5;
  text-shadow: 0 1px 0 #333;
  font-weight: 300;
}
.dashboard-box h4 {
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0;
  word-spacing: -4px;
  color: #eee;
}
.dashboard-box.ltshadow h3 {
  text-shadow: none;
}
.dashboard-box.ltshadow h4 {
  color: #aaa;
}
.dashboard-row {
  margin-top: 15px;
}
.dashboard-row .width33 {
  width: 32.3% !important;
}
.publisher-row .dashboard-box:last-child {
  margin-left: 0;
  width: 24.96%;
}
.overview .width-50 .dashboard-box {
  width: 47%;
  margin-left: 3%;
}
.scale-transition.scale-transition.scale-transition {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
}
.less-margin-not-top {
  margin: 0 5px 5px 5px;
}
.xntitle {
  margin: 0 0 40px 0;
  padding: 6px 30px 6px;
  border-bottom: 2px dotted #ccc;
  font-size: 16px;
  font-weight: 100;
  color: #888;
  background: url("../images/xntitle.png") no-repeat right;
}
.xntitle span {
  color: #000;
}
.xntitle-new {
  margin: 0;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: normal;
  color: #333;
}
.xntitle-new.low-margin {
  margin-bottom: 10px;
}
.xntitle-new.magnet-bottom {
  margin-bottom: -10px;
}
.xntitle-new.margin-top {
  margin-top: 20px;
}
.xntitle-new.more-margin-top {
  margin-top: 40px;
}
.xntitle-new.margin {
  margin: 25px 0;
}
.xntitle-new.small {
  font-size: 13px;
}
.xntitle-new > * {
  padding: 6px 0 6px 12px;
  z-index: 7;
}
.xntitle-new.gray-title > * {
  background: #f3f3f3;
}
.xntitle-new:before {
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
  top: 50%;
  left: 0;
  z-index: 5;
}
.xntitle-new .new {
  background: #e12312;
  margin: 0;
  font-size: 9px;
  min-width: 16px;
  padding: 2px 3px 2px;
  line-height: 14px;
  border-radius: 5px;
}
#targeting_form .xntitle-new > span {
  padding: 6px 0 6px 12px;
}
.xntitle-black {
  margin: 15px 0;
  color: #363636;
  font-size: 14pt;
}
.navigationbar {
  margin: 5px 0 12px 0;
}
.trial {
  background: #fdffad;
  border: 1px solid #f0f3a0;
  color: #ff2a2a;
  margin: 0 0 0 5px;
  font-size: 11px;
  font-weight: normal;
  min-width: 16px;
  padding: 4px 6px;
  line-height: 14px;
  border-radius: 5px;
}
.inline-datebox {
  float: none !important;
}
.label-input {
  margin: 0;
}
.label-input:first-child {
  margin: 0;
}
.label-input input {
  margin-left: 5px;
}
.star-red {
  color: #f00;
}
.errors {
  color: #c00;
}
.errors .error-message {
  padding: 5px 15px;
}
.errors .error-message:before {
  content: '- ';
}
.settings.errors {
  margin-right: 150px;
}
.trumpet ~ .overview .stats:first-child {
  padding-top: 25px;
}
.overview .stats + .stats {
  padding-top: 45px;
}
.publisher-chart > :last-child {
  width: 50%;
}
.publisher-chart > :first-child {
  width: 48.5%;
}
.overview-info {
  background-color: #f8f8f8;
  padding: 13px 12px 10px 12px;
  font-size: 12px;
  font-weight: normal;
  color: #333;
  letter-spacing: 0.3px;
  border: 1px solid #eee;
  box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
}
.overview-info span {
  margin: 0 5px;
  font-weight: normal;
}
.api_box {
  font-family: 'verdana';
  width: 31%;
  background-color: #f8f8f8;
  padding: 20px 15px 25px 15px;
  margin: 5px 1%;
  font-size: 12px;
  color: #444;
  letter-spacing: 0.3px;
  border: 1px solid #eee;
  box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
  height: 245px;
}
.api_box span {
  background-color: #f8f8f8;
}
.api_box p {
  padding: 15px 20px;
}
.api_box i {
  font-size: 80px;
}
.api_box input {
  border: 0;
  background-color: #f8f8f8;
  color: #444;
  font-weight: bold;
  font-family: 'verdana';
  width: 100%;
  padding-top: 10px;
}
.api_box input:focus {
  border: 0;
  background-color: #f8f8f8;
  box-shadow: none;
}
.public-cont {
  margin-left: auto;
  margin-right: auto;
}
.login-with {
  width: 105px;
  margin-top: 10px;
  padding: 10px 20px;
  background-color: #ccc;
  text-indent: -9999px;
  background-image: url("../images/login-with-logos.png");
  background-repeat: no-repeat;
  background-position: 18px center;
  border-radius: 50px;
  -webkit-transition: 1.2s;
  -webkit-transition: 1.2s;
  -moz-transition: 1.2s;
  -ms-transition: 1.2s;
  -o-transition: 1.2s;
  transition: 1.2s;
/*.login-with i
		padding-right 10px
		font-size 18px
		vertical-align middle
		border-right 1px solid #fff
		margin-right 10px
	*/
}
.login-with:first-child {
  margin-top: 25px;
}
.login-with:hover,
.login-with:focus {
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.login-with.google {
  background-position: -183px center;
}
.login-with.google:hover,
.login-with.google:focus {
  background-color: #f34336;
}
.login-with.yahoo {
  background-position: -76px center;
}
.login-with.yahoo:hover,
.login-with.yahoo:focus {
  background-color: #3e018d;
}
.login-with.linkedin:hover,
.login-with.linkedin:focus {
  background-color: #069;
}
.login-content {
  padding: 30px 0;
}
.login-content .submit {
  -webkit-appearance: none;
}
.login-topbar {
  background: #f3f3f3;
  border-bottom: 1px solid #ccc;
  font-size: 13px;
  padding: 10px;
  width: 100%;
  top: 0;
  z-index: 200;
  font-weight: normal;
}
.login-topbar img {
  max-height: 35px;
  margin-left: 5px;
}
.login-topbar li {
  margin-left: 10px;
  border-radius: 5px !important;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.login-topbar li a i {
  font-size: 16px;
  padding-left: 6px;
}
.login-form {
  border-left: 1px solid #ddd;
  padding: 0 0 20px 35px;
  padding-left: 80px;
}
#captcha-img {
  margin: 0 -3px 5px 10px;
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
  border-radius: 4px;
}
.login_google {
  padding-top: 180px;
  margin-right: 440px;
}
.login_google_login {
  padding-top: 30px;
}
.login_google_box {
  width: 70%;
  margin: auto;
}
.login_google_box .body {
  line-height: 1.6;
}
.login_google .ht {
  font-size: 18px;
  margin-bottom: 10px;
}
.alert_message {
  font-size: 12px;
  margin-bottom: 8px;
  padding: 8px 50px 10px 8px !important;
  line-height: 1.7em;
  color: #5e5e56;
}
.alert_message:before {
  content: '';
  width: 28px;
  height: 25px;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  background: url("../images/tips.png") no-repeat;
}
.alert_message a {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 0;
}
.alert_message .submit {
  border-bottom: inherit;
}
.alert_warning {
  border: 1px solid #e4d35d;
  background-color: #fffbe2;
}
.alert_warning:before {
  background-position: 0 -2px;
}
.alert_tip {
  border: 1px solid #bdc3c7;
  background-color: #ecf0f1;
}
.alert_tip:before {
  background-position: 0 -206px;
}
.alert_success {
  border: 1px solid #a0d58f;
  background-color: #e7fee4;
}
.alert_success:before {
  background-position: 0 -138px;
}
.alert_info {
  border: 1px solid #efefef;
  background-color: #f8f8f8;
}
.alert_info:before {
  background-position: 0 -70px;
}
.overview_alert {
  width: 49%;
  margin: 4px;
}
.sortable {
  border-spacing: 0;
  border: 1px solid #d9d9d9;
  padding: 0;
  color: #000;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  width: 100%;
  border-radius: 4px;
}
.sortable tr {
  height: 29px;
}
.sortable tr > .taright > h3 {
  padding-right: 5px;
}
.sortable th {
  background: #ececec;
  color: #565656;
  border-bottom: 1px solid #fff;
  padding: 6px 3px 7px 3px;
  text-shadow: 0 1px 0 #fff;
  font-weight: normal;
}
.sortable th h3 {
  font-size: 12px;
  font-weight: normal;
}
.sortable td {
  padding: 5px;
  font-size: 12px;
  font-weight: 300;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sortable .head h3 {
  background: url("../images/sort.gif") 7px center no-repeat;
  padding-left: 18px;
}
.sortable .desc,
.sortable .asc {
  background: #b55dba;
}
.sortable .desc h3,
.sortable .asc h3 {
  padding-left: 18px;
}
.sortable .desc h3 {
  background: url("../images/desc.gif") 7px center no-repeat;
}
.sortable .asc h3 {
  background: url("../images/asc.gif") 7px center no-repeat;
}
.sortable tr:nth-of-type(even) td {
  background: #fff;
}
.sortable tr:nth-of-type(odd) td {
  background: #f9f9f9;
}
.sortable td.evenselected {
  background: #eee;
}
.sortable td.oddselected {
  background: #ddd;
}
.sortable th:first-child,
.div-tbl div:first-child,
.mysite_block > div > div:first-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
.sortable th:last-child,
.div-tbl div:last-child,
.mysite_block > div > div:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}
.sortable td:first-child,
.tbl-tr div:first-child,
.mysite_block > div > div:last-child {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.sortable td:last-child,
.tbl-tr div:last-child,
.mysite_block > div > div:last-child {
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.sortable .evenrow td,
.evenrow {
  background: #fff;
}
.sortable .oddrow td,
.oddrow {
  background: #f9f9f9;
  text-shadow: 1px 1px 0 #fff;
}
.search-row:hover {
  background: #f0f0f0;
}
.all-center-tbl th,
.all-center-tbl td {
  text-align: center !important;
}
.div-tbl {
  display: table;
  border: 1px solid #d9d9d9;
  font-size: 12px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tbl-head {
  display: table-row;
  background: #ececec;
  border-bottom: 1px solid #fff;
  color: #565656;
  height: 30px;
  font-size: 13px;
  padding: 6px 3px 8px 3px;
  text-shadow: 0 1px 0 #fff;
}
.tbl-tr {
  display: table-row;
  height: 96px;
  line-height: 22px;
}
.tbl-tr:nth-of-type(even) {
  background: #fff;
}
.tbl-tr:nth-of-type(odd) {
  background: #f9f9f9;
}
.tbl-tr a {
  color: #404040;
}
.tbl-tr:hover,
.sortable tr:hover td {
  background: #fcfcd7;
}
.tbl-td {
  display: table-cell;
  white-space: nowrap;
}
.tbl-td > div {
  cursor: default;
}
.tbl-tdcolspan {
  margin-right: 110px;
  margin-top: 36px;
  font-size: 12px;
}
.cp-tbl a {
  color: #cccccc;
  text-decoration: underline;
}
.cp-tbl i.fa,
.sortable i.fa {
  color: #444;
  padding-left: 5px;
  font-size: 17px;
}
.cp-tbl i.fa-mobile,
.sortable i.fa-mobile {
  font-size: 25px;
}
.cp-tbl i.fa-shopping-cart,
.sortable i.fa-shopping-cart {
  font-size: 20px;
}
#ut,
#ut + p,
#ut + p + p {
  font: 13px;
}
#ut {
  border-spacing: 5px;
  color: #333;
  padding-bottom: 5px;
  border-collapse: collapse;
  border: 1px solid #aaa;
  margin: auto;
}
#ut td,
#ut th {
  border-bottom: 1px solid #ccc;
  padding: 5px;
  font-weight: normal;
  border-right: 1px solid #ccc;
}
#ut th {
  text-shadow: 0 1px 0 #fff;
  font-size: 18px;
}
#ut th:nth-child(2) {
  color: #cccccc;
}
#ut th:nth-child(3) {
  color: #e2bd00;
}
#ut th:nth-child(4) {
  color: #a0a0a0;
}
#ut th:nth-child(5) {
  color: #aa5c12;
}
#ut th:nth-child(6) {
  color: #0079b2;
}
#ut td:first-child,
#ut th:first-child {
  border-right: none;
}
#ut.basic td:nth-child(6),
#ut.basic th:nth-child(6),
#ut.bronze td:nth-child(5),
#ut.bronze th:nth-child(5),
#ut.silver td:nth-child(4),
#ut.silver th:nth-child(4),
#ut.gold td:nth-child(3),
#ut.gold th:nth-child(3),
#ut.vip td:nth-child(2),
#ut.vip th:nth-child(2) {
  background: #f6f6f6;
}
#ut .redcolor,
#ut + p .redcolor,
#ut + p + p .redcolor {
  color: #f00;
}
.tick {
  margin: 50px 20px -260px 10px;
}
.tick:after {
  height: 246px;
  top: -286px;
}
.shaba {
  margin: 50px 20px -170px 10px;
}
.shaba:after {
  height: 170px;
  top: -205px;
}
.shaba::after,
.tick::after {
  content: "";
  width: 2px;
  background-color: #eadef3;
}
.fa-sort-desc {
  margin-top: -10px;
}
.fa-sort-up {
  margin-top: 3px;
}
#overlay {
  width: 100%;
  height: 100%;
  min-height: 100%;
  background: #ddd;
  top: 0;
  left: 0;
  z-index: 1000;
}
#lightbox {
  top: 45%;
  left: 50%;
  border: 1px solid #aaa;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#lightbox .popup-btn {
  padding: 6px 18px 6px 18px;
  font-size: 8pt;
  right: 10px;
  bottom: 10px;
  font-weight: bold;
  border-radius: 0;
}
#lightbox #submit-loader {
  left: 7px;
  top: 7px;
}
.popupLoading {
  padding: 40px;
}
#xlightbox {
  top: 20%;
  border: 1px solid #cccccc;
  z-index: 1100;
}
.admin-crm {
  top: 0 !important;
}
.mx-forms td {
  padding: 3px 0;
}
.ticket-col {
  padding: 12px 15px;
  border-left: 1px solid #eee;
  white-space: nowrap;
}
.ticket-col:last-child {
  border-left: 0;
}
.ticket-col img {
  margin-left: 6px;
}
.ticket-col i {
  font-size: 12px;
  color: #888;
  margin-left: 10px;
}
@media screen and (max-width: 640px) {
  .ticket-col {
    float: none;
    border-left: 0;
    width: 100%;
    border-bottom: 1px solid #eee;
  }
}
.ticket-subject {
  border-top: 1px solid #eee;
  padding: 12px 15px;
}
.ticket-subject > span,
.ticket-col > span {
  color: #c9c9c9;
}
.ticket_text {
  line-height: 20px;
  padding: 4px 8px;
  overflow: auto;
}
.ticket-icon {
  background: url("../images/ticket_icons.png") no-repeat top left;
}
.ticket-section {
  background-position: 0 -36px;
  width: 16px;
  height: 16px;
}
.ticket-priority-1,
.ticket-priority-2,
.ticket-priority-3 {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
}
.ticket-priority-1 {
  background: url("../images/ticket_priority.png") 0 0;
}
.ticket-priority-2 {
  background: url("../images/ticket_priority.png") 0 -36px;
}
.ticket-priority-3 {
  background: url("../images/ticket_priority.png") 0 -72px;
}
.ticket-reply:last-child {
  border: none;
}
.ticket-reply .ticket-head {
  border-bottom: 1px solid #eee;
  padding-bottom: 8px;
  margin-bottom: 16px;
}
.ticket-reply .ticket-head i {
  font-size: 12px;
}
.ticket-reply .ticket-head > div > span {
  margin-right: 10px;
}
.ticket-reply .ticket-text {
  padding-right: 12px;
  line-height: 20px;
}
.ticket-reply .attachment {
  background: #f7f7f7;
  padding: 8px 10px;
  border: 1px solid #eee;
  margin-top: 8px;
}
.ticket-reply .attachment i {
  color: #bbb;
  margin-left: 4px;
}
.ticket-reply.anetwork {
  border-right: 3px solid #cccccc;
}
.ticket-reply.user {
  border-right: 3px solid #3ab900;
}
.ticket-reply.user .ticket-head .right {
  color: #3ab900;
}
.ticket-reply.new-ticket-reply textarea {
  resize: none;
  width: 84%;
  height: 90px;
}
@media screen and (max-width: 800px) {
  .ticket-reply.new-ticket-reply textarea {
    width: 100%;
  }
  .ticket-reply.new-ticket-reply textarea + input {
    width: 100%;
    margin-top: 10px;
  }
}
.ticket-reply.new-ticket-reply textarea,
.ticket-reply.new-ticket-reply select {
  max-width: 100%;
}
.ticket-reply.new-ticket-reply > form > .right {
  width: 78%;
}
.ticket-reply.new-ticket-reply > form > .right textarea,
.ticket-reply.new-ticket-reply > form > .right select {
  width: 100%;
}
.ticket-reply.new-ticket-reply > form > .right select {
  margin-top: 10px;
}
@media screen and (max-width: 800px) {
  .ticket-reply.new-ticket-reply > form > .right {
    width: 100%;
    margin-bottom: 20px;
  }
}
.ticket-reply.new-ticket-reply input {
  width: 14%;
}
.ticket-reply.new-ticket-reply input[type='file'] {
  width: auto;
}
.ticket-reply.new-ticket-reply > form > .left {
  width: 20%;
}
.ticket-reply.new-ticket-reply > form > .left > input {
  width: 100%;
  margin-top: 14px;
}
@media screen and (max-width: 800px) {
  .ticket-reply.new-ticket-reply > form > .left {
    width: 100%;
    margin-top: 10px;
    width: 30%;
  }
}
.ticket-reply.new-ticket-reply form {
  padding-bottom: 1px;
}
.ticket-topics .text {
  line-height: 20px;
}
.two-col-box div:nth-child(odd) div {
  margin-left: 8px;
}
.two-col-box div:nth-child(even) div {
  margin-right: 8px;
}
.helpful-body {
  margin-top: 10px;
}
.helpful-body :first-child {
  padding-top: 5px;
  padding-left: 10px;
}
.request-box1 {
  width: 49.5%;
}
.request-box2 {
  width: 49.5%;
}
.campaign_box {
  border: 1px solid #dedfe0;
  width: 100%;
  min-height: 40px;
  margin: 0 0 10px 0;
}
.campaign_box .box_header {
  margin: 10px 10px 10px 0;
  font-size: 13pt !important;
  font-weight: 100;
}
.campaign_row_predict .field_name {
  font-size: 9pt;
  padding: 0 10px 5px 20px;
}
.region_select_box {
  width: 100%;
  margin: 0;
  max-width: 100%;
  margin-bottom: 10px;
}
.operation_block {
  margin: 5px 0;
}
.apanel_operation_icon {
  top: 4px;
}
.archive_campaign_select {
  width: 185px;
  margin: 20px 0;
}
#banner_hover {
  width: auto;
  border: 3px solid #7a7a7a;
  z-index: 100;
  padding: 10px;
}
#banner_hover img {
  width: 50%;
}
#banner_hover .loading_banner_hover_image {
  width: 100%;
}
.double_column_header {
  font-size: 16px;
  margin-bottom: 6px;
}
.green_text,
.red_text,
.blue_text,
.report_website {
  background-repeat: no-repeat;
  background-position: right 2px;
}
.green_text {
  color: #008000;
  background-image: url("../images/miniok.png");
}
.red_text {
  color: #f00;
  background-image: url("../images/block.png");
}
.blue_text {
  color: #00f;
  background-image: url("../images/loader.gif");
}
.website_state,
.network_state,
.report_website {
  padding: 3px 35px 5px 0;
}
.report_website {
  background-image: url("../images/flag.png");
}
.website-index-table .fa {
  font-size: 18px !important;
}
.keyword_item {
  background: #eee;
  line-height: 1.2;
  padding: 0 5px 0 15px;
  margin: 5px;
  height: 23px;
  border: 1px solid #cccccc;
  border-radius: 3px;
}
.keyword_close_button {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  background: url("../images/drop-pink.png") no-repeat;
}
.keyword_delete {
  padding: 4px 8px;
  margin-left: 5px;
  color: #cccccc;
  border-left: 1px solid #cccccc;
  top: 0;
  left: 5px;
}
.keyword_delete:hover {
  background-color: #cccccc;
}
.keyword_title {
  top: 3px;
  font-size: 9pt;
  color: #4d4a4a;
}
.banner-state-icon {
  top: 4px;
}
.banner_input_table > .banner_upload_row {
  width: 100%;
}
.banner_input_table > .banner_upload_row input {
  width: 200px;
}
.banner_input_table > .even_up {
  background: #f8f8f8;
  margin: 1px;
}
.banner_input_table .file_upload_lable {
  width: 120px !important;
}
.upload_section {
  width: 100%;
  margin: 0 auto;
}
.banner_preview {
  background: url("../images/loader.gif") center center no-repeat;
  min-width: 30px;
  min-height: 30px;
}
.banner_preview img {
  max-width: 400px;
  max-height: 300px;
}
.step_camp {
  border-radius: 5px;
}
.step_camp .container_camp {
  width: 97%;
  margin: 10px auto;
}
.step_camp ol.steps {
  margin: 0;
  padding: 0;
  list-style: none;
}
.step_camp ol.steps li {
  width: 16%;
  line-height: 3em;
  font-size: 13px;
  white-space: nowrap;
  border-bottom: 4px solid #bbb;
  cursor: default;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
  -webkit-transition: color 0.2s;
}
.step_camp ol.steps li img.img-arrow {
  top: 32px;
  left: -11px;
  z-index: 5;
}
.step_camp ol.steps li img.img-tik {
  top: 17px;
  left: -11px;
  z-index: 5;
}
.step_camp ol.steps li .img-place {
  width: 6px;
  height: 6px;
  background: #808080;
  display: inherit;
  top: 36px;
  left: -4px;
  z-index: 2;
  border-radius: 2px;
}
.step_camp ol.steps li div.progress {
  z-index: 0;
  width: 0;
  background: #9b59b6;
  height: 4px;
  bottom: -4px;
}
.step_camp ol.steps li.steps-done {
  color: #333;
}
.step_camp ol.steps li.steps-done div.progress {
  width: 100%;
}
.step_camp ol.steps li.steps-todo {
  color: #bbb;
}
.campaign-name-item {
  margin: 60px auto 40px auto;
  width: 220px;
  height: 40px;
  font-size: 11pt;
  line-height: 21px;
}
.standard-camp-help {
  padding: 10px;
}
.standard-camp-help .help-description {
  color: #2c3e50;
}
.standard-camp-help h2 {
  color: #2c3e50;
  font-size: 13pt;
  margin: 5px auto;
}
.home-help {
  width: 90%;
  margin: 0 auto;
}
.help-description {
  font-size: 10pt;
  margin-top: 10px;
  padding: 10px;
  line-height: 25px;
}
.campaign-name-span {
  font-size: 16px;
}
.cp_name_select {
  margin: 0 auto;
  width: 450px;
}
.campaign-name-tip {
  font-size: 8pt;
  color: #e74c3c;
  margin-right: 30px;
}
.budget_left_container {
  width: 49%;
}
.budget_right_container {
  width: 49%;
  margin-top: 20px;
}
.campaign-title {
  margin-right: 5px;
  font-size: 13px;
  font-weight: bold;
}
.campaign-name-details {
  padding: 0 !important;
}
.campaign-name-details a {
  color: #666;
  padding: 8px;
}
.campaign-name-details a .campaign-title {
  color: #cccccc;
  border-bottom: 1px solid transparent;
}
.campaign-name-details a:hover .campaign-title {
  border-bottom-color: #cccccc;
}
.custom_click_package {
  font-size: 20px;
  line-height: 30px;
  padding-top: 5px;
  text-shadow: 0 0 1px #2c3e50;
}
.budget_fields .campaign_field {
  margin-top: 5px;
}
.budget_fields label {
  width: 200px;
  font-size: 12pt;
}
.step_camp .budget_fields {
  top: 40px;
  right: 50px;
}
.go_back_to_packages {
  margin: 25px 115px 0 0;
  width: 95px;
}
.step-budget-rls {
  font-size: 12pt;
  margin-right: 15px;
}
.step_camp .banner_left_container {
  width: 49%;
}
.step_camp .banner_right_container {
  width: 49%;
  margin-bottom: 25px;
}
.step_camp .banners_input_container {
  margin-top: 30px;
}
.step_camp .banners_input_container .banner_upload_row {
  width: 320px;
  height: 40px;
}
.step_camp .banners_input_container .banner_upload_row input {
  width: 180px;
}
.step_camp .banners_input_container .banner_upload_row label {
  width: 120px;
}
.step_camp .banners_url_link .banners_url_text {
  font-size: 10pt;
  margin-bottom: 10px;
  line-height: 41px;
}
.step_camp .banners_url_link .banners_url_input {
  width: 240px;
  margin-right: 20px;
  margin-left: 0;
}
.step_camp .step-camp-buttons .previous-step {
  margin-left: 20px;
  white-space: nowrap;
}
.step_camp .step_budget_error {
  width: 300px;
  padding: 20px;
  margin-top: 85px;
}
.step_camp .bad_url_error,
.step_camp .bad_title_error,
.step_camp .bad_desc_error {
  margin-top: 10px;
  color: #f00;
}
.step_camp .payment_info,
.step_camp .credit_info {
  width: 80%;
  font-size: 12pt;
  color: #555;
  margin: 10px auto 0 auto;
}
.step_camp .vat_info {
  background: #fbfbfb;
  border: 1px solid #eaeaea;
  border-bottom: 0;
  padding: 10px 0;
  font-size: 10pt;
}
.step_camp .budget_for_payment {
  margin: 0 auto 0 auto;
  border: 1px solid #eaeaea;
  background: #f4f4f4;
  padding: 10px 0;
}
.campaign_step_container {
  margin-bottom: 25px;
  min-height: 350px;
}
.setting_inner_container .xntitle {
  margin: 0 0 10px 0 !important;
}
.setting_inner_container .banners_input_container {
  margin: 0 auto;
}
.setting_inner_container .banners_input_container .file_upload_lable {
  font-size: 10pt;
  margin: 10px;
  width: 135px;
}
.campaign_paytype {
  width: 380px;
}
.campaign_paytype .pay-type {
  width: 180px;
  padding: 10px;
}
.campaign_paytype .radiobox {
  cursor: default;
  margin: 8px 0 0 5px;
}
.campaign_paytype .logobox img {
  width: 100px;
  margin: 0;
  padding: 0;
}
.campaign_paytype .titlebox {
  font-size: 12pt;
  padding: 0 10px 10px 10px;
}
.campaign_payform {
  width: 450px;
  padding: 0;
  margin-top: 65px;
}
.campaign_payform div {
  padding: 5px;
}
.campaign_payform .title {
  font-size: 14px;
}
.campaign_payform .dec {
  font-size: 11px;
  background: url("../images/warningblue2.gif") no-repeat right top;
  padding-right: 30px;
}
.campaign_payform .b {
  font-weight: bold;
}
.off-price {
  background: #f36031;
  padding: 5px;
  color: #fff;
  font-size: 12pt;
}
.campaign-charging-info {
  background: #f5f5f5;
  border: 1px solid #ddd;
  box-shadow: 0 0 20px #ddd;
}
.campaign-charging-info .ht {
  background: #f1f1f1;
  padding: 5px;
  font-size: 11pt;
  font-weight: 100;
  color: #666;
  border: 1px solid #eee;
  margin: 5px;
}
.campaign-charging-info .body {
  padding: 10px;
  color: #666;
  line-height: 2em;
}
.success-result {
  width: 98%;
  margin: 16px auto;
  background: #e4ffd7;
  border: 1px solid #80e64e;
  padding: 15px;
  font-weight: normal;
  font-size: 14px;
  text-shadow: 0 -1px 0 rgba(255,255,255,0.5);
  border-radius: 3px;
}
.success-result i {
  font-size: 20px;
  margin-left: 14px;
  border: 1px double #22d61a;
  background-color: #6ddc37;
  padding: 4px;
  border-radius: 50%;
  text-shadow: 0 2px 0 #5ec72b;
}
.success-boxes {
  width: 100%;
  margin: 0 auto;
}
.sbox {
  width: 49.5%;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  font-size: 13px;
  padding: 20px;
}
.sbox h3 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 10px;
}
.sbox h3 a {
  font-size: 13px;
}
.sbox span {
  font-weight: normal;
  background: #e0e0e0;
  margin: 0 5px;
  padding: 0 10px;
  border-radius: 3px;
}
.charge_text {
  margin-right: 28px;
  font-size: 13px;
}
.mysite_block {
  width: 33.3%;
  margin-bottom: 12px;
}
.mysite_block:nth-child(1) {
  padding: 0 0 0 8px;
}
.mysite_block:nth-child(2) {
  padding: 0 4px 0 4px;
}
.mysite_block:nth-child(3) {
  padding: 0 8px 0 0;
}
.mysite_block > div {
  width: 100%;
  font-size: 12px;
  color: #444;
  border: 1px solid #d9d9d9;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.mysite_block > div > div {
  width: 100%;
  padding: 7px 10px;
  white-space: nowrap;
}
.mysite_block > div > div:nth-child(odd) {
  background: #f9f9f9;
}
.user_percent_box {
  padding: 6px 8px;
  background: #fcffc9;
  border: 1px solid #edf1b1;
  margin-bottom: 8px;
  white-space: nowrap;
}
.user_percent_box img {
  margin-left: 5px;
}
.error_label {
  color: #f00;
  margin: 10px 0;
}
.bottompad {
  margin-bottom: 15px;
}
.unit_price {
  font-weight: bold;
  font-size: 20px;
}
.confirm_link {
  border-bottom: 1px solid #fff;
}
.inner_container .targeting {
  width: 200px;
  font-size: 8pt !important;
  background: url("../images/yes.png") no-repeat right;
  padding: 3px 23px;
}
.inner_container label.boldtitle {
  width: 150px;
  font-size: 13px;
  font-weight: normal;
}
.inner_container .remain_budget {
  font-size: 14pt;
}
.inner_container .form_row {
  margin: 15px 0 10px 0;
}
.inner_container .charge_remain_budget {
  margin-right: 20px;
  font-size: 10pt;
  padding: 10px;
  background-color: #f3f3f3;
  border-radius: 5px;
}
.inner_container .charge_remain_budget:hover {
  background-color: #cccccc;
}
.inner_container .section_name {
  font-size: 10pt;
  margin: 25px 0 5px 0;
  color: #888;
}
.inner_container .description_text {
  margin: 0 0 10px 0;
  line-height: 20px;
}
.inner_container .xntitle {
  margin: 0 0 10px 0 !important;
}
#select-campaign {
  font-size: 23px;
  margin: 20px auto 25px;
}
.box-s-row {
  margin: 0 auto;
  width: 70%;
}
.fa-lightbulb-o {
  font-size: 20px;
  padding-left: 10px;
  color: #ffb934;
}
.website-description li {
  padding: 4px 0;
}
.simple_link {
  color: #909;
  border-bottom: 1px solid #909;
  padding: 0 0 2px 0;
  margin-left: 18px;
}
#live_loading {
  top: -41px;
  left: 50%;
  margin-right: 8px;
}
.live_box {
  border: 1px solid #ccc;
  margin-bottom: 8px;
  padding: 5px 10px;
  background: #f6f6f6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.06), 0 3px 3px rgba(0,0,0,0.05);
  text-shadow: 1px 1px 0 #fff;
}
.live_field {
  width: 25%;
  padding: 5px 0;
}
.live_field img {
  margin-left: 6px;
  width: 16px;
  height: 16px;
}
.new_click {
  background: #fdffd9 !important;
}
.color_1 {
  background: #fefefe;
}
.color_2 {
  background: #f6f6f6;
}
#general-popup-body {
  left: 0;
  top: 2%;
  width: 100%;
  z-index: 10000;
}
#general-popup-msg {
  margin: 0 auto;
  border: 1px solid;
  padding: 15px;
  border-radius: 5px;
}
.general-popup-msg-green {
  background: #caf1a1;
  border-color: #6ead2b;
  color: #517a25;
}
.general-popup-msg-red {
  background: #f1a8b1;
  border-color: #de5566;
  color: #aa1e2f;
}
.general-popup-msg-silver {
  background: #d7d7d7;
  border-color: #b2b2b2;
  color: #505050;
}
#os_list {
  margin: 6px 20px 0 0;
}
#os_list label {
  width: 50%;
  margin-top: 8px;
}
#targeting_form .width40 {
  width: 40%;
  padding: 0 2%;
}
#targeting_form .width20 {
  width: 20%;
  padding: 0 2%;
}
#alert-box {
  margin: -5px 30px 0 0;
  padding: 10px 10px 10px 10px;
  height: 40px;
}
.validation-notification-alert {
  border: 1px solid #ffbaba;
  background-color: #fff9f9;
  box-shadow: 0 0 10px -3px rgba(242,63,63,0.5);
  -webkit-box-shadow: 0 0 10px -3px rgba(242,63,63,0.5);
  -moz-box-shadow: 0 0 10px -3px rgba(242,63,63,0.5);
}
.cr-notification-alert {
  border: none;
  -webkit-box-shadow: inset 0 0 17px 3px rgba(255,0,0,0.64);
  -box-shadow: inset 0 0 17px 3px rgba(255,0,0,0.64);
  width: 20px;
  height: 20px;
}
.v-n-a-bulb {
  padding: 10px;
  font-size: 20px;
  color: #ffd500;
}
.Gx-table {
  display: table;
  width: 100%;
  padding: 15px;
  font-weight: normal;
}
.Gx-table-row input[type='checkbox'],
.Gx-table-row input[type='radio'] {
  margin: 10px;
}
.Gx-table-row {
  display: table-row;
  border: solid 10px;
  padding: 10px;
}
.Gx-table-row select {
  min-width: 256px;
}
.Gx-table-cell {
  display: table-cell;
  height: 40px;
  padding-left: 10px;
  min-width: 140px;
}
.desp .Gx-table-cell {
  height: 20px;
}
@media all and (max-width: 900px) and (min-width: 767px) {
  .Gx-table-cell {
    min-width: 80px;
  }
}
.Gx-table-cell label {
  -webkit-transition: 2.2s;
  -webkit-transition: 2.2s;
  -moz-transition: 2.2s;
  -ms-transition: 2.2s;
  -o-transition: 2.2s;
  transition: 2.2s;
  font-size: 13px;
}
@media all and (max-width: 442px) {
  .Gx-table-cell label {
    line-height: 38px;
    width: 20px;
  }
}
.Gx-table-description {
  margin: -2px 7px 10px 5px;
  color: #939393;
  padding: 5px;
  width: 241px;
}
.Gx-table-err-message {
  color: #ff5656;
  display: table-cell;
}
.size-tag {
  padding: 0 5px;
  background-color: #eee;
  color: #404040;
  border-radius: 4px;
  margin: 0 2px 4px 2px;
}
#dragAndDropFiles {
  border: 1px dashed #ccc;
  border-radius: 5px;
  width: 100%;
  min-height: 150px;
  line-height: 30px;
  padding-top: 15px;
  color: #92aab0;
  margin: 10px 0;
  font-weight: bold;
}
#banner_ajx_upload {
  padding: 10px 0;
}
.progressBar {
  width: 200px;
  height: 22px;
  background-color: #e0e0e0;
  border-radius: 5px;
  margin: 4px 10px 5px 5px;
}
.progressBar div {
  height: 100%;
  line-height: 22px;
  background-color: #909;
  border-radius: 3px;
}
.campaign_step_container .progressBar div {
  background-color: #29a000 !important;
}
.statusbar {
  font-family: tahoma;
  line-height: 21px;
  min-height: 25px;
  width: 100%;
}
.statusbar:nth-child(even) {
  background: #ebeff0;
}
.filename {
  width: 130px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.filesize {
  color: #30693d;
  width: 16%;
}
.filesize,
.filename,
.icn {
  margin: 5px 10px 5px 5px;
}
.icn {
  font-size: 18px;
  top: 0;
  right: 0;
}
.abort {
  background-color: #a8352f;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-family: arial;
  font-size: 13px;
  font-weight: normal;
  padding: 4px 15px;
}
.banner_upload_row #ufile-text {
  width: 150px;
  margin-top: 10px;
}
.template-notification {
  border: 1px solid;
  width: 54vw;
  margin: auto;
  margin-top: 10px;
  padding: 8px;
  padding-bottom: 30px;
  color: #898989;
  border-radius: 5px;
  height: 35px;
}
.template-notification > .right {
  font-size: 24px;
}
.template-notification > .center {
  margin-right: 20px;
}
.template-notification > .left {
  font-size: 24px;
}
.tn-warning {
  color: #f9cf2c;
  background-color: #ffffd0;
}
.tn-alert {
  color: #f9622c;
  background-color: #ffe4da;
}
.tn-info {
  color: #98a5ff;
  background-color: #fafafa;
}
.tn-success {
  color: #1bbe1d;
  background-color: #e7ffe8;
}
.sla_info,
.active {
  margin-right: 0;
}
.active-b {
  margin-right: 250px;
}
.active-c {
  margin-right: 224px;
}
.active-d {
  padding-left: 250px;
}
#admin-dashboard .active-b {
  margin-right: 280px;
}
#admin-dashboard .active-d {
  padding-left: 280px;
}
.targeting-info .fa-question-circle,
#tools-edit-profile .fa-question-circle {
  color: #909090;
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#tools-edit-profile .fa-question-circle {
  margin-right: 5px;
}
.container_camp .targeting-info .fa-question-circle {
  margin: 5px;
}
.fa-gg-circle {
  color: #cccccc !important;
}
.fademe {
  outline: 3px dashed #777575;
  border-color: #fff;
}
.fademe::before,
.fademe::after {
  z-index: 10;
}
.fademe::before {
  content: '';
  width: 100%;
  height: 100%;
  color: #000;
  opacity: 0.9;
  top: 0;
  right: 0;
}
.fademe::after {
  content: "بنرهای خود را به اینجا بکشید";
  width: 411px;
  height: 10px;
  color: #929292;
  margin-right: -205px;
  top: 50%;
  right: 50%;
  font-size: 30px;
  font-weight: bold;
}
.iframe {
  margin: 5px;
}
#xlightbox .loading {
  width: 300px;
  height: 220px;
  margin: 0 auto;
}
#xlightbox .loading .alogo {
  padding-top: 60px;
}
#xlightbox .loading .alogo img {
  animation: logo-anim 1s cubic-bezier(0.51, 0.23, 0.02, 0.96) infinite;
}
#xlightbox .loading .ashadow {
  animation: logo-shadow 1s cubic-bezier(0.51, 0.23, 0.02, 0.96) infinite;
  width: 70px;
  height: 5px;
  border-radius: 50%;
  margin: 0 auto;
  background: #e9e9e9;
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
}
#xlightbox .loading h3 {
  width: 84px;
  margin: 20px auto 0 auto;
  font-family: arial;
  font-size: 15px;
  letter-spacing: 3px;
  white-space: nowrap;
}
@-webkit-keyframes logo-anim {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(0.74, 1.1) translateY(-20px);
    -moz-transform: scale(0.74, 1.1) translateY(-20px);
    -ms-transform: scale(0.74, 1.1) translateY(-20px);
    -o-transform: scale(0.74, 1.1) translateY(-20px);
    transform: scale(0.74, 1.1) translateY(-20px);
  }
}
@-webkit-keyframes logo-shadow {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(0.7, 1.1);
    -moz-transform: scale(0.7, 1.1);
    -ms-transform: scale(0.7, 1.1);
    -o-transform: scale(0.7, 1.1);
    transform: scale(0.7, 1.1);
    opacity: 0.5;
  }
}
@-webkit-keyframes boom-boom {
  0% {
    -webkit-transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
.env-label {
  width: 100%;
  top: 0;
  z-index: 10000;
  font-size: 10pt;
  font-family: tahoma;
  pointer-events: none;
}
.env-label span {
  background: #d07e2a;
  padding: 2px 11px 8px 11px;
  left: 50%;
  margin-left: -75px;
  border-radius: 0 0 5px 5px;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-animation: boom-boom 2s ease-out 2 both;
  animation: boom-boom 0.5s ease 2 both;
}
.env-label.anetwork-local span {
  background: #2e8bda;
}
.env-label.anetwork-beta span {
  background: #e74c3c;
}
.env-label.hidden span {
  -webkit-animation: none;
  animation: none;
}
.fraud-website-note {
  color: #e7880d;
}
.form-error {
  color: #f15757;
  padding: 2px 0 4px 0;
  font-size: 11px;
}
.code-style {
  width: 100%;
  font-family: verdana;
  line-height: 18px;
  height: 90px;
  resize: none;
  margin: 10px auto 0 auto;
}
.width50-r {
  padding: 0 0 0 8px !important;
}
@media screen and (max-width: 767px) {
  .width50-r {
    padding: 0 !important;
    margin-bottom: 20px;
  }
}
.width50-l {
  padding: 0 8px 0 0 !important;
}
@media screen and (max-width: 767px) {
  .width50-l {
    padding: 0 !important;
  }
}
.new-title {
  font-size: 10px;
  font-weight: 900;
  text-shadow: 1px 0 #f00, 0 -1px #f00, 0 1px #f00, -1px 0 #f00;
  padding: 0 0 0 13px;
  margin-left: 0;
}
@media screen and (max-width: 520px) {
  .form.shortner-form .row span {
    min-width: 100px;
  }
}
@media screen and (max-width: 480px) {
  .form.shortner-form label input {
    width: 100%;
  }
  .form.shortner-form .row .submit {
    float: right;
  }
}
.password-eye #show-pass {
  right: 10px;
  top: 50%;
  margin-top: -6px;
}
.share-campaign-button {
  margin-left: 10px;
}
.help-center-reference {
  padding: 15px 20px;
  background-color: #efefef;
  border-radius: 2px;
  margin-top: 20px;
}
.help-center-reference .help-link {
  color: #188cde;
  font-size: 1.3em;
  font-weight: 500;
  z-index: 1;
}
.help-center-reference .help-link > i {
  margin-left: 0.5em;
  font-size: 1.5em;
}
.text-information {
  padding-right: 70px;
  min-height: 50px;
  font-size: 1em;
  font-weight: 500;
  line-height: 2.3;
  color: #ababab;
}
.text-information div {
  margin-top: 0;
  padding: 20px 0;
}
.text-information > i {
  top: 50%;
  right: 5px;
  font-size: 3.6em;
  font-weight: 500;
  color: #e5e5e5;
  line-height: 1;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.datepicker.standard-buttons .datepicker-custom {
  margin-top: 0;
}
.datepicker.standard-buttons input[type="submit"] {
  margin-left: 5px;
}
.ui-datepicker.ui-datepicker.ui-datepicker {
  font-family: 'IRANSans', tahoma, sans-serif;
  padding: 0;
  border: none;
  width: 250px;
  margin-top: 10px;
  box-shadow: 1px 1px 5px -3px #000;
  -webkit-transform: translateX(-94px);
  -moz-transform: translateX(-94px);
  -ms-transform: translateX(-94px);
  -o-transform: translateX(-94px);
  transform: translateX(-94px);
}
.ui-datepicker.ui-datepicker.ui-datepicker:before {
  content: '';
  top: -5px;
  right: 20px;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 5px solid #cccccc;
}
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-header {
  line-height: 55px;
  padding: 0;
  border-radius: 2px 2px 0 0;
}
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-title {
  line-height: inherit;
  font-size: 1.2em;
  font-weight: 400;
  margin: 0 50px;
}
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-prev,
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-next {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  top: 12px;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-next:before {
  top: 9px;
}
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-next:hover {
  background-color: rgba(0,0,0,0.15);
}
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-prev {
  right: 10px;
}
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-prev:before {
  content: '\e002';
  left: 10px;
}
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-next {
  left: 10px;
}
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-next:before {
  content: '\e000';
  left: 7px;
}
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-calendar th {
  width: 14.28%;
  font-size: 1.1em;
  line-height: 45px;
  color: #595858;
  padding: 0;
}
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-calendar td {
  line-height: 30px;
}
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-calendar td span,
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-calendar td a {
  width: 30px;
  height: 30px;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 30px;
  color: #727272;
  padding: 0;
  left: 3px;
  border-radius: 50%;
}
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-calendar td:hover a {
  background-color: #e4e4e4;
  color: #cccccc;
  font-weight: 600;
}
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-calendar td a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ui-datepicker.ui-datepicker.ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
  background-color: #36bb81;
}
.page-container {
  max-width: 1200px;
  margin: 0 auto;
  font-size: 1em;
}
@media screen and (max-width: 767px) {
  .page-container {
    width: 100%;
    font-size: 0.7em;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .page-container {
    width: 100%;
    font-size: 0.8em;
  }
}
@media screen and (min-width: 992px) and (max-width: 1259px) {
  .page-container {
    width: 100%;
    font-size: 0.9em;
  }
}
.loading-data {
  height: 100%;
}
.loading-data:after {
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.loading-data .loading-circles {
  z-index: 3;
}
.has-overlay .overlay {
  width: 100%;
  height: 100%;
  top: 120%;
  left: 0;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.has-overlay .overlay .center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.has-overlay:hover code {
  filter: blur(5px);
}
.has-overlay:hover .overlay {
  top: 0;
  opacity: 1;
}
@-moz-keyframes boom-boom {
  0% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes boom-boom {
  0% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes boom-boom {
  0% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes boom-boom {
  0% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.topbar .right .help a {
  padding-left: 20px;
  padding-right: 20px;
}
.stats:first-child {
  padding-top: 0 !important;
}






/********************************************/
/********************phone and tablet************************/
/********************************************/
/********************************************/

		
		
		.nav li a{
			color: #fff!important;
			font-size: 14px;
		}
		
		ul ul li a{
			text-align: right;
			padding-right: 40px!important;
			font-size: 13px!important;
      position: relative;
		}
		
		
		
		
		
#side-menu,.side-menu-overlay{position:fixed;top:0;min-height:100%;display:none}body.overflow-hidden{overflow:hidden}#side-menu{width:300px!important;right:-300px;overflow-y:auto;z-index:1035;background:#fff;padding:20px 30px;color:#7b7a7a!important;transition:.4s}body.side-menu-visible #side-menu{transform:translateX(-300px)}#side-menu .contents{margin-top:15px}#side-menu .nav-link{color:#7b7a7a!important;font-size:16px;font-weight:600;padding:12px 0}#side-menu .nav-link:hover{opacity:.8}#side-menu .close{font-size:36px;font-weight:400}.side-menu-overlay{left:0;min-width:100%;background:rgba(0,0,0,.4);z-index:100}#side-menu.side-menu-left{right:auto;left:-300px}body.side-menu-visible #side-menu.side-menu-left{transform:translateX(300px)}
		
		
		
body.overflow-hidden {
  overflow:hidden;
}

/********************phone menu*************************/
		
#side-menu {
  display:none;
  position:fixed;
  width:250px!important;
  top:0;
  right:-250px;
  min-height:100%;
  z-index:109999999999999999999;
  background:#383838;
  padding:0px;
  color:#7b7a7a!important;
  transition:0.4s;
}

body.side-menu-visible #side-menu {
  transform:translateX(-250px);
}

#side-menu .contents {
  margin-top:15px;
}

#side-menu .nav-link {
  color:#7b7a7a!important;
  font-size:14px;
  padding:12px 0;
}



#side-menu .close {
	margin-right: 15px;
	margin-top: 5px;
  	font-size:45px;
	color: #333;
}

.side-menu-overlay {
  position:fixed;
  left:0;
  top:0;
  min-width:100%;
  height:100%;
  background:rgba(0,0,0,0.2);
  z-index:109999999999999999999;
  display:none;
}

#side-menu.side-menu-left {
  right: auto;
  left: -250px;
}

body.side-menu-visible #side-menu.side-menu-left {
  transform:translateX(250px);
}

.d-inline-block{
  display: inline-block;
}
.top-banner{
  height: 165px;
  background-size: cover;
  background-position: center;
  border-radius: 18px;
  padding: 20px;
}
.survey{
  height: 50px;
  background-color: red;
  background-image: linear-gradient(to left, #ee0b15 , #8e038c);
  color: white;
  border-radius: 18px;
  padding: 7px 20px;
  display: none;
}
.answerItem{
  padding-right: 30px
}
.answerItem li{
  padding: 5px;
  border-bottom: 1px solid #eee
}
.answerItem li:last-child{
  border-bottom: none;
}
.text-white,.text-light{
  color: white;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.text-left{
  text-align: left;
}
.price-bar{
  width: 120px;
  height: 120px;
  background-size: cover;
  float: left;
  background-image: url(../img/price-bar.png);
  text-align: center;
  padding-top: 44px;
  line-height: 20px;
  color: white;
  font-size: 0.9em;
}
.mybox{
  background-image: url(../img/topbar-2.png);
  background-size: 102% 102%;
  min-height: initial !important;
  border-radius: 20px;
  background-position: center;
  padding: 48px 12px;
}
.mybox button{
  background-color: #383838;
  color: white;
  border: 3px solid white;
  font-size: 16px;
  padding: 9px 22px;
  border-radius: 30px;
  font-family: iran;
}