/*===================================================================
	Global  
===================================================================*/
html[dir="rtl"] body, 
html[dir="rtl"] select, 
html[dir="rtl"] option,
html[dir="rtl"] select option {
	font-family: 'DroidArabicKufi', sans-serif !important;
	font-weight: 400 !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"] .pull-right {
	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;
}
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"] .form-control{
	text-align: right;
}
html[dir="rtl"] .table>thead>tr>th,
html[dir="rtl"] .table>tbody>tr>td{
	text-align: right;
}
html[dir="rtl"] .table>thead>tr>th.text-center,
html[dir="rtl"] .table>tbody>tr>td.text-center {
    text-align: center;
}
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"] select.form-control {
  padding: 0 12px 0 25px;
  background: url(../img/select_caret.svg) no-repeat left .75rem center/10px, url(../img/select_bg.svg) repeat !important;
}
html[dir="rtl"] .switch .slider:before {
  left: auto;
  right: 4px;
}
html[dir="rtl"] .switch input:checked + .slider:before {
  -webkit-transform: translateX(-14px);
  -ms-transform: translateX(-14px);
  transform: translateX(-14px);
}
html[dir="rtl"] .dropdown-menu{
  right: auto;
  left: 0;
  text-align: right;
}
html[dir="rtl"] .dropdown.custom-dropdown .dropdown-menu, html[dir="rtl"] .dropdown.custom-dropdown.open .dropdown-menu {
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
html[dir="rtl"] .search-field {
  background: url(../img/search_icon.png) no-repeat right 8px center;
}
html[dir="rtl"] .input-calendar{
	background: url(../img/calendar_bg.svg) no-repeat left 10px center;
    padding: 0 12px 0 32px;
}
html[dir="rtl"] .mr-20{ margin-left: 20px !important; }
/*==========================
	Drawer code  
============================*/
html[dir="rtl"] .drawer-footer .btn {
    padding: 6px 10px 6px 18px;
}
html[dir="rtl"] .custom-drawer.drawer-right .drawer-wrapper{
	right: auto;
	left: 0;
}
html[dir="rtl"] .custom-drawer.drawer-right .drawer-wrapper {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
html[dir="rtl"] .custom-drawer.in.drawer-right .drawer-wrapper {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
}
html[dir="rtl"] .drawer-footer .btn + .btn{
  margin: 0 8px 0 0;
}
html[dir="rtl"] .drawer-footer .btn i{
  margin: 0 0 0 5px;
}
/*==========================
Custom Checkbox & Radio code  
============================*/
html[dir="rtl"] .custom-control {
  padding-left: 0;
  padding-right: 25px;
  text-align: right;
}
html[dir="rtl"] .custom-indicator{
	left: auto;
	right: 0;
}
/*==========================
  Left Column code  
============================*/
html[dir="rtl"] .left-col{
  float: right;
}
html[dir="rtl"] .action-btn .dropdown-menu i{
  float: left;
}
html[dir="rtl"] .action-btn ul.action-ul > li + li {
  margin: 0 10px 0 0;
}
html[dir="rtl"] .action-btn .dropdown-menu img{
  margin: 0 0 0 5px;
}
html[dir="rtl"] .search-wrap .form-control{
  padding: 6px 35px 6px 12px;
  background-position: right 10px top 7px;
}
html[dir="rtl"] .secondary-menu-wrap{
  left: auto;
  right: 0;
}
html[dir="rtl"] .secondary-menu-header{
  padding: 0 0 0 35px;
}
html[dir="rtl"] .secondary-menu-header .close-menu{
  right: auto;
  left: 0;
  transform: rotate(180deg);
}
html[dir="rtl"] .secondary-menu-wrap ul li a, html[dir="rtl"] .search-menu-listing ul li a{
  border-left: none;
  border-right: 3px solid transparent;
}
html[dir="rtl"] .secondary-menu-wrap ul li a i, html[dir="rtl"] .search-menu-listing ul li a i{
  margin: 0 0 0 15px;
}
html[dir="rtl"] .search-wrap i{
  right: auto;
  left: 10px;
}
/*==========================
  Right Column code  
============================*/
html[dir="rtl"] .right-col,
html[dir="rtl"] .ticket-listing ul li{
  float: right;
}
html[dir="rtl"] .page-header .page-title .back-btn {
  transform: rotate(180deg);
  margin: 0 0 0 10px;
}
html[dir="rtl"] .custom-table .table-dropdown{
  float: left; 
}
html[dir="rtl"] .page-buttons{
  margin: 0 auto 0 0; 
}
html[dir="rtl"] .page-buttons .btn:not(.btn-icon){
  padding: 5px 13px 5px 19px;
}
html[dir="rtl"] .page-buttons .btn:not(.btn-icon) i{
	font-size: 20px;
	margin: 0 0 0 7px;
}
html[dir="rtl"] .page-buttons .btn + .btn{
	margin: 0 10px 0 0;
}
html[dir="rtl"] .custom-header > .rightbar {
  padding: 0 15px 0 10px;
}
html[dir="rtl"] .custom-header > .leftbar:before {
  right: auto;
  left: -7px;
  transform: translateY(-50%) rotate(-90deg);
}
html[dir="rtl"] .custom-header > .rightbar .btn {
  margin: 0 auto 0 0;
}
html[dir="rtl"] .custom-header > .rightbar .btn i {
  margin: 0 0 0 5px;
}
html[dir="rtl"] .export-dropdown + .btn {
  margin: 0 10px 0 0;
}
html[dir="rtl"] .export-dropdown .dropdown-toggle i{
  right: auto;
  left: 1px;
}
html[dir="rtl"] .export-dropdown .dropdown-toggle:after{
  right: auto;
  left: -1px;
  border-radius: 3px 0 0 3px;
}
html[dir="rtl"] .export-dropdown .dropdown-menu{
  right: auto;
  left: -5px;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
html[dir="rtl"] .export-dropdown .dropdown-toggle[aria-expanded="true"] ~ .dropdown-menu {
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
html[dir="rtl"] .export-dropdown .dropdown-menu:before{
  right: auto;
  left: 15px;
}
html[dir="rtl"] .export-dropdown .dropdown-menu li a i{
  margin: 0 0 0 8px;
}
html[dir="rtl"] .breadcrumb-wrapper .breadcrumb li i[class^="icon-chevron-"], html[dir="rtl"] .table-pagination .pagination li i{
  transform: rotate(180deg);
}
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-meta > .rightbar .btn{
  padding: 9px 26px 7px;
}
html[dir="rtl"] .table-pagination .pagination li:not(:last-child) > *{
  margin: 0 0 0 5px;
}
html[dir="rtl"] .custom-listing ul li > .leftbar{
  margin: 0 0 0 10px;
}
html[dir="rtl"] .company-listing ul.listing-ul > li > .leftbar{
  margin: -1px -1px -1px 0;
  border-radius: 0 4px 4px 0;
}
html[dir="rtl"] .company-meta .company-id{
  border-radius: 0 3px 3px 0;
}
html[dir="rtl"] .company-meta .company-status{
  margin: 0 -1px 0 0;
  border-radius: 3px 0 0 3px;
}
html[dir="rtl"] .custom-table .table>tbody>tr>td .table-badge, 
html[dir="rtl"] .ticket-badge {
  padding: 4px 10px 2px;
}
html[dir="rtl"] .custom-table.config-table .table>tbody>tr>td:first-child{
  border-right: none;
  border-left: 5px solid #FFF;
}
html[dir="rtl"] .custom-search-heading{
  left: auto;
  right: 10px;
}
html[dir="rtl"] .custom-search .custom-search-wrap > .rightbar{
  border-left: none;
  border-right: 1px solid #e5e5e5;
}
html[dir="rtl"] .custom-search .custom-search-wrap > .rightbar .btn + .btn {
  margin: 0 10px 0 0;
}
/*==========================
 Ticket Page code  
============================*/
html[dir="rtl"] .ticket-listing ul li + li {
  padding: 0 8px 0 0;
  margin: 0 8px 0 0;
}
html[dir="rtl"] .ticket-panel-header > .rightbar .btn {
  padding: 4px 15px 2px;
}
html[dir="rtl"] .ticket-listing ul li + li:before{
  left: auto;
  right: 0;
}
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{
  right: auto;
  left: -10px;
  margin: 0 0 0 8px !important;
}
html[dir="rtl"] .custom-table .table-dropdown:hover .dropdown-menu li a i{
  right: auto;
  left: 0;
}
html[dir="rtl"] .ticket-wrapper > .leftbar{
  float: right;
}
html[dir="rtl"] .ticket-wrapper > .rightbar{
  float: left;
  right: auto;
  left: -300px;
  border-left: none;
  border-right: 1px solid #ddd;
  border-radius: 0 0 0 15px;
  box-shadow: 2px 0 6px 2px rgb(0 0 0 / 0%);
}
html[dir="rtl"] .ticket-wrapper.col-open > .rightbar{
  right: auto;
  left: 0;
  box-shadow: 2px 0 6px 2px rgb(0 0 0 / 8%);
}
html[dir="rtl"] .panel-cursor{
  left: auto;
  right: -20px;
}
html[dir="rtl"] .ticket-wrapper > .rightbar .panel-cursor i {
  transform: rotate(180deg);
}
html[dir="rtl"] .ticket-wrapper.col-open > .rightbar .panel-cursor i {
  transform: rotate(0deg);
}
html[dir="rtl"] ul.message-ul li.message-li .message-row > .rightbar ul li:last-child .message-wrap:before {
  bottom: 0px;
  left: auto;
  right: -15px;
  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: -18px;
  bottom: -3px;
  transform: rotate(90deg);
}
html[dir="rtl"] ul.message-ul li.message-li:nth-child(even) .message-row > .rightbar .message-meta span {
  text-align: left;
}
html[dir="rtl"] .ticket-panel-body ul li .ticket-info-right{
  text-align: left;
}
html[dir="rtl"] .message-box > .rightbar ul li.send-li i{
  transform: rotate(180deg);
  left: auto;
  right: 2px;
}
/*==========================
 Tree Page code  
============================*/
html[dir="rtl"] .tree-wrapper ul {
  border-left: none;
	border-right: 1px dotted #aaa;
}
html[dir="rtl"] .tree-wrapper ul::after{
  left: auto;
  right: -1px;
}
html[dir="rtl"] .tree-wrapper ul ul {
	margin: 10px 6px 0 0;
}
html[dir="rtl"] .tree-wrapper ul li{
	padding: 0 15px 0 0;
}
html[dir="rtl"] .tree-wrapper ul li:before {
  left: auto;
  right: 0;
}
/*==========================
 Support Team code  
============================*/
html[dir="rtl"] .support-wrap > .leftbar{
  float: right;
}
html[dir="rtl"] .support-wrap > .rightbar{
  float: left;
}
html[dir="rtl"] .support-listing ul li i{
	right: auto;
	left: 3px;
	transform: translateY(-50%) rotate(180deg);
}
html[dir="rtl"] .support-listing ul li p + p {
  padding: 0 9px 0 0;
  margin: 0 3px 0 0;
}
html[dir="rtl"] .support-listing ul li p + p::before{
  left: auto;
	right: 0;
}
/*==========================
  dashboard page code  
============================*/
html[dir="rtl"] .dashboard-icon-box{
  left: auto;
  right: -35px;
}
html[dir="rtl"] .dashboard-icon-box i{
  left: auto;
  right: 50%;
}
html[dir="rtl"] .product-chart > div, html[dir="rtl"] ul.stats-ul li{
  float: right;
}
html[dir="rtl"] ul.stats-ul li:not(:last-child) {
  border-right: none;
  border-left: 1px solid #ddd;
}




















































/*===================================================================
	Max 1199px
===================================================================*/
@media (max-width: 1440px){
}
/*===================================================================
	Max 1380px
===================================================================*/
@media (max-width: 1380px){
}
/*===================================================================
	Max 1199px
===================================================================*/
@media (max-width: 1199px) {
}

/*===================================================================
	Max 991px
===================================================================*/
@media (max-width: 991px) {
}

/*===================================================================
	Max 768px
===================================================================*/
@media (max-width: 768px) {
}


/*===================================================================
	Max 767px
===================================================================*/
@media (max-width: 767px) {
}


/*===================================================================
	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;
  }
  html[dir="rtl"] .col-sm-offset-12 {
    margin-right: 100%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-sm-offset-11 {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-sm-offset-10 {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-sm-offset-9 {
    margin-right: 75%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-sm-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-sm-offset-7 {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-sm-offset-6 {
    margin-right: 50%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-sm-offset-5 {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-sm-offset-4 {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-sm-offset-3 {
    margin-right: 25%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-sm-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-sm-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  html[dir="rtl"]  .col-sm-offset-0 {
    margin-right: 0;
    margin-left: 0;
  }
}
/*===================================================================
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;
}
}