ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / costbloc.com / public / datta-able / css / layouts

/*
    description Of variables for build for theme layouts
        1) menu-caption-color
            List of color for sidebar menu caption

2) brand-background
            List of color for logo background

3) header-dark-background
            List of color for Dark Header

4) header-light-background
            List of color for light Header

5) menu-dark-background
            List of color for Dark sidebar menu

6) menu-light-background
            List of color for light sidebar menu

7) menu-active-color
            List of color for Active item highliter

8) menu-icon-color
            List of color for sidebar menu items icon colors
*/
/**  =====================
      Custom css start
========================== **/
body {
  direction: rtl;
  text-align: right;
  position: unset;
}

.scroll-div > .scroll-element.scroll-y {
  right: auto;
  left: 6px;
}

.card .card-header h5 {
  margin-right: 0;
  margin-left: 10px;
}
.card .card-header h5:after {
  left: auto;
  right: -25px;
}
.card .card-header .card-header-right {
  left: 10px;
  right: unset;
  float: right;
}
.card-option {
  display: none;
}
.text-left{
  text-align: right;
}
.text-right{
  text-align: left;
}
.mr-auto {
  margin-left: auto ;
  margin-right: unset;
}
.refund-chat .title {
  margin-right: 6px;
  margin-left: unset;
}
.ml-auto {
  margin-right: auto !important;
  margin-left: 0 !important;
}
.text-right {
  text-align: left;
}

.list-group {
  padding-right: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
  padding-left: 8px;
}
.nav {
  padding-right: 0;
  padding-left: unset;
}
.ml-2{
margin-right: 8px;
margin-left: unset;
}
/**  =====================
      Generic-class css start
========================== **/
/*====== Padding , Margin css starts ======*/
.p-l-0 {
  padding-right: 0px;
  padding-left: 0;
}
.p-l-0[class*='col'] {
  padding-left: 15px;
}
.p-r-0 {
  padding-left: 0px;
  padding-right: 0;
}
.p-r-0[class*='col'] {
  padding-right: 15px;
}

.m-l-0 {
  margin-right: 0px;
  margin-left: unset;
}
.m-r-0 {
  margin-left: 0px;
  margin-right: unset;
}

.p-l-5 {
  padding-right: 5px;
  padding-left: unset;
}
.p-r-5 {
  padding-left: 5px;
  padding-right: unset;
}

.m-l-5 {
  margin-right: 5px;
  margin-left: unset;
}
.m-r-5 {
  margin-left: 5px;
  margin-right: unset;
}

.p-l-10 {
  padding-right: 10px;
  padding-left: unset;
}
.p-r-10 {
  padding-left: 10px;
  padding-right: unset;
}

.m-l-10 {
  margin-right: 10px;
  margin-left: 0;
}
.p-l-15 {
  padding-right: 15px;
  padding-left: 0;
}
.p-r-15 {
  padding-left: 15px;
  padding-right: 0;
}

.m-l-15 {
  margin-right: 15px;
  margin-left: 0;
}
.m-r-15 {
  margin-left: 15px;
  margin-right: 0;
}

.p-l-20 {
  padding-right: 20px;
  padding-left: 0;
}
.p-r-20 {
  padding-left: 20px;
  padding-right: 0;
}

.m-l-20 {
  margin-right: 20px;
  margin-left: 0;
}
.m-r-20 {
  margin-left: 20px;
  margin-right: 0;
}

.p-l-25 {
  padding-right: 25px;
  padding-left: 0;
}
.p-r-25 {
  padding-left: 25px;
  padding-right: 0;
}

.m-l-25 {
  margin-right: 25px;
  margin-left: 0;
}
.m-r-25 {
  margin-left: 25px;
  margin-right: 0;
}

.p-l-30 {
  padding-right: 30px;
  padding-left: 0;
}
.p-r-30 {
  padding-left: 30px;
  padding-right: 0;
}

.m-l-30 {
  margin-right: 30px;
  margin-left: 0;
}
.m-r-30 {
  margin-left: 30px;
  margin-right: 0;
}

.p-l-35 {
  padding-right: 35px;
  padding-left: 0;
}
.p-r-35 {
  padding-left: 35px;
  padding-right: 0;
}

.m-l-35 {
  margin-right: 35px;
  margin-left: 0;
}
.m-r-35 {
  margin-left: 35px;
  margin-right: 0;
}

.p-l-40 {
  padding-right: 40px;
  padding-left: 0;
}
.p-r-40 {
  padding-left: 40px;
  padding-right: 0;
}

.m-l-40 {
  margin-right: 40px;
  margin-left: 0;
}
.m-r-40 {
  margin-left: 40px;
  margin-right: 0;
}

.p-l-45 {
  padding-right: 45px;
  padding-left: 0;
}
.p-r-45 {
  padding-left: 45px;
  padding-right: 0;
}

.m-l-45 {
  margin-right: 45px;
  margin-left: 0;
}
.m-r-45 {
  margin-left: 45px;
  margin-right: 0;
}

.p-l-50 {
  padding-right: 50px;
  padding-left: 0;
}
.p-r-50 {
  padding-left: 50px;
  padding-right: 0;
}

.m-l-50 {
  margin-right: 50px;
  margin-left: 0;
}
.m-r-50 {
  margin-left: 50px;
  margin-right: 0;
}

/*====== Padding , Margin css ends ======*/
.pcoded-header {
  margin-left: auto;
  margin-right: 264px;
}
.pcoded-header .input-group .input-group-text {
  margin-right: auto;
  margin-left: 0;
}
.pcoded-header .navbar-nav {
  padding-right: 0;
}
.pcoded-header .navbar-nav > li:last-child {
  padding-left: 20px;
  padding-right: 12px;
}
.pcoded-header .mr-auto .dropdown-menu {
  margin-left: auto;
  margin-right: -20px;
}
.pcoded-header .ml-auto .dropdown-menu {
  margin-right: auto;
  margin-left: -20px;
}
.pcoded-header .main-search.open .input-group {
  padding: 5px 20px 5px 5px;
}
.pcoded-header .main-search.open .input-group .search-btn {
  margin-left: auto;
  margin-right: 5px;
}
.pcoded-header .dropdown .dropdown-toggle {
  padding-right: 0;
  padding-left: 15px;
}

.pcoded-header .dropdown.show:before {
  left: 0;
  right: -5px;
}
.pcoded-header .dropdown .notification .noti-body img {
  margin-left: 20px;
}
.pcoded-header .dropdown .notification .noti-body li .n-time {
  float: left;
}
.pcoded-header .dropdown .notification ul {
  padding-right: 0;
}
.pcoded-header .dropdown .profile-notification .pro-head img {
  margin-right: auto;
  margin-left: 10px;
}
.pcoded-header .dropdown .profile-notification .pro-head .dud-logout {
  padding-left: 0;
  right: auto;
  left: 0;
}

.b-brand .b-title {
  margin-left: 0;
  margin-right: 10px;
}

.pcoded-navbar {
  direction: rtl;
  text-align: right;
}
.pcoded-navbar ul {
  padding-left: 0;
  padding-right: 0;
}
.pcoded-navbar .mobile-menu {
  right: auto;
  left: 10px;
}
.pcoded-navbar .pcoded-badge {
  right: auto;
  left: 35px;
}
.pcoded-navbar .pcoded-inner-navbar li > a {
  text-align: right;
}
.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu > a:after {
  right: auto;
  left: 20px;
  transform: scaleX(-1);
}
.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li > a {
  text-align: right;
  padding: 7px 25px 0px 7px;
}
.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li > a:before {
  left: auto;
  right: 35px;

}
.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li .pcoded-submenu > li > a {
  padding: 7px 80px 7px 7px;
}
.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li .pcoded-submenu > li > a:before {
  left: auto;
  right: 55px;
}
.pcoded-navbar .pcoded-inner-navbar > li a .pcoded-micon {
  margin-right: 0;
  margin-left: 7px;
}
.pcoded-navbar .pcoded-inner-navbar > li.active:after, .pcoded-navbar .pcoded-inner-navbar > li.pcoded-trigger:after {
  left: auto;
  right: 0;
}
.pcoded-navbar.navbar-collapsed .header-logo .logo-thumb {
  left: auto;
  right: calc((80px / 2) - 20px);
}
.pcoded-navbar.navbar-collapsed .pcoded-menu-caption:after {
  left: auto;
  right: 15px;
}
.pcoded-navbar.navbar-collapsed ~ .pcoded-header,
.pcoded-navbar.navbar-collapsed ~ .pcoded-main-container {
  margin-left: auto;
  margin-right: 80px;
}
.pcoded-navbar.navbar-collapsed:hover .header-logo .mobile-menu {
  right: auto;
  left: 0;
}
.pcoded-navbar.navbar-collapsed .pcoded-inner-navbar > li.pcoded-hasmenu > a:after {
  left: 12px;
  right: auto;
}
.pcoded-navbar.mob-open ~ .pcoded-header,
.pcoded-navbar.mob-open ~ .pcoded-main-container, .pcoded-navbar.navbar-collapsed:hover ~ .pcoded-header,
.pcoded-navbar.navbar-collapsed:hover ~ .pcoded-main-container {
  margin-left: auto;
  margin-right: 80px;
}
.pcoded-navbar.mob-open ~ .pcoded-header:before,
.pcoded-navbar.mob-open ~ .pcoded-main-container:before, .pcoded-navbar.navbar-collapsed:hover ~ .pcoded-header:before,
.pcoded-navbar.navbar-collapsed:hover ~ .pcoded-main-container:before {
  left: auto;
  right: 0;
}

.pcoded-main-container {
  margin-left: 0;
  margin-right: 264px;
}

.dropdown .dropdown-menu {
  text-align: right;
  left: auto;
}
.dropdown .dropdown-menu.dropdown-menu-right {
  right: auto;
  left: 0;
}

.header-chat,
.header-user-list {
  right: auto;
  left: -350px;
}
.header-chat.open,
.header-user-list.open {
  right: auto;
  left: 0;
}

.header-user-list .h-list-body .userlist-box .media-left {
  padding-right: 0;
  padding-left: 10px;
}
.header-user-list .h-list-body .userlist-box .live-status {
  right: auto;
  left: 20px;
}
.header-user-list.open .h-close-text {
  left: auto;
  right: -99px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.header-chat .h-list-header .h-back-user-list {
  left: auto;
  right: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.header-chat .h-list-body .chat-messages .photo-table {
  padding-right: 0;
  padding-left: 15px;
}
.header-chat .h-list-body .chat-messages .chat-menu-content .chat-time,
.header-chat .h-list-body .chat-messages .chat-menu-reply .chat-time {
  margin: 9px 10px 0 8px;
}
.header-chat .h-list-body .chat-messages .chat-menu-reply {
  text-align: left;
}
.header-chat .h-list-body .chat-messages .chat-menu-reply > div p {
  margin-left: 25px;
  margin-right: 0;
}
.header-chat .h-list-body .chat-messages .chat-menu-reply > div p:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 8px;
}
.header-chat .h-list-body .chat-messages .chat-menu-reply > div:before {
  content: "\65";
  right: auto;
  left: 5px;
}
.header-chat .h-list-body .chat-messages .chat-menu-content > div p {
  border-radius: 4px;
}
.header-chat .h-list-body .chat-messages .chat-menu-content > div p:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 0;
}
.header-chat .h-list-body .chat-messages .chat-menu-content > div:before {
  content: "\67";
  color: #1de9b6;
  left: auto;
  right: -20px;
  text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
}
.header-chat .h-list-footer .input-group {
  border-radius: 0 20px 20px 10px;
}
.header-chat .h-list-footer .input-group .btn-attach {
  margin-right: 0;
  margin-left: 5px;
}
.header-chat .h-list-footer .input-group .btn-attach > i {
  margin-left: 0;
}
.header-chat .h-list-footer .input-group .btn-send {
  margin-left: 0;
  margin-right: 5px;
  right: auto;
  left: -45px;
}
.header-chat .h-list-footer .input-group .btn-send i {
  margin-left: 0;
}
.header-chat .h-list-footer .input-group:after {
  content: "\68";
  right: auto;
  left: -23px;
  text-shadow: -4px 10px 20px rgba(0, 0, 0, 0.1);
}

.menu-styler h6:after {
  right: 0;
  left: auto;
}
.menu-styler .style-toggler > a {
  right: auto;
  left: 0;
}
.menu-styler .style-toggler > a:before {
  content: "\62";
  right: auto;
  left: -45px;
  text-shadow: 1px 0 8px rgba(4, 169, 245, 0.9), 6px 0 8px rgba(0, 0, 0, 0.1);
}
.menu-styler .style-toggler > a:after {
  right: auto;
  left: 4px;
}
.menu-styler.open .style-toggler > a {
  right: auto;
  left: 400px;
}
.menu-styler.open .style-toggler > a:before {
  right: auto;
}
.menu-styler.open .style-toggler > a:after {
  content: "\e849";
  right: auto;
}
.menu-styler.open .style-block {
  right: auto;
  left: 0;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.menu-styler .style-block {
  right: auto;
  left: -400px;
}
.menu-styler .theme-color > a {
  margin-right: 0;
  margin-left: 5px;
}
.menu-styler .theme-color > a span:before {
  left: auto;
  right: 0;
}
.menu-styler .theme-color > a span:after {
  right: auto;
  left: 0;
}
.menu-styler .theme-color > a.active:before {
  left: auto;
  right: 14px;
}
.menu-styler .theme-color > a.active:after {
  left: auto;
  right: 0;
}
.menu-styler .theme-color.small > a.active:before {
  right: 5px;
}

.checkbox {
  margin-right: 13px;
  margin-left: 0px;
}
.checkbox input[type=checkbox] + .cr {
  padding-right: 0;
}
.checkbox input[type=checkbox] + .cr:before {
  margin-right: 0;
  margin-left: 10px;
  transform: scaleX(-1);

}
.checkbox.checkbox-fill input[type=checkbox] + .cr:after {
  margin-right: 0;
  margin-left: 10px;
  left: auto;
  right: -6px;
}

.radio {
  margin-right: 0;
  margin-left: 5px;
}
.radio input[type=radio] + .cr {
  padding-right: 0;
}
.radio input[type=radio] + .cr:after, .radio input[type=radio] + .cr:before {
  margin-right: 0;
  margin-left: 10px;
}
.radio input[type=radio] + .cr:after {
  left: auto;
  right: 5px;
}
.radio.radio-fill input[type=radio] + .cr:after {
  left: auto;
  right: 2px;
}

.custom-control {
  padding-right: 1.5rem;
  padding-left: 0;
}
.custom-control .custom-control-label:after, .custom-control .custom-control-label:before {
  left: auto;
  right: -1.5rem;
}

.task-list:after {
  right: 30px;
}
.task-list li {
  padding-right: 55px;
  padding-left: 0;
}
.task-list .task-icon {
  right: 22px;
}

.dashboard-kit li {
  margin-left: 3px;
  margin-right: 0;
}

.chat-parent-container {
  right: unset;
  left:0px;
  bottom: 0px;
}

.chat-unread-count {
  right: unset;
  left: 5px;
}
 .chat-message-icon {
  margin-left: 10px;
  margin-right: unset;
}
 .chat-view-container {
  margin-left: 10px;
  margin-right: unset;
}
 .no-msg-style {
  margin-right: 75px;
  margin-left: unset;
}
.chat-inbox-single-content {
  border-radius: 10px 10px 0px 10px;
}
.chat-inbox-sent .chat-inbox-single-content {
  border-radius: 10px 10px 10px 0px;
}

[tooltip]:hover:before {
    right: 5px !important;
    left: unset !important;
}
[tooltip]:hover:after {
  right: 2px !important;
  left: unset !important;
}
/**====== Radio & Checked css end ======**/
@media only screen and (max-width: 991px) {
  .pcoded-header .mobile-menu {
    right: auto;
    left: 0;
  }
  .pcoded-header .m-header .mobile-menu {
    right: 20px;
    left: auto;
  }

.pcoded-navbar {
    margin-left: 0;
    margin-right: -264px;
    position: fixed;
  }
  .pcoded-navbar ~ .pcoded-header,
  .pcoded-navbar ~ .pcoded-main-container {
    margin-right: 0;
  }
  .pcoded-navbar.mob-open {
    margin-right: 0;
  }
  .pcoded-navbar.mob-open ~ .pcoded-header,
  .pcoded-navbar.mob-open ~ .pcoded-main-container {
    margin-right: 0;
  }
}
.alert-dismissible {
  padding-left: 40px;
  padding-right: 20px;
}
.alert-dismissible .close {
  right: auto;
  left: 0;
}
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:not(:first-child) {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.btn-group-vertical .btn + .btn,
.btn-group-vertical .btn + .btn-group,
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical .btn-group + .btn-group {
  margin-left: 0;
  margin-right: -1px;
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
  margin-right: 0;
}

[class*="language"] {
  direction: ltr;
}

.nav-tabs {
  padding-right: 0;
}

.list-inline,
.list-unstyled {
  padding-right: 0;
}

.btn {
  margin-right: 0;
  margin-left: 10px;
}

.label {
  margin-right: 0;
  margin-left: 5px;
}

.input-group .btn {
  margin-left: 0;
}
.input-group > .custom-file + .custom-file,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .form-control,
.input-group > .form-control + .custom-file,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .form-control,
.input-group > .custom-select + .custom-file,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .form-control {
  margin-left: 0;
  margin-right: -1px;
}
.input-group > .custom-select:not(:last-child),
.input-group > .form-control:not(:last-child) {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-select:not(:first-child),
.input-group > .form-control:not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .btn,
.input-group-append .input-group-text + .input-group-text,
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-prepend .input-group-text + .input-group-text {
  margin-left: 0;
  margin-right: -1px;
}

.input-group-prepend {
  margin-right: 0;
  margin-left: -1px;
}

.input-group-append {
  margin-left: 0;
  margin-right: -1px;
}

.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.custom-file-label {
  width: 100%;
}
.custom-file-label:after {
  right: auto;
  left: 0;
  border-left: none;
  border-right: 1px solid #ced4da;
}

table > tbody > tr > td > span.footable-toggle {
  margin-right: 0;
  margin-left: 8px;
}

.select-card select {
  display: none;
}

.minicolors-slider {
  right: 152px;
  left: unset;
}

.minicolors-opacity-slider {
  right: 173px;
  left: unset;
}

.dial-chart {
  direction: ltr;
}

.job-meta-data i {
  margin-right: 0;
  margin-left: 5px;
}

.invoice-table.table {
  padding-right: 20px;
  padding-left: 0;
}

.h-list-body .userlist-box .media-left {
  padding-left: 10px;
}
.h-list-body .chat-messages .photo-table {
  padding-right: 0;
  padding-left: 15px;
}

.note {
  float: right;
}

.task-board-left .user-box .media-left {
  margin-right: 0;
  margin-left: 10px;
}
.task-board-left .btn {
  margin: 0;
}

.task-attachment .file-attach {
  margin-right: 0;
  margin-left: 20px;
}

.btn-msg-send {
  margin: 0;
}

.assign-user .media-left,
.task-comment .media-left {
  margin-right: 0 !important;
  margin-left: 16px;
}

.task-comment .btn {
  margin: 0;
}

.form-material .right-icon-control .form-icon {
  right: auto;
  left: 0;
}
.form-material .right-icon-control .form-icon .btn {
  margin-right: 10px;
  margin-left: 0;
}

.note-bar .photo-table,
.widget-lorem .photo-table,
.widget-timeline .photo-table,
.widget-todo .photo-table {
  margin-right: 0 !important;
  margin-left: 16px;
}

.to-do .to-do-button {
  right: auto;
  left: 22px;
}

.ticket-customer i {
  right: auto;
  left: 32px;
}

.card-event i {
  right: auto;
  left: 27px;
}

.bitcoin-wallet i {
  right: auto;
  left: 50px;
}
.btn>i {
  margin-right: unset;
}
.Active-visitor .card-active > div + div,
.card-social .card-active > div + div {
  border-right: 1px solid #eaeaea;
  border-left: 0 !important;
}

.br-theme-bars-reversed .br-widget .br-current-rating {
  text-align: left;
}

.jstree-default .jstree-node {
  background-position: -320px -4px;
}

.sw-theme-dots > ul.step-anchor > li > a:after {
  right: 49%;
}

.dtp > .dtp-content {
  right: 50%;
  margin-right: -150px;
}

.note-card .Note-delete {
  left: 10px;
}

.filter-bar .nav {
  padding-right: 0;
}

.footable .pagination {
  padding: 0;
}

.h-list-body .chat-messages .chat-menu-content > div:before {
  content: "\67";
  font-family: "pct";
  color: #1de9b6;
  left: auto;
  text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
  right: -19px;
}
.h-list-body .chat-messages .chat-menu-content p:first-child {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 0 !important;
}
.h-list-body .chat-messages .chat-menu-reply {
  text-align: left;
}
.h-list-body .chat-messages .chat-menu-reply > div:before {
  content: "\65";
  right: auto;
  left: 5px;
}
.h-list-body .chat-messages .chat-menu-reply > div p:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 8px;
}
.h-list-body .chat-messages .chat-menu-reply > div .chat-cont {
  margin-left: 25px;
  margin-right: 0;
}

.chat-sanders .send-chat .msg:after {
  left: -12px;
  right: auto;
  border-bottom-color: transparent;
  border-top-color: #1dc8e5;
}
.chat-sanders .received-chat .msg:after {
  right: -12px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  left: auto;
}

.form-check-input {
  margin-right: 0;
}
.form-check-input + label {
  margin-right: 1.3rem;
}

@media only screen and (max-width: 991px) {
  .pcoded-header #mobile-header {
    left: 20px;
    right: auto;
  }

.pcoded-header .ml-auto {
    float: left;
  }
}
@media only screen and (max-width: 575px) {
  .pcoded-header .dropdown .dropdown-menu {
    right: 0;
    left: 0;
    margin-left: auto;
  }
  .card .card-header .card-header-right {
    left: 0px;
  }
}
.flag-icon-background:after{
  margin-right: 16px;
  margin-left: unset;
}
.drp-user .pcoded-header .dropdown .dropdown-toggle:after{
  margin-left: unset;
  margin-right: 26px;
}
.m-r-10 {
  margin-left: 10px;
  margin-right: unset;
}
.pcoded-header .dropdown a.show:before{
  left: 5px;
}
.neg-transition-scale {
  transform: scaleX(-1);
}
.neg-transition-scale-svg {
  transform: scaleX(-1);
  display: block;
}
.form-group .select2{
  float: right;
}
div.dataTables_filter{
  float: left;
}
div.dataTables_length {
  float: right;
}
div.dataTables_length select {
  border-radius: 0rem 0.25rem 0.25rem 0rem;
}

.marketing-processing-table .dataTables_length .btn-group, #vendor-list-container .dataTables_length .btn-group, #withdrawal-list-container .dataTables_length .btn-group, .ticket-information .dataTables_length .btn-group, #vendor-review-list-container .dataTables_length .btn-group, #vendor-refund-list-container .dataTables_length .btn-group, #vendor-transaction-container .dataTables_length .btn-group, #vendor-coupon-list-container .dataTables_length .btn-group, #vendor-withdrawal-container .dataTables_length .btn-group{
  margin-right: -2.05px
}
.dataTables_length .btn-group, .all-coupons-list-table .dataTables_length .btn-group{
  margin-right: -5.05px
}
div.dataTables_filter input{
  margin-right: 0;
}
div.dataTables_processing {
  right: 20%;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:nth-child(2):before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:nth-child(2):before {
  right: 4px;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:nth-child(2), table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:nth-child(2) {
  padding-right: 30px;
}
.badge{
  margin-right: 8px;
}
.fa-bullseye{
  margin-left: 8px;
}
.card .card-h {
  padding-right: 32px;
}
.btn-add {
  margin-right: 12px;
}
.Menu li.-hasSubmenu>a:after{
  left: 8px;
  right: unset;
  transform: rotate(-135deg);
}
.Menu li>ul{
  right: 100%;
  left: unset;
}
.Menu li>ul.-visible, ul.Menu.-floating.-visible{
    border-right: none;
    border: 1px solid #e3e3e3;
    margin-right: 1px;
    margin-left: unset;
}
.Menu li li.-hasSubmenu>a:after, .Menu:not(.-horizontal)>li.-hasSubmenu>a:after{
  right: unset;
}
.radio input[type="radio"] + .crq:after, .radio input[type="radio"] + .crq:before{
  margin-left: 10px;
  margin-right: unset;
}
.radio input[type="radio"] + .crq:after{
  left: unset;
  right: 4px;
}
.right-58p{
  left: 58px;
  right: unset;
}
.right-25p{
  left: 25px;
  right: unset;
}
.select-child{
  left: 90px;
  right: unset;
}
.download-child{
    left: 400px;
    right: unset;
}
.virtual-child {
  left: 556px;
  right: unset;
}
.checkbox input[type="checkbox"] + .crv:before{
  margin-left: 10px;
  margin-right: unset;
  transform: scaleX(-1);
}
.checkbox input[type="checkbox"] + .crs:before{
  margin-left: 10px;
  margin-right: unset;
  transform: scaleX(-1);
}
.ml-10p {
  margin-right: 10px ;
  margin-left: unset;
}
.pr-10p {
  padding-left: 10px;
  padding-right: unset;
}
.right-7p {
  left: 7px;
  right: unset;
}
.ml-20p {
  margin-right: 20px;
  margin-left: unset;
}
.mr-10p{
  margin-right: unset;
  margin-left: 10px;
}
.modal-header .btn-close{
  margin:unset;
}
.ml-44p{
  margin-left: unset;
  margin-right: 44px;
}
.ml-15p{
  margin-left: unset;
  margin-right: 15px;
}
.mr-30 {
  margin-left: 30px;
  margin-right: unset;
}
.ml-32p {
  margin-right: 32px;
  margin-left: unset;
}
.switch input[type=checkbox]+.cr:after, .switch input[type=checkbox]+.cr:before{
  right: 0;
  left: unset;
}
.switch input[type=checkbox]:checked+.cr:after{
  right: 16px;
  left: unset;
}
button.cancelBtn.btn.btn-sm.btn-default{
  margin-left:unset ;
  margin-right: 8px;
}
td.pl-31p {
  padding-left: unset;
  padding-right: 31px;
}
.gbs-section .billing-section .billing-icon-container .billing-icon,
.gbs-section .shipping-section .shipping-icon-container .shipping-icon {
    margin-right: 12px;
   margin-left: unset;
}
.order-itm-img-con img {
  margin-left: 29px;
  margin-right: unset;
  transform: scaleX(-1);

}
.invoice-total.table tbody {
  padding-left: 20px;
  padding-right: unset;
  float: left;
}
.total-amount-design {
  left: 89px;
  right: unset;
}
.order-details-container .product-permissions-header span, .order-details-container .shipment-header span {
  margin-right: 32px;
  margin-left: unset;
}
.order-details-container .product-permissions-header .drop-down-icon,
.order-details-container .shipment-header .drop-down-icon {
    left: 28px;
    right: unset;
}
.order-mail{
  margin-right: 2px;
  margin-left: unset;
  transform: scaleX(-1);
}
.add-note-icon {
  margin-right: 6px;
  margin-left: unset;
}
.order-sections-header .order-icon {
  left: 25px;
  right: unset;
}
#hwpwrap .manage-menus .selected-menu {
  float: right;
  margin: 5px 0 0 6px;
}
#hwpwrap .manage-menus select {
  float: right;
  margin-left: 6px;
  margin-right: unset;
}
#hwpwrap .manage-menus .submit-btn {
  float: right;
}
#hwpwrap #menu-management {
  margin-left: 20px;
  margin-right: unset;
}
#hwpwrap .nav-menus-php .howto span {
  float: right;
}
#hwpwrap .nav-menus-php .major-publishing-actions .publishing-action {
  text-align: left;
  float: left;
}
#hwpwrap .menu-item-handle .item-title {
  text-align: left;
}
#hwpwrap .js .accordion-section-title:after {
  left: 10px;
  right: unset;
}
#hwpwrap .nav-menus-php .delete-action {
  float: right;
}
.card-header-right {
  left: 25px!important;
  right: unset;
}
dd {
  margin-right: 0;
  margin-left: unset;
}
.arrow-icon {
  left: 0;
  right: unset;
  padding-right: 7px;
  padding-left: unset;
}
.media-manager-search {
  left: 12px;
  right: unset;
  transform: scaleX(-1);
}
.media-dropdown {
  left: 14px;
  right: unset;
}
.dropdown-menu.show.dropdown-menu-right:before {
  right: auto;
  left: 5px;
}
.border-radius{
  border-top-right-radius: 4px 4px;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: 4px 4px;
}
.mr-35p {
  margin-left: 35px;
  margin-right: unset;
}
.offset-3 {
  margin-right: 25%;
  margin-left: unset;
}
.radio input[type="radio"] + .cr.custom:before {
  margin-left: 40px;
  margin-right: unset;
}
.email-template-header {
  left: 14px ;
  right: unset;
  margin-right: 14px;
  margin-left: unset;
}
.addons-form .form-align .purchase-text, .addons-form .form-align .upl-text {
  padding-left: 32px;
  padding-right: unset!important;
}
.upload-file-note .note-title {
  margin-left: 3px;
  margin-right: unset !important;
}
.search-box {
  margin-right: 20px !important;
}
.minicolors-theme-bootstrap .minicolors-swatch {
  right: 3px;
  left: unset;
}
.minicolors-theme-bootstrap .minicolors-input {
  padding-right: 44px;
  padding-left: unset;
}
.file-name{
  margin-left: 5px;
  margin-right: unset;
}

/* rtl responsive */
@media (min-width: 768px){
  .offset-md-3 {
    margin-right: 25%;
    margin-left: unset;
}
}
@media only screen and (max-width: 575px){
  .card .card-header .card-header-right {
    right: 0px;
    left: unset;
}
}
@media only screen and (max-width:1680px){
  .total-amount-design{
      left: 119px;
      right: unset;
  }
}
@media only screen and (max-width:1600px){
  .total-amount-design{
      left: 100px;
      right: unset;
  }
}
@media only screen and (max-width:1550px){
  .total-amount-design{
      left: 80px;
      right: unset;
  }
}
@media only screen and (max-width:1440px){
  .total-amount-design{
      left: 76px;
      right: unset;
  }
}
@media only screen and (max-width:1366px){
  .total-amount-design{
      left: 64px;
      right: unset;
  }
}
@media only screen and (max-width:1280px){
  .total-amount-design{
      left: 54px;
      right: unset;
  }
}
@media only screen and (max-width:1024px){
  .total-amount-design{
      left: 0px;
      right: unset;
  }
}
@media only screen and (min-width: 768px){
  .gbs-section .billing-section {
    margin-right: 7.5%;
    margin-left: unset;
}
.gbs-section .shipping-section {
  margin-right: 70px !important;
  margin-left: unset;
}
}
@media (min-width: 1776px){
  .order-actions-container {
    margin-right: 32px;
    margin-left: unset;
}
}
@media only screen and (min-width: 1322px) and (max-width: 1400px) {
  .virtual-child {
      left: 505px;
      right: unset;
  }
  .download-child {
      left: 375px;
      right: unset;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1323px) {
  .virtual-child {
      left: 505px;
     right: unset;
  }
  .download-child {
      left: 375px;
      right: unset;
  }
}
@media only screen and (min-width: 624px) and (max-width: 1199px) {
  .virtual-child {
      left: 340px;
      right: unset;
  }
  .download-child {
      left: 213px;
      right: unset;
  }
  .select-child {
      left: 93px;
      right: unset;
  }
}
@media only screen and (min-width: 320px) and (max-width: 623px){
  .download-child {
    left: 120px;
    right: unset;
}
.select-child{
  left: 17px;
  right: unset;
}
.virtual-child {
  left: 17px;
  left: unset;
}
}
@media only screen and (min-width: 280px) and (max-width: 768px) {
  div.dataTables_processing {
    right: 3%;
  }
  .dataTables_length .btn-group{
    margin-right: -1.05px
  }
}
@media only screen and (max-width: 1199px) {
  .pl-3-res {
      padding-right: 1rem !important;
  }
  .pl-0-res {
      padding-right: 0 !important;
  }
  .ml-16n-res {
      margin-right: -16px !important;
  }
  .mx-9n-res {
      margin: 0px -9px 0px -9px !important;
  }

.mx-9r-res {
      margin: 0px 0px 0px -9px !important;
  }
}
@media only screen and (min-width: 624px){
  .mr-42p {
    margin-left: 6px;
    margin-right: unset;
}
}
@media (min-width: 576px){
  .offset-sm-2 {
    margin-right: 16.66666667%;
    margin-left: unset;
}
.offset-sm-5 {
  margin-right: 41.66666667%;
  margin-left: unset;
}
}
@media (min-width: 768px){
  .offset-md-2 {
    margin-right: 16.66666667%;
    margin-left: unset
}
}
@media only screen and (max-width: 768px) and (min-width: 280px){
  .is-submenu {
    padding-right: 64px;
}
}
.form-wrap.form-builder .frmb .field-actions{
  left: 0 !important;
  right: unset !important;;
}
.form-wrap.form-builder .frmb .field-actions .btn{
  border-width: 0 1px 1px 0 !important;
}
.form-wrap.form-builder .frmb .field-actions .btn:first-child{
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: unset !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
  text-align: right;
}
.note-modal-footer .note-btn{
  float: left !important;
}
.close{
  float:left !important
}
.order-review-section .reviews .v-fied-con{
  margin-left: unset !important;
  margin-right: 5px !important;
}
.admin-login-form .email-input input,.admin-login-form .password-input input,.login-box-body input{
  text-align: right !important;
  padding-right: 55px !important;
  padding-left: 30px !important;
}
.admin-login-form .email-icon,.admin-login-form .password-icon,.login-box-body .email-icon{
  right: 15px !important;
  left: unset;
  border-left: 1px solid #DFDFDF;
  border-right: unset !important;
  padding-left: 10px !important;
  padding-right: unset !important;
  text-align: right !important;
}
.admin-login-form .password-hide, .admin-login-form .password-show{
  left: 25px !important;
  right: unset !important;
}
.admin-login-container input[type="checkbox"]#checkbox1 + span{
  margin-right: 10px !important;
  margin-right: unset !important;
}
.alert-reset-container{
  margin-right: 20px !important;
  margin-left: unset !important;
}
.admin-login .reset-error-msg{
  margin-right: -30px !important;
  margin-left: unset !important;
  text-align: right !important;
}
.admin-login-con .sign-in-btn svg, .login-box-body .send-btn svg{
  margin-right: 10px !important;
  margin-left: unset !important;
}

@media only screen and (max-width: 600px) and (min-width: 200px)  {

.admin-login-container .checkbox{
      margin-right: 0 !important;
      margin-left: unset !important;
  }
}
.right-n6 {
    left: -6px !important;
    right: unset !important;
}
.checkbox.checkbox-fill.checkbox-warning input[type=checkbox]:checked+.cr:before{
  transform: scaleX(-1);
}
.dtr-control img{
  transform: scaleX(-1);
}
.header-checkbox[type=checkbox]{
  transform: scaleX(-1);
}
.tooltip-element{
  transform: scaleX(-1);
}
/**====== RTl css end ======**/

[+] ..
[-] rtl.min.css [edit]
[-] rtl.css [edit]
[-] dark-custom.min.css [edit]
[-] dark-custom.css [edit]
[-] dark.min.css [edit]
[-] dark.css [edit]