@font-face {
    font-family: 'WIranianSens';
    src: url('../fonts/IranianSansWeb-Bold.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'WIranianSens';
    src: url('../fonts/IranianSansWeb-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'WIranianSerif';
    src: url('../fonts/IranianSerifWeb-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}


@font-face {
    font-family: IRANSansBold;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/IRANSans/eot/IRANSansWeb_Bold.eot');
    src: url('../fonts/IRANSans/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('../fonts/IRANSans/woff2/IRANSansWeb_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
         url('../fonts/IRANSans/woff/IRANSansWeb_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/IRANSans/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}
@font-face {
    font-family: IRANSansMedium;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/IRANSans/eot/IRANSansWeb_Medium.eot');
    src: url('../fonts/IRANSans/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('../fonts/IRANSans/woff2/IRANSansWeb_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
         url('../fonts/IRANSans/woff/IRANSansWeb_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/IRANSans/ttf/IRANSansWeb_Medium.ttf') format('truetype');
}
@font-face {
    font-family: IRANSansLight;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/IRANSans/eot/IRANSansWeb_Light.eot');
    src: url('../fonts/IRANSans/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('../fonts/IRANSans/woff2/IRANSansWeb_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
         url('../fonts/IRANSans/woff/IRANSansWeb_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/IRANSans/ttf/IRANSansWeb_Light.ttf') format('truetype');
}
@font-face {
    font-family: IRANSansUltraLight;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/IRANSans/eot/IRANSansWeb_UltraLight.eot');
    src: url('../fonts/IRANSans/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('../fonts/IRANSans/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
         url('../fonts/IRANSans/woff/IRANSansWeb_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/IRANSans/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/IRANSans/eot/IRANSansWeb.eot');
    src: url('../fonts/IRANSans/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('../fonts/IRANSans/woff2/IRANSansWeb.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
         url('../fonts/IRANSans/woff/IRANSansWeb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/IRANSans/ttf/IRANSansWeb.ttf') format('truetype');
}

/* IRAN Yekan Fonts */
@font-face {
    font-family: IRANYekanBold;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/IRANYekan/eot/iranyekanwebbold.eot');
    src: url('../fonts/IRANYekan/eot/iranyekanwebbold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('../fonts/IRANYekan/woff2/iranyekanwebbold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
         url('../fonts/IRANYekan/woff/iranyekanwebbold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/IRANYekan/ttf/iranyekanwebbold.ttf') format('truetype');
}

@font-face {
    font-family: IRANYekanLight;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/IRANYekan/eot/iranyekanweblight.eot');
    src: url('../fonts/IRANYekan/eot/iranyekanweblight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('../fonts/IRANYekan/woff2/iranyekanweblight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
         url('../fonts/IRANYekan/woff/iranyekanweblight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/IRANYekan/ttf/iranyekanweblight.ttf') format('truetype');
}

@font-face {
    font-family: IRANYekanRegular;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/IRANYekan/eot/iranyekanwebregular.eot');
    src: url('../fonts/IRANYekan/eot/iranyekanwebregular.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('../fonts/IRANYekan/woff2/iranyekanwebregular.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
         url('../fonts/IRANYekan/woff/iranyekanwebregular.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/IRANYekan/ttf/iranyekanwebregular.ttf') format('truetype');
}

/* Latin fonts (Roboto) */

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/IRANYekan/eot/robotobold.eot');
    src: url('../fonts/IRANYekan/eot/robotobold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('../fonts/IRANYekan/woff2/robotobold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
         url('../fonts/IRANYekan/woff/robotobold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/IRANYekan/ttf/robotobold.ttf') format('truetype');
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/IRANYekan/eot/robotolight.eot');
    src: url('../fonts/IRANYekan/eot/robotolight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('../fonts/IRANYekan/woff2/robotolight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
         url('../fonts/IRANYekan/woff/robotolight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/IRANYekan/ttf/robotolight.ttf') format('truetype');
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/IRANYekan/eot/robotoregular.eot');
    src: url('../fonts/IRANYekan/eot/robotoregular.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('../fonts/IRANYekan/woff2/robotoregular.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
         url('../fonts/IRANYekan/woff/robotoregular.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/IRANYekan/ttf/robotoregular.ttf') format('truetype');
}

html,
body {
    direction: rtl;
    font-family: 'IRANSans',sans-serif;
}
div[data-control="media-manager"] .media-list.tiles li .icon-container p,.pika-single{
    font-family: 'IRANSans',sans-serif;
}
.has-rulers[data-control="media-manager-crop-tool"] .ruler li{
    font-family: 'IRANSans',Arial,sans-serif;
}

div.control-popover {
    right: auto !important;
}

div.control-popover.placement-left > div::before{
    border-left: 9px solid rgba(0, 0, 0, 0.15);
    border-right: none;
    left: auto;
    right: -9px;
}

div.control-popover.placement-left > div::after{
    border-left: 8px solid #ffffff;
    border-right: none;
    left: auto;
    right: -8px;

}

div.control-popover.placement-left .popover-head::before{
    border-left: 8px solid #f9f9f9;
    border-right: none;
    left: auto;
    right: -8px;
}

div.control-popover.placement-right > div::before{
    border-left: none;
    border-right: 9px solid rgba(0, 0, 0, 0.15);
    left: -9px;
    right: auto;
}

div.control-popover.placement-right > div::after{
    border-left: none;
    border-right: 8px solid #ffffff;
    left: -8px;
    right: auto;

}

div.control-popover.placement-right .popover-head::before{
    border-left: none;
    border-right: 8px solid #f9f9f9;
    left: -8px;
    right: auto;
}

div.control-popover.placement-bottom > div::before{
    left: 14px;
    right: auto;
}

div.control-popover.placement-bottom > div::after{
    left: 15px;
    right: auto;
}

div.control-popover.placement-bottom .popover-head::before{
    left: 15px;
    right: auto;
}

div.control-popover.placement-top > div::before{
    left: 14px;
    right: auto;
}

div.control-popover.placement-top > div::after{
    left: 15px;
    right: auto;
}


.tooltip.right {
    margin-left: 3px;
}
.tooltip.left {
    margin-right: -3px;
}
.tooltip.top-left .tooltip-arrow {
    left: 5px;
    right: auto;
}
.tooltip.top-right .tooltip-arrow {
    left: auto;
    right: 5px;
}
.tooltip.right .tooltip-arrow {
    border-left-color: transparent;
    border-right-color: #34495e;
    border-width: 5px 5px 5px 0;
    left: 0;
    right: auto;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #34495e;
    border-right-color: transparent;
    left: auto;
    right: 0;
}
.tooltip.bottom-left .tooltip-arrow {
    left: 5px;
    right: auto;
}
.tooltip.bottom-right .tooltip-arrow {
    left: auto;
    right: 5px;
}

.select2-container--default {
    direction: rtl;
}

.select2-container--open .select2-dropdown {
    left: 0;
    right: auto;
    direction: rtl;
}

.component-list .components div.layout div.layout-row div.layout-cell>div::before {
    text-indent: 4px !important;
}

.draggable-component-item>div::after,
.component-list .components div.layout-cell>div::after,
div.control-componentlist div.components div.layout-cell>div::after {
    text-indent: 3px !important;
    transform: rotate(180deg) !important;
}

.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title::before, .fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title::before{
    left: -14px;
    right: auto;
    border-radius: 8px 0 0;
}

.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title::after, .fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title::after{
    left: auto;
    right: -14px;
    border-radius: 0 8px 0 0;
}

.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title::before, .fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title::before{
    left: -20px;
    right: auto;
    border-radius: 8px 0 0;
}

.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title::after, .fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title::after{
    left: auto;
    right: -20px;
    border-radius: 0 8px 0 0;
}

.control-tabs.primary-tabs > ul.nav-tabs > li a > span.title::before, .control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title::before, .control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title::before{
    border-radius: 8px 0 0;
}
.control-tabs.primary-tabs > ul.nav-tabs > li a > span.title::after, .control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title::after, .control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title::after{
    border-radius: 0 8px 0 0;
}

.field-codeeditor .editor-toolbar{
    left: auto;
    right: 10px;
}

.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title::before, .fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title::before{
    border-radius: 8px 0 0;
    left: -11px;
    right: auto;
}

.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title::after, .fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title::after{
    border-radius: 0 8px 0 0;
    right: -11px;
    left: auto;
}

.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title, .fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title{
    padding: 3px 5px 4px;
}

.control-treeview ol > li > div > ul.submenu::after{
    background-position: 0 top;
}

.control-tabs.primary-tabs > ul.nav-tabs > li a > span.title::before, .control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title::before, .control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title::before{
    border-left: 2px solid #e0e0e0;
    border-right: none;
    left: 0;
    right: auto;
}

.control-tabs.primary-tabs > ul.nav-tabs > li a > span.title::after, .control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title::after, .control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title::after{
    border-left: none;
    border-right: 2px solid #e0e0e0;
    right: 0;
    left: auto;
}

.fancy-layout .control-tabs.master-tabs::before, .fancy-layout.control-tabs.master-tabs::before{
    left: 8px;
    right: auto;
}
.fancy-layout .control-tabs.master-tabs::after, .fancy-layout.control-tabs.master-tabs::after{
    left: auto;
    right: 8px;
}

.product-search > i.icon{
    left: auto;
    right: 15px;
}

.beautifier-message-container,.beautifier-raw-content,[data-input-preset-type="url"]{
    direction: ltr;
}

.localization-trigger{
    left: 7 !important;
    right: auto !important;
}

@charset "UTF-8";

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: 'IRANSans',"Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }
.pika-single { *zoom: 1 }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 100%;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button,
.is-outside-current-month .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}

.pika-single.is-rtl{
    direction: ltr !important;
}

.clockpicker-popover{
    right: auto;
}