/*===================================================================
	Global  
===================================================================*/
html[dir="rtl"] body,
html[dir="rtl"] body *,
html[dir="rtl"] select, 
html[dir="rtl"] select option{
	font-family: 'DroidArabicKufi', sans-serif !important;
	font-weight: 400 !important;
}
html[dir="rtl"] .fa {
	font-family: FontAwesome !important;
}
html[dir="rtl"] .glyphicon{
    font-family: 'Glyphicons Halflings' !important;
}
html[dir="rtl"] [class^="icon-"], html[dir="rtl"] [class*=" icon-"] {
    font-family: 'smacc' !important;
}
html[dir="rtl"] .lg-icon {
    font-family: lg !important;
}
html[dir="rtl"] input::-ms-input-placeholder {
    text-align: right;
}
html[dir="rtl"] input::-webkit-input-placeholder {
    text-align: right;
}
html[dir="rtl"] input::-moz-placeholder {
 text-align: right;
}
html[dir="rtl"] .model-wrap input::-ms-input-placeholder {
    text-align: center;
}
html[dir="rtl"] .model-wrap input::-webkit-input-placeholder {
    text-align: center;
}
html[dir="rtl"] .model-wrap input::-moz-placeholder {
 text-align: center;
}
html[dir="rtl"] .pull-right,
html[dir="rtl"] .services-row .col-xs-3 {
	float:left !important;
}
html[dir="rtl"] .pull-left {
	float:right !important;
}
html[dir="rtl"] .text-right {
    text-align: left !important;
}
html[dir="rtl"] .text-left {
    text-align: right !important;
}
html[dir="rtl"] .col-xs-1, html[dir="rtl"] .col-xs-2, html[dir="rtl"] .col-xs-3, html[dir="rtl"] .col-xs-4, html[dir="rtl"] .col-xs-5, html[dir="rtl"] .col-xs-6, html[dir="rtl"] .col-xs-7, html[dir="rtl"] .col-xs-8, html[dir="rtl"] .col-xs-9, html[dir="rtl"] .col-xs-10, html[dir="rtl"] .col-xs-11, html[dir="rtl"] .col-xs-12 {
    float: right;
}
html[dir="rtl"] .sub-label{
    float: left;
}
html[dir="rtl"] .form-control{
	text-align:right;
}
html[dir="rtl"] .form-control[dir="ltr"]{
    text-align: left;
}
html[dir="rtl"] .table>thead>tr>th{
    font-weight: 700 !important;
	text-align: right;
}
html[dir="rtl"] .custom-table .table > thead > tr > th a{
    font-weight: 700 !important;
}
html[dir="rtl"] .radio label, 
html[dir="rtl"] .checkbox label {
    padding-left: 0;
    padding-right: 20px;
}
html[dir="rtl"] .radio label input,
html[dir="rtl"] .checkbox label input{
	left: auto;
	right: 0;
}
html[dir="rtl"] th{
	text-align: right;
}
html[dir="rtl"] select.form-control {
	padding: 0 12px 0 25px;
    background: url(../img/select_caret.svg) no-repeat left .75rem center/8px, url(../img/select_bg.svg) repeat;
}
html[dir="rtl"] .search-field {
    background: url(../img/search-icon-rtl.png) no-repeat right 8px center;
}
html[dir="rtl"] .field-loader.search-field {
    background: url(../img/loaders_bg/field_loader.svg) no-repeat left 5px center/24px, url(../img/search-icon-rtl.png) no-repeat right 8px center;
}
html[dir="rtl"] .input-time {
    background-position: left 5px center;
}
html[dir="rtl"] .input-date {
    background-position: left 5px center;
}
html[dir="rtl"] .action-links a+a {
    margin: 0 11px 0 0;
}
html[dir="rtl"] .date-format{
    direction: ltr;
    text-align: right !important;
}

html[dir="rtl"] .field-loader {
    background-position: left 5px center;
}

html[dir="rtl"] .date-control, html[dir="rtl"] .time-control{
    background: url(../img/calendar-outline.svg) no-repeat left 10px center / 20px;
    padding: 0 12px 0 30px;
}
html[dir="rtl"] .popover.bottom>.arrow:after{
    margin: 0 -10px 0 0;
}
html[dir="rtl"] ul.bullets-ul{
	padding: 0 20px 0 0;
}
html[dir="rtl"] .bootstrap-datetimepicker-widget {
	direction: ltr;
}
/*=========================================
	Custom Checkbox and Raio Button code  
==========================================*/
html[dir="rtl"] .custom-control{
    padding: 0 25px 0 0;
}
html[dir="rtl"] .custom-indicator{
    left: auto;
    right: 0;
}

html[dir="rtl"] .switch .slider:before{
    left: auto;
    right: 3px;
}
html[dir="rtl"] .switch input:checked + .slider:before {
    -webkit-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
}

/*================================
	Input group Addon RTL Code
=================================*/

html[dir="rtl"] .input-group-addon:first-child {
    border-right: 1px solid #ccc;
    border-left: none;
}
html[dir="rtl"] .input-group-addon:last-child{
    border-left: 1px solid #ccc;
    border-right: none;
}
html[dir="rtl"] .input-group .form-control:last-child,
html[dir="rtl"] .input-group-addon:last-child,
html[dir="rtl"] .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, 
html[dir="rtl"] .input-group-btn:first-child>.btn:not(:first-child), 
html[dir="rtl"] .input-group-btn:last-child>.btn, 
html[dir="rtl"] .input-group-btn:last-child>.btn-group>.btn, 
html[dir="rtl"] .input-group-btn:last-child>.dropdown-toggle {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
html[dir="rtl"] .input-group .form-control:first-child, 
html[dir="rtl"] .input-group-addon:first-child, 
html[dir="rtl"] .input-group-btn:first-child>.btn, 
html[dir="rtl"] .input-group-btn:first-child>.btn-group>.btn, 
html[dir="rtl"] .input-group-btn:first-child>.dropdown-toggle, 
html[dir="rtl"] .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, 
html[dir="rtl"] .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
html[dir="rtl"] .input-group.custom-select-group .input-group-addon select.form-control{
	padding: 0 12px 0 20px;
}

/*================================
	Labels & languages ul code
=================================*/
html[dir="rtl"] label i {
    display: inline-block;
    margin: 0 8px 0 0;
}
html[dir="rtl"] .label-wrapper label,
html[dir="rtl"] .label-wrapper ul li{
	float: right;
}
html[dir="rtl"] .label-wrapper ul{
	float: left;
}
html[dir="rtl"] .label-wrapper ul li+li {
    border-right: none;
	border-left: 1px solid #ddd;
}
html[dir="rtl"] .label-wrapper ul li:first-child {
    border-radius: 0 2px 2px 0;
}
html[dir="rtl"] .label-wrapper ul li:last-child {
    border-radius: 2px 0 0 2px;
}
/*==========================
	select2 code  
============================*/
html[dir="rtl"] .multi-select-listing.select2-container--default .select2-results__option {
    padding: 6px 35px 6px 6px !important;
	text-align: right;
}
html[dir="rtl"] .multi-select-listing.select2-container--default .select2-results__option span:last-child{
	display: inline-block;
}
html[dir="rtl"] .select2-container--default .select2-selection--multiple .select2-selection__choice{
	float: right;
	padding: 0 40px 0 10px !important;
	margin-right: 0;
	margin-left: 5px;
}
html[dir="rtl"] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 0 !important;
    margin-left: 15px !important;
    left: auto;
    right: 10px;
}
html[dir="rtl"] .select2-container--default .select2-selection--multiple .select2-selection__choice span:last-child {
    display: inline-block;
}
html[dir="rtl"] .multi-select-listing.select2-container--default .select2-results__option[aria-selected=false], 
html[dir="rtl"] .multi-select-listing.select2-container--default .select2-results__option[aria-selected=true] {
	background-position: center right 8px;
}
/*================================
	Custom Modal Code
=================================*/
/*html[dir="rtl"] .full-modal.modal.fade .modal-dialog {
	opacity: 1;
	transform: translate3d(0, 100vh, 0);
}*/
html[dir="rtl"] .full-modal.modal.in .modal-dialog {
	transform: translate3d(0, -100%, 0);
}
html[dir="rtl"] .custom-modal .modal-header i{
    right: auto;
    left: 0;
}
html[dir="rtl"] .custom-modal .modal-header .modal-title{
	float: right;
}
html[dir="rtl"] .custom-modal .modal-footer .btn+.btn {
    margin: 0 5px 0 0;
}
html[dir="rtl"] .custom-modal .modal-footer .btn i{
    margin: 0 0 0 4px;
}
html[dir="rtl"] .custom-modal .modal-body{
	text-align: right;
}
/*==========================
	Custom Drawer Code  
============================*/
html[dir="rtl"] .drawer-right {
    right: auto;
	left: 0;
}
html[dir="rtl"] .custom-drawer.drawer-right .drawer-wrapper {
    right: auto;
    left: 0;
}
html[dir="rtl"] .custom-drawer.drawer-right .drawer-wrapper {
    transform: translateX(-100%);
}
html[dir="rtl"] .custom-drawer.in.drawer-right .drawer-wrapper {
    transform: translateX(0%);
}
html[dir="rtl"] .drawer-left {
    left: auto;
	right: 0;
}
html[dir="rtl"] .custom-drawer.drawer-left .drawer-wrapper {
    left: auto;
    right: 0;
}
html[dir="rtl"] .custom-drawer.drawer-left .drawer-wrapper {
    transform: translateX(100%);
}
html[dir="rtl"] .custom-drawer.in.drawer-left .drawer-wrapper {
    transform: translateX(0%);
}


html[dir="rtl"] .drawer-header{
    padding: 0 15px 0 0;
}
html[dir="rtl"] .drawer-footer .btn + .btn{
    margin: 0 5px 0 0;
}
html[dir="rtl"] .drawer-footer .btn i{
    margin: 0 0 0 4px;
}
/*============================
	Categories tree code
=============================*/
html[dir="rtl"] .dd-list .dd-list {
    padding-left: 0px;
	padding-right: 30px;
}
html[dir="rtl"] .dd-item button{
	right: auto;
	left: 50px;
}
html[dir="rtl"] .dd-handle {
	border-right: none;
    border-left: 1px solid #ddd;
}
html[dir="rtl"] .dd-checkbox {
    float: right;
    margin: 0 0 0 10px;
}
html[dir="rtl"] .dd-menu {
    float: left;
    margin-right: auto;
    margin-left: 0;
}
html[dir="rtl"] .dd-content span img{
	margin: 0 0 0 5px;
}
html[dir="rtl"] .tree-wrapper .dropdown-menu {
    right: auto;
    left: 0;
}
html[dir="rtl"] .tree-wrapper .dropdown-menu:before {
    right: auto;
    left: 5px;
}
html[dir="rtl"] .category-wrapper .dropdown-menu{
    right: auto;
    left: 0;
}
html[dir="rtl"] .category-wrapper .dropdown-menu:before{
    right: auto;
    left: 9px;
}
/*================================
	Page wrapper & Left Bar code 
=================================*/
html[dir="rtl"] .page-wrapper .page-sidebar,
html[dir="rtl"] .language-wrap{
    float: right;
}
html[dir="rtl"] .site-logo{
    float: left;
}
html[dir="rtl"] .page-wrapper .page-content{
    float: left;
    border-radius: 0 20px 20px 0;
}
html[dir="rtl"] .user-dropdown .dropdown-toggle > .rightbar{
    padding: 0 10px 0 15px;
}
html[dir="rtl"] .user-dropdown .dropdown-toggle > .rightbar i{
    right: auto;
    left: 0;
}
html[dir="rtl"] .user-dropdown .dropdown-menu li a .leftbar i{
    margin: 0 0 0 8px;
}
html[dir="rtl"] .user-dropdown .dropdown-menu li a .rightbar{
    margin: 0 auto 0 0;
}
html[dir="rtl"] .user-dropdown .dropdown-menu li a .rightbar i[class*=icon-external]{
    transform: rotate(270deg);
}
html[dir="rtl"] .language-drodpown{
    margin: 0 15px 0 0;
}
html[dir="rtl"] .language-drodpown .dropdown-menu li a > .rightbar{
    text-align: right;
}
html[dir="rtl"] .language-drodpown .dropdown-menu li a > .rightbar i{
    right: auto;
    left: -3px;
}
html[dir="rtl"] ul.custom-nav li a{
    padding: 10px 18px 10px 0;
}
html[dir="rtl"] ul.custom-nav li a i{
    margin: 0 0 0 18px;
}
html[dir="rtl"] ul.custom-nav .has-arrow:after{
    right: auto;
    left: 25px;
    transform: rotate(-40deg) translateY(-50%);
}
html[dir="rtl"] .metismenu .has-arrow[aria-expanded=true]:after, 
html[dir="rtl"] .metismenu .active>.has-arrow:after{
    transform: rotate(-135deg) translateY(-50%);
}
html[dir="rtl"] ul.custom-nav li ul.mm-collapse li, 
html[dir="rtl"] ul.custom-nav li ul.mm-collapsing li{
    border-left: none;
    border-right: 4px solid transparent;
}
html[dir="rtl"] ul.custom-nav li ul.mm-collapse li a, 
html[dir="rtl"] ul.custom-nav li ul.mm-collapsing li a{
    padding: 9px 52px 8px 0;
}

/*================================
	Page Content code 
=================================*/
html[dir="rtl"] .mobile-menu{
    left: auto;
    right: 0;
}
html[dir="rtl"] .page-header .page-title .back-btn{
    margin: 0 0 0 10px;
    transform: rotate(180deg);
}
html[dir="rtl"] .page-buttons{
    margin: 0 auto 0 0;
}
html[dir="rtl"] .page-buttons .btn + .btn {
    margin: 0 5px 0 0;
}
html[dir="rtl"] .page-buttons .btn i{
    margin: 0 0 0 5px;
}
html[dir="rtl"] .breadcrumb-wrapper .breadcrumb li i{
    top: 0;
    transform: rotate(180deg);
}
html[dir="rtl"] .breadcrumb-wrapper .breadcrumb li:first-child a{
    margin: 0 0 0 20px;
}
html[dir="rtl"] .breadcrumb-wrapper .breadcrumb li:first-child a i{
    transform: none;
    left: auto;
    right: 2px;
}
html[dir="rtl"] .breadcrumb-wrapper .breadcrumb li:first-child:after{
    border-left: none;
    border-right: 10px solid #ffefeb;
    left: auto;
    right: calc( 100% - 20px );
}
html[dir="rtl"] .custom-heading{
    border-left-width: 1px;
    border-right-width: 3px;
}
html[dir="rtl"] .custom-heading > .leftbar{
    margin: 0 0 0 15px;
}
html[dir="rtl"] .custom-heading > .leftbar:before {
    right: auto;
    left: -7px;
    transform: translateY(-50%) rotate(270deg);
}
html[dir="rtl"] .custom-collapse .panel-heading a span{
    padding: 0 0 0 10px;
}
html[dir="rtl"] .custom-collapse .panel .panel-arrow{
    margin: 0 auto 0 0;
}
html[dir="rtl"] .image-wrapper .image + .image-meta {
    padding: 0 8px 0 0;
}
html[dir="rtl"] .product-title strong{
    margin: 0 0 0 3px;
}
/*================================
	Custom Table code 
=================================*/
html[dir="rtl"] .custom-table .table-meta .custom-filter + .custom-filter,
html[dir="rtl"] .custom-table .table-meta .custom-filter + .leftbar, 
html[dir="rtl"] .custom-table .table-meta > .leftbar + .rightbar{
    margin: 0 10px 0 0;
}
html[dir="rtl"] .custom-table .table-meta > .rightbar .btn + .btn {
    margin: 0 7px 0 0;
}
html[dir="rtl"] .custom-table .table-dropdown{
    float: left;
}
html[dir="rtl"] .custom-table .table-dropdown .dropdown-menu{
    right: auto;
    left: calc( 100% + 3px );
    margin: 0 0 0 -15px;
}
html[dir="rtl"] .custom-table .table-dropdown .dropdown-menu:before {
    right: auto;
    left: -10px;
    transform: translateY(-50%) rotate(-90deg);
}
html[dir="rtl"] .custom-table .table-dropdown .dropdown-menu li a i{
    margin: 0 0 0 5px;
    right: auto;
    left: -10px;
}
html[dir="rtl"] .custom-table .table-dropdown:hover .dropdown-menu li a i {
    right: auto;
    left: 0;
}
html[dir="rtl"] .custom-table .table>tbody>tr>td .btn i{
    /* vertical-align: text-bottom; */
    margin: 0 0 0 3px;
}
html[dir="rtl"] .custom-table .table>thead>tr>th.text-right a{
    float: left;
}
html[dir="rtl"] .status-badge{
    padding: 0 15px 0 0;
}
html[dir="rtl"] .status-badge::before{
    left: auto;
    right: 0;
}
html[dir="rtl"] .table-pagination .pagination li:not(:last-child) > * {
    margin: 0 0 0 5px;
}
html[dir="rtl"] .table-pagination .pagination li i {
    transform: rotate(180deg);
}
/*================================
	Custom Tabs code 
=================================*/
html[dir="rtl"] .custom-tabs .nav-tabs.primary-tabs{
    left: auto;
    right: -20px;
}
html[dir="rtl"] .custom-tabs .nav-tabs>li{
    float: right;
}
html[dir="rtl"] .custom-tabs .nav-tabs.primary-tabs>li:not(:last-child)>a {
    margin: 0 0 0 35px;
}
html[dir="rtl"] .custom-tabs .nav-tabs>li>a i{
    margin: 0 0 0 7px;
}
html[dir="rtl"] .custom-tabs .nav-tabs.secondary-tabs>li:not(:last-child)>a {
    margin: 0 0 0 8px;
}
/*================================
	Custom Tabs Vertical code 
=================================*/
html[dir="rtl"] .custom-tabs-vertical .nav-tabs>li.active>a, html[dir="rtl"] .custom-tabs-vertical .nav-tabs>li.active>a:focus, html[dir="rtl"] .custom-tabs-vertical .nav-tabs>li.active>a:hover,
html[dir="rtl"] .custom-tabs-vertical .nav-tabs>li.selected>a, html[dir="rtl"] .custom-tabs-vertical .nav-tabs>li.selected>a:focus, html[dir="rtl"] .custom-tabs-vertical .nav-tabs>li.selected>a:hover{
  border-right-color: #ccc;
  border-left-color: transparent;
  border-radius: 0 4px 4px 0;
}
html[dir="rtl"] .custom-tabs-vertical .nav-tabs>li>a::after{
  right: auto;
  left: -2px;
}
/*================================
	Image Library code 
=================================*/
html[dir="rtl"] .custom-library{
    margin: 0 -5px 0 0;
}
html[dir="rtl"] .library-wrapper > .leftbar,
html[dir="rtl"] .dz-row,
html[dir="rtl"] ul.rotate-ul li,
html[dir="rtl"] .library-meta-header > .leftbar{
    float: right;
}
html[dir="rtl"] .library-wrapper > .rightbar,
html[dir="rtl"] .dz-select span,
html[dir="rtl"] .library-meta-header > .rightbar,
html[dir="rtl"] .library-meta-body.meta-labels .span-error{
    float: left;
}
html[dir="rtl"] .library-search > .rightbar{
	margin: 0 10px 0 0;
}
html[dir="rtl"] .library-search > .rightbar .btn + .btn {
    margin: 0 7px 0 0;
}
html[dir="rtl"] .library-meta-body.meta-labels span{
    float: right;
    margin: 0 0 0 4%;
}
html[dir="rtl"] .library-drawer .custom-scroll > .mCustomScrollBox > .mCSB_container{
    padding: 0;
}
html[dir="rtl"] ul.rotate-ul li.first a {
    border-radius: 0 2px 2px 0;
}
html[dir="rtl"] ul.rotate-ul li.second a {
    border-radius: 2px 0 0 2px;
}
html[dir="rtl"] ul.rotate-ul li.first a{
	border-right: 1px solid #ccc;
    border-left: none;
}
html[dir="rtl"] ul.rotate-ul li.first:hover + li a{
	border-right-color: #FE582B !important;
}
html[dir="rtl"] .drawer-header span .btn{
    margin: 0 auto 0 0;
}
html[dir="rtl"] .library-meta-header > .rightbar .btn i{
    margin: 0 0 0 4px;
}
/*================================
	Cat Block code 
=================================*/
html[dir="rtl"] .cat-block > .leftbar{
    float: right;
}
html[dir="rtl"] .cat-block > .rightbar{
    float: left;
}
html[dir="rtl"] ul.gallery-ul>li{
    float: right;
    margin: 0 0 15px 15px;
}
html[dir="rtl"] ul.gallery-ul>li .gallery-wrap span{
    right: auto;
    left: 2px;
}
/*================================
	Theme Page code 
=================================*/
html[dir="rtl"] ul.theme-listing li{
    float: right;
}
html[dir="rtl"] .theme-wrap:after {
    padding: 0 0 66.66666%;
}
html[dir="rtl"] .theme-footer .btn{
    margin: 0 0 0 auto;
}
html[dir="rtl"] .theme-meta a:not(.btn) + a {
    margin: 0 5px 0 0;
}
html[dir="rtl"] .theme-meta a:not(.btn) {
    transform: rotate(270deg);
}
html[dir="rtl"] .theme-footer .btn i{
    margin: 0 0 0 3px;
}
html[dir="rtl"] .theme-setup-wrap > .rightbar {
    margin: 0 20px 0 0;
}
html[dir="rtl"] .theme-setup-wrap > .leftbar ul li .progress-meta span{
    margin: 0 0 0 10px;
}
html[dir="rtl"] .theme-setup-wrap > .leftbar ul li .progress-meta p{
    margin: 0 auto 0 0;
}
html[dir="rtl"] .theme-confirm-box .btn i {
    transform: rotate(270deg);
    margin: 0 0 0 3px;
}
html[dir="rtl"] .theme-setting-ul li p{
	margin: 0 auto 0 0;
}
html[dir="rtl"] .theme-setting-ul li i{
	margin: 0 0 0 3px;
}
html[dir="rtl"] .theme-setting-ul li img{
	margin: -2px -5px -2px 1px;
}






/*================================
	Widgets Page code 
=================================*/
html[dir="rtl"] .widgets-heading{
    left: auto;
    right: -15px;
}
html[dir="rtl"] .widget-header > .leftbar i{
    margin: 0 0 0 15px;
}
html[dir="rtl"] .table-meta-tabs .btn i{
    margin: 0 0 0 3px;
}
html[dir="rtl"] .widgets-wrapper .custom-tabs .nav-tabs.primary-tabs{
    left: auto;
    right: -15px;
}
html[dir="rtl"] .widget-header > .rightbar,
html[dir="rtl"] .widget-footer .btn{
    margin: 0 auto 0 0;
}
html[dir="rtl"] .widget-footer .btn i{
    margin: 0 0 0 5px;
}
html[dir="rtl"] .widget-footer .btn.is-loading {
    padding: 7px 18px 7px 35px;
}
html[dir="rtl"] .role-listing .custom-control {
    margin: 5px 0 20px 30px;
}
/*=========================================================
Miscellaneous & Banner & Resize Images code 
==========================================================*/
html[dir="rtl"] .content-listing ul li,
html[dir="rtl"] .resize-wrapper ul li > .leftbar,
html[dir="rtl"] .progress-bar,
html[dir="rtl"] .resize-wrapper ul li > .rightbar{
    float: right;
}
html[dir="rtl"] .template-collapse .panel-heading > .leftbar i{
    margin: 0 0 0 12px;
}
html[dir="rtl"] .template-buttons .btn i{
	margin: 0 0 0 5px;
}
html[dir="rtl"] .editor-footer .btn i {
    font-size: 18px;
    margin: 0 0 0 3px;
}
html[dir="rtl"] .layout-listing ul li .btn{
    margin: 0 10px 0 0;
}
html[dir="rtl"] .banner-dropdowon .dropdown-toggle {
    background: url(../img/select_caret.svg) no-repeat left .75rem center/8px, url(../img/select_bg.svg) repeat;
}
html[dir="rtl"] .banner-dropdowon .dropdown-menu li a span{
    text-align: right;
}
html[dir="rtl"] .logo-block .image-wrapper span{
    right: auto;
    left: 0;
}
/*================================
	Email Template Builder code 
=================================*/
html[dir="rtl"] .tmp-save{
    right: auto;
    left: 5px;
}
html[dir="rtl"] .column-tooltip{
    left: auto;
    right: 0;
    border-radius: 0 2px 2px 0;
}
html[dir="rtl"] .row-tooltip{
    left: auto;
    right: -23px;
}
/*================================
	Dashboard Page code 
=================================*/
html[dir="rtl"] .chart-tabs-wrapper .nav-tabs.primary-tabs{
    left: auto;
    right: 0;
}
html[dir="rtl"] .ticker-wrapper img{
    right: auto;
    left: 30px;
}
html[dir="rtl"] .chart-tabs-wrapper .form-control{
    margin: 0 30px 0 0;
}
html[dir="rtl"] .chart-box ul li{
    padding: 14px 65px 14px 15px;
    border-right-width: 1px;
    border-left-width: 3px;
}
html[dir="rtl"] .chart-box ul li .icon-circle{
    left: auto;
    right: -25px;
}

/*=======================================
	Slider Page code 
=========================================*/
html[dir="rtl"] .slider-box-header .nav-tabs>li,
html[dir="rtl"] .slider-drawer .table>tbody>tr>td > .leftbar{
    float: right;
}
html[dir="rtl"] .slider-box-header .nav-tabs>li>a{
    margin: 0 0 0 1px;
}
html[dir="rtl"] .slider-box-header .btn i,
html[dir="rtl"] .slider-image-meta .btn i{
    margin: 0 0 0 3px;
}
html[dir="rtl"] .slider-drawer .qty-group input{
    padding: 0 12px 0 0;
}
html[dir="rtl"] .slider-drawer .qty-group .qty-minus, 
html[dir="rtl"] .slider-drawer .qty-group .qty-plus{
    float: right;
    right: auto;
    left: 0;
    border: none;
    border-right: 1px solid #e5e5e5;
}
html[dir="rtl"] .border-wrap span {
    margin: 0 12px 0 0;
}
html[dir="rtl"] .radius-wrap input:nth-child(1),
html[dir="rtl"] .radius-wrap input:nth-child(4){
    left: auto;
    right: -1px;
}
html[dir="rtl"] .radius-wrap input:nth-child(2),
html[dir="rtl"] .radius-wrap input:nth-child(3){
    right: auto;
    left: -1px;
}
html[dir="rtl"] .border-wrap {
    margin: -132px 35px 0 0;
}
html[dir="rtl"] .border-wrap input:nth-child(1),
html[dir="rtl"] .border-wrap input:nth-child(3){
	left: auto;
    right: 50%;
	margin-left: auto;
    margin-right: -12px;
}
html[dir="rtl"] .border-wrap input:nth-child(2) {
	right: auto;
    left: -30px;
}
html[dir="rtl"] .border-wrap input:nth-child(4) {
	left: auto;
    right: -30px;
}
html[dir="rtl"] .padding-wrap{
	margin: -103px 35px 0 0;
}
html[dir="rtl"] .padding-wrap input:nth-child(1),
html[dir="rtl"] .padding-wrap input:nth-child(3){
	left: auto;
    right: 50%;
    margin-left: auto;
    margin-right: -12px;
}
html[dir="rtl"] .padding-wrap input:nth-child(2) {
    right: auto;
    left: 10px;
}
html[dir="rtl"] .padding-wrap input:nth-child(4) {
	left: auto;
    right: 10px;
}
/*=======================================
	Sales Module code 
=========================================*/
html[dir="rtl"] .custom-steps ul li a i.last,
html[dir="rtl"] .address-seprator i{
    transform: rotate(180deg);
}
html[dir="rtl"] .custom-steps ul li a i.first{
    margin: 0 0 0 5px;
}
html[dir="rtl"] .custom-steps-arrows a.first {
    left: auto;
    right: 10px;
    padding: 4px 2px 4px 7px;
}
html[dir="rtl"] .custom-steps-arrows a.last {
    right: auto;
    left: 10px;
    padding: 4px 7px 4px 3px;
}
html[dir="rtl"] .custom-steps-arrows a i{
    transform: rotate(180deg);
}
html[dir="rtl"] .order-info{
    float: left;
}
html[dir="rtl"] .billing-info p .btn{
    margin: 0 auto 0 0;
}
html[dir="rtl"] .billing-info ul li{
    padding: 0 35px 0 0;
}
html[dir="rtl"] .billing-info ul li i{
    left: auto;
    right: 0;
}
html[dir="rtl"] .order-wrap li .order-col.first{
    padding: 9px 40px 9px 15px;
}
html[dir="rtl"] .order-body li:before{
    left: auto;
    right: 0;
}
html[dir="rtl"] .order-body li:after{
    left: auto;
    right: 5px;
}
html[dir="rtl"] .order-body li .order-col.first:after{
    left: auto;
    right: 15px;
}
/*=======================================
	Ticket Detail code 
=========================================*/
html[dir="rtl"] .ticket-wrapper > .leftbar{
    float: right;
}


html[dir="rtl"] .ticket-wrapper > .rightbar{
    right: auto;
    left: -300px;
}
html[dir="rtl"] .ticket-wrapper.col-open > .rightbar{
    right: auto;
    left: 0;
    box-shadow: 2px 0 6px rgb(0 0 0 / 8%);
}
html[dir="rtl"] .ticket-wrapper > .rightbar .panel-cursor{
    left: auto;
    right: -20px;
    border-radius: 0 3px 3px 0;
}
html[dir="rtl"] .ticket-wrapper > .rightbar .panel-cursor i{
    transform: rotate(180deg);
}
html[dir="rtl"] .ticket-wrapper.col-open > .rightbar .panel-cursor i{
    transform: none;
}
html[dir="rtl"] ul.message-ul li.message-li:nth-child(even) .message-row > .rightbar .message-meta span{
    text-align: left;
}
html[dir="rtl"] ul.message-ul li.message-li .message-row > .rightbar ul li:last-child .message-wrap:before {
    left: auto;
    right: -15px;
    bottom: 0;
    transform: rotate(180deg);
}
html[dir="rtl"] ul.message-ul li.message-li:nth-child(even) .message-row > .rightbar ul li:last-child .message-wrap:before {
    right: auto;
    left: -17px;
    transform: rotate(90deg);
    bottom: -3px;
}
html[dir="rtl"] .message-attachment ul li > .leftbar i{
    margin: 0 0 0 3px;
}
html[dir="rtl"] .message-attachment ul li > .rightbar{
    border-left: none;
    border-right: 1px solid #e5e5e5;
}
html[dir="rtl"] .message-box > .rightbar ul li.send-li{
    margin: 0 15px 0 0;
    transform: rotate(180deg);
}
html[dir="rtl"] .ticket-attachment ul li > .leftbar{
    float: right;
    padding: 0 30px 0 0;
}
html[dir="rtl"] .ticket-attachment ul li > .leftbar i{
    left: auto;
    right: 0;
}
html[dir="rtl"] .ticket-attachment ul li > .rightbar {
    float: left;
    text-align: left;
}
html[dir="rtl"] .message-box{
    border-radius: 0 0 20px 0;
}
/*==========================
	Store Setup code  
===========================*/
html[dir="rtl"] .setup-wrapper > .left-panel{
	float: right;
}
html[dir="rtl"] .setup-meta{
    left: auto;
    right: 30px;
}
html[dir="rtl"] .setup-wrapper > .right-panel{
	float: left;
}
html[dir="rtl"] .setup-box {
	right: auto;
    left: 3000px;
}
html[dir="rtl"] .setup-box.first-slide {
	right: 0;
	right: auto;
	left: 0;
}
html[dir="rtl"] .sync-wrapper .btn i{
    margin: 0 0 0 5px;
}
@keyframes slide-in {
  0% {
    left: 3000px;
  }
  100% {
    left: 0;
  }
}
@keyframes slide-out {
  0% {
    right: 0;
  }
  100% {
    right: 3000px;
  }
}

/*==========================
	Phone Order code
===========================*/
html[dir="rtl"] .phone-order-steps > .rightbar{
    margin: 0 30px 0 0;
}
html[dir="rtl"] .phone-order-steps ul.panel-group li.panel .panel-heading > .middlebar .step-sub-info{
    display: inline-block;
}
html[dir="rtl"] .empty-panel-wrap .btn i,
html[dir="rtl"] .phone-order-final .btn i,
html[dir="rtl"] ul.cart-ul li.cart-li .cart-item-wrap > .rightbar .cart-price-info i:not(.btn-offers),
html[dir="rtl"] .cart-listing-footer .btn i{
    margin: 0 0 0 5px;
}
html[dir="rtl"] ul.custom-meta li{
    float: right;
}
html[dir="rtl"] .cart-item-del{
    right: auto;
    left: 0;
    border-radius: 3px 0 5px 0;
}
html[dir="rtl"] .cart-item-wrap > .leftbar{
    border: none;
    border-left: 1px solid #e5e5e5;
}
html[dir="rtl"] ul.cart-ul li.cart-li .cart-item-wrap > .rightbar .cart-meta-info {
    padding: 8px 0 5px 25px;
    margin: 0 auto 0 0;
}
html[dir="rtl"] .cart-listing-final ul.cart-ul li.cart-li .cart-item-wrap > .rightbar .cart-meta-info {
    padding: 8px 0 5px 5px;
}
html[dir="rtl"] ul.cart-ul li.cart-li .cart-item-wrap > .rightbar .cart-price-info .btn-offers{
    margin: 0 0 0 10px;
}
html[dir="rtl"] .cart-listing-footer .btn + .btn {
    margin: 0 10px 0 0;
}
html[dir="rtl"] .summary-block-listing-1 {
    left: auto;
    right: -15px;
}
html[dir="rtl"] .order-listing ul li .order-meta .order-meta-table + .order-meta-table{
    border-left: none;
	border-right: 1px solid #ddd;
	padding: 0 30px 0 0;
	margin: 0 30px 0 0;
}
html[dir="rtl"] .step-screen-bar {
    right: auto;
    left: 0;
}
html[dir="rtl"] .cart-note i {
    margin: 0 0 0 10px;
}
html[dir="rtl"] .cart-note span strong {
    font-weight: 700 !important;
}
html[dir="rtl"] .order-listing ul li > .rightbar .btn + .btn{
	margin: 0 10px 0 0 ;
}
/*==================================
	Order Stats & Filter code
===================================*/
html[dir="rtl"] .order-filter:not(:last-child) {
    margin: 0 0 0 10px;
}
html[dir="rtl"] .order-filter .filter-dropdown .dropdown-toggle {
    background: url(../img/filter_bg.svg) no-repeat right 0.75rem center/13px, url(../img/select_caret.svg) no-repeat left 0.75rem center/10px, url(../img/select_bg.svg) repeat;
}
html[dir="rtl"] .order-filter .date-dropdown .dropdown-toggle {
    background: url(../img/calendar_filter_bg.svg) no-repeat right 0.75rem center/13px, url(../img/select_caret.svg) no-repeat left 0.75rem center/10px, url(../img/select_bg.svg) repeat;
}
html[dir="rtl"] .order-filter .dropdown-menu{
    text-align: right;
}
html[dir="rtl"] .order-filter .filter-dropdown .dropdown-menu ul li i{
    margin: 0 auto 0 0;
}
html[dir="rtl"] .order-filter .dropdown-menu:before{
    left: auto;
    right: 10px;
}

/*==================================
	Custom Confirm
===================================*/
html[dir="rtl"] .custom-confirm.side-text .confirm-message span {
	text-align: right;
}
html[dir="rtl"] .custom-confirm.side-text .confirm-buttons {
    justify-content: start;
	flex-direction: row-reverse;
}
html[dir="rtl"] .custom-confirm .confirm-buttons {
	flex-direction: row-reverse;
}

/*==================================
	Box Block
===================================*/
html[dir="rtl"] .boxes-block .single-box-block:before {
    left: unset;
    right: 10px;
}
html[dir="rtl"] .single-box-block .block-info ul li {
    border-right: 0;
    border-left: 1px solid #ccc;
    padding-right: 0;
    padding-left: 5px;
}
html[dir="rtl"] .single-box-block .block-info ul li:last-child {
    border-left: 0;
}

/*==================================
	Summary Block
===================================*/
html[dir="rtl"] .summary-block-listing ul li.li-total {
    left:0;
    right: -15px;
}

/*===================================================================
	Max 1199px
===================================================================*/
@media (max-width: 1199px) {
    html[dir="rtl"] .page-header {
        padding: 5px 65px 5px 15px;
    }
    html[dir="rtl"] .page-wrapper .page-sidebar{
        left: auto;
        right: -300px;
        border-radius: 20px 0 0 20px;
    }
    html[dir="rtl"] body.menu-open .page-wrapper .page-sidebar {
		left: auto;
        right: 0;
	}

	html[dir="rtl"] .footer {
		right: 55px;
	}
}

/*===================================================================
	Max 991px
===================================================================*/
@media (max-width: 991px) {
    html[dir="rtl"] .chart-box ul li {
		padding: 14px 100px 14px 15px;
	}
	html[dir="rtl"] .chart-box ul li .icon-circle{
		left: auto;
        right: 15px;
	}
}

/*===================================================================
	Max 768px
===================================================================*/
@media (max-width: 768px) {
}


/*===================================================================
	Max 767px
===================================================================*/
@media (max-width: 767px) {
    html[dir="rtl"] .custom-tabs .nav-tabs.primary-tabs>li>a{
		margin: 0 0 0 30px !important;
	}
    html[dir="rtl"] .custom-steps ul li:last-child a{
		margin: 0 0 0 15px;
	}
    html[dir="rtl"] .top-meta.meta-panel{
		order: 2;
		margin: 0 auto 0 0;
	}
    html[dir="rtl"] .checkout-tabs-vertical .nav-tabs>li{
        float: right;
      }
}













/*===================================================================
	Min 768
===================================================================*/
@media (min-width: 768px) {
    html[dir="rtl"] .col-sm-1, html[dir="rtl"] .col-sm-2, html[dir="rtl"] .col-sm-3, html[dir="rtl"] .col-sm-4, html[dir="rtl"] .col-sm-5, html[dir="rtl"] .col-sm-6, html[dir="rtl"] .col-sm-7, html[dir="rtl"] .col-sm-8, html[dir="rtl"] .col-sm-9, html[dir="rtl"] .col-sm-10, html[dir="rtl"] .col-sm-11, html[dir="rtl"] .col-sm-12 {
        float: right;
    }
}


/*===================================================================
	Min 992
===================================================================*/
@media (min-width: 992px) {
    html[dir="rtl"] .col-md-1, html[dir="rtl"] .col-md-2, html[dir="rtl"] .col-md-3, html[dir="rtl"] .col-md-4, html[dir="rtl"] .col-md-5, html[dir="rtl"] .col-md-6, html[dir="rtl"] .col-md-7, html[dir="rtl"] .col-md-8, html[dir="rtl"] .col-md-9, html[dir="rtl"] .col-md-10, html[dir="rtl"] .col-md-11, html[dir="rtl"] .col-md-12 {
        float: right;
    }
	html[dir="rtl"] .col-md-offset-12 {
    margin-right: 100%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-md-offset-11 {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-md-offset-10 {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-md-offset-9 {
    margin-right: 75%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-md-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-md-offset-7 {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-md-offset-6 {
    margin-right: 50%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-md-offset-5 {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-md-offset-4 {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-md-offset-3 {
    margin-right: 25%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-md-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-md-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-md-offset-0 {
    margin-right: 0%;
    margin-left: 0;
  }
}

/*===================================================================
	Min 1200
===================================================================*/
@media (min-width: 1200px) {
    html[dir="rtl"] .col-lg-1, html[dir="rtl"] .col-lg-2, html[dir="rtl"] .col-lg-3, html[dir="rtl"] .col-lg-4, html[dir="rtl"] .col-lg-5, html[dir="rtl"] .col-lg-6, html[dir="rtl"] .col-lg-7, html[dir="rtl"] .col-lg-8, html[dir="rtl"] .col-lg-9, html[dir="rtl"] .col-lg-10, html[dir="rtl"] .col-lg-11, html[dir="rtl"] .col-lg-12 {
    	float: right;
 	}
	html[dir="rtl"] .col-lg-offset-12 {
		margin-right: 100%;
		margin-left: 0;
	}
	html[dir="rtl"] .col-lg-offset-11 {
		margin-right: 91.66666667%;
		margin-left: 0;
	}
	html[dir="rtl"] .col-lg-offset-10 {
		margin-right: 83.33333333%;
		margin-left: 0;
	}
	html[dir="rtl"] .col-lg-offset-9 {
		margin-right: 75%;
		margin-left: 0;
	}
	html[dir="rtl"] .col-lg-offset-8 {
		margin-right: 66.66666667%;
		margin-left: 0;
	}
	html[dir="rtl"] .col-lg-offset-7 {
		margin-right: 58.33333333%;
		margin-left: 0;
	}
	html[dir="rtl"] .col-lg-offset-6 {
		margin-right: 50%;
		margin-left: 0;
	}
	html[dir="rtl"] .col-lg-offset-5 {
		margin-right: 41.66666667%;
		margin-left: 0;
	}
	html[dir="rtl"] .col-lg-offset-4 {
		margin-right: 33.33333333%;
		margin-left: 0;
	}
	html[dir="rtl"] .col-lg-offset-3 {
		margin-right: 25%;
		margin-left: 0;
	}
	html[dir="rtl"] .col-lg-offset-2 {
		margin-right: 16.66666667%;
		margin-left: 0;
	}
	html[dir="rtl"] .col-lg-offset-1 {
		margin-right: 8.33333333%;
		margin-left: 0;
	}
	html[dir="rtl"] .col-lg-offset-0 {
		margin-right: 0%;
		margin-left: 0;
	}
}



