Files
cartlog-admin/public/assets/scss/layout/_rtl.scss
2026-01-01 15:25:19 +05:30

6245 lines
105 KiB
SCSS

/**=====================
RTL CSS Start
==========================**/
html[dir="rtl"] {
.ck {
&.ck-editor__editable_inline {
text-align: right;
}
}
.ms-auto {
margin-left: unset !important;
margin-right: auto !important;
}
.alert-theme {
button {
right: unset !important;
left: 20px !important;
}
}
.static-top-widget {
.align-self-center {
margin-left: 0;
margin-right: 16px;
}
}
.dashboard-tiles {
.card-tiles {
&:after {
left: unset;
right: 0;
}
}
}
ul {
padding-inline-start: 0;
}
.f-right {
float: left;
}
.form-check-inline {
margin-right: unset;
margin-left: 1rem;
}
.color-box {
button {
+button {
margin-left: unset;
margin-right: 5px;
}
}
}
.knowledgebase-search {
.form-inline {
svg {
left: unset;
right: 20px;
}
}
}
.switch-showcase {
.form-check {
.form-check-input {
float: left;
}
}
}
.pill-input-group span {
&:last-child {
border-top-right-radius: unset !important;
border-bottom-right-radius: unset !important;
border-top-left-radius: 1.3rem !important;
border-bottom-left-radius: 1.3rem !important;
}
&:first-child {
border-top-left-radius: unset !important;
border-top-right-radius: unset !important;
border-top-right-radius: 1.3rem !important;
border-bottom-right-radius: 1.3rem !important;
}
}
.dashboard-table {
thead,
tbody {
tr {
th,
td {
padding: 0.75rem 0 0.75rem 0.75rem;
}
}
}
}
.page-wrapper {
&.compact-wrapper {
.page-body-wrapper {
.sidebar-wrapper {
text-align: right;
.toggle-sidebar {
right: unset;
left: 20px;
}
.sidebar-main .sidebar-links {
padding: 0;
.simplebar-wrapper {
.simplebar-mask {
.simplebar-content-wrapper {
.simplebar-content {
>li .badge {
left: 50px !important;
right: unset !important;
}
}
}
}
}
}
&.close_icon {
margin-right: 0;
margin-left: unset;
.logo-icon-wrapper {
text-align: left;
img {
margin-left: 8px;
}
}
~.page-body,
~footer {
margin-left: 0;
margin-right: 100px;
transition: 0.5s;
}
.sidebar-main {
.sidebar-links {
.simplebar-wrapper {
.simplebar-mask {
.simplebar-content-wrapper {
.simplebar-content {
>li {
a {
svg {
margin-left: 0;
}
}
}
}
}
}
}
.sidebar-list {
.sidebar-title {
&.active {
~.sidebar-submenu {
display: none !important;
}
}
}
}
}
}
.according-menu {
display: none;
}
&:hover {
.sidebar-main {
.sidebar-links {
.simplebar-wrapper {
.simplebar-mask {
.simplebar-content-wrapper {
.simplebar-content {
>li {
a {
svg {
margin-left: 13px;
}
}
}
}
}
}
}
}
}
}
}
&:hover {
transform: translate(0px);
.sidebar-main {
.sidebar-links {
.sidebar-list {
.sidebar-title {
&.active {
~.sidebar-submenu {
display: block !important;
}
}
}
}
.simplebar-wrapper {
.simplebar-mask {
.simplebar-content-wrapper {
.simplebar-content {
>li {
a {
svg {
float: none;
}
}
}
}
}
}
}
}
}
.according-menu {
display: block;
}
}
.sidebar-main {
.sidebar-links {
.simplebar-wrapper {
.simplebar-mask {
.simplebar-content-wrapper {
.simplebar-content {
>li {
.sidebar-submenu {
&:after {
right: 30px;
left: unset;
}
>li {
a {
padding-right: 45px !important;
padding-left: unset !important;
&:after {
right: 26px;
left: unset;
}
}
}
}
}
}
}
}
}
}
}
}
.page-body {
margin-left: unset;
margin-right: 280px;
}
.sidebar-wrapper {
.sidebar-main {
.sidebar-links {
.simplebar-wrapper {
.simplebar-mask {
.simplebar-content-wrapper {
.simplebar-content {
>li {
a {
svg {
margin-right: unset;
margin-left: 15px;
}
}
}
}
}
}
}
}
}
}
.according-menu {
right: unset;
left: 20px;
}
}
}
&.only-body {
.page-header {
.header-wrapper {
.nav-right {
right: unset;
left: 30px;
}
}
}
}
}
.date-details {
>div {
+div {
margin-left: unset;
margin-right: 10px;
}
}
}
.order-menu-section {
.order-section {
.order-items {
.items {
&.veg,
&.non-veg {
h6 {
padding-right: 25px;
padding-left: unset;
&::before {
left: unset;
right: 3px;
content: "";
}
&::after {
left: unset;
right: 0;
content: "";
}
}
}
}
}
}
}
.modal-body .btn--no {
margin-left: 15px;
}
.modal-body {
.btn-close {
left: 15px;
right: unset;
}
}
.uplode-img {
label {
right: 0;
left: unset;
}
}
.single-section {
.description-section {
.description-details {
.menu-part {
.accordion-plan {
.card {
.card-body {
.highlight {
li {
img {
margin-right: unset;
margin-left: 5px;
}
}
}
}
}
}
}
}
}
}
.personal-info__uplode {
margin-right: calc(10px + (48 - 10) * ((100vw - 320px) / (1920 - 320)));
margin-left: unset;
}
.review-users__detail {
margin-right: 10px;
margin-left: unset;
}
.choose {
input {
padding-right: 108px !important;
padding-left: unset !important;
&[type="file"]::file-selector-button {
padding: 25px 10px 14px;
right: 11px;
left: unset;
}
}
}
.all-driver-table {
tbody {
tr {
td:nth-child(4) i {
margin-left: 10px;
margin-right: unset;
}
}
}
}
.order-menu {
.search-bar {
.search {
i {
left: 16px;
right: unset;
}
}
}
}
.category-box {
direction: rtl;
.img-category {
.top-bar {
left: unset;
right: 25px;
}
.like-cls {
left: 13%;
right: unset;
}
}
.content-category {
.top {
h3 {
margin-left: 15px;
margin-right: unset;
}
}
}
}
.dashboard-table {
tbody {
tr {
td:nth-child(4),
td:nth-child(6) {
span {
svg {
margin-left: 10px;
margin-right: unset;
}
}
}
}
}
}
.single-section {
.description-section {
.description-details {
.menu-part {
.accordion-plan {
.card {
.card-header {
button {
text-align: right;
padding-left: 28px;
padding-right: unset;
&::before {
content: "";
border-right: 7px solid transparent;
border-left: 7px solid transparent;
right: unset;
left: 15px;
}
}
}
}
}
.list-view {
.list-box {
.list-content {
margin-right: 25px;
margin-left: unset;
}
}
}
}
.menu-part.about {
.about-sec {
ul {
padding-left: unset;
padding-right: 25px;
}
}
}
}
}
}
@media only screen and (max-width: 767.98px) {
.single-section {
.description-section {
.description-details {
.menu-part {
.list-view {
.list-box {
.list-content {
margin-right: 0;
}
}
}
}
}
}
}
}
.btn-theme {
svg {
margin-left: calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320)));
margin-right: unset;
}
}
.contact-editform {
&.ps-0 {
padding-left: 20px !important;
}
}
.contact-options {
li {
.btn-category {
padding-left: unset !important;
padding-right: 40px;
}
}
}
.list-persons {
.profile-mail {
.email-general {
ul {
padding-right: unset;
padding-left: 20px;
li {
>span {
float: left;
}
}
}
}
.media {
.media-body {
ul {
li {
+li {
padding-left: unset;
padding-right: 10px;
margin-left: unset;
margin-right: 5px;
border-left: unset;
border-right: 1px solid $light-color;
}
}
}
}
}
}
}
.file-content {
.form-inline {
i {
padding-right: unset;
padding-left: 10px;
}
}
}
.file-sidebar {
.btn {
svg {
margin-right: unset;
margin-left: 8px;
}
}
}
.form-select {
background-position: left 0.75rem center;
}
.customers {
ul {
li {
+li {
margin-left: unset;
margin-right: -10%;
}
}
}
}
.project-list {
.border-tab {
&.nav-tabs {
.nav-item {
.nav-link {
padding: 5px 0 5px 30px;
}
}
}
}
}
.project-box {
.badge {
right: unset;
left: 30px;
}
}
.kanban-board {
float: right;
}
.kanban-item {
.kanban-box {
.customers {
ul {
li {
+li {
margin-left: unset;
margin-right: -10px;
}
}
}
}
}
.list {
li {
i {
margin-right: unset;
margin-left: 10px;
}
}
}
}
.page-wrapper {
&.horizontal-wrapper {
.header-logo-wrapper {
text-align: right;
}
.page-body-wrapper {
.page-body {
margin-right: 0;
}
footer {
margin-right: 0;
}
}
}
&.material-type {
.page-body-wrapper {
.page-body {
margin-right: auto;
}
}
}
}
.page-header {
.header-wrapper {
.nav-right {
>ul {
>li {
&:first-child {
margin-right: 0;
}
}
}
}
.toggle-sidebar {
margin-left: 2px;
margin-right: unset;
}
}
}
.hotel_title_section {
.hotel-name {
.left-part {
.top {
.rating {
margin-right: 15px;
margin-left: unset;
}
}
}
}
}
.order-menu {
.nav {
text-align: right;
}
}
.page-wrapper {
.page-header {
.header-wrapper {
.nav-right {
.onhover-show-div:not(.profile-dropdown) {
li {
&:first-child {
svg {
right: unset;
left: 0;
}
}
}
}
.notification-dropdown {
left: -20px !important;
right: unset !important;
}
}
.search-full {
.form-group {
.close-search {
right: unset;
left: 20px;
}
}
}
}
}
&.compact-sidebar {
.toggle-sidebar {
margin-left: 15px;
margin-right: unset;
}
.page-header {
margin-left: unset;
margin-right: 150px;
&.close_icon {
margin-right: 0;
}
}
.page-body-wrapper {
.page-body {
margin-left: unset;
margin-right: 150px;
}
.footer {
margin-left: unset;
margin-right: 150px;
}
div.sidebar-wrapper {
>div {
text-align: right;
}
.sidebar-main {
.sidebar-links {
li {
a {
&.active {
~.sidebar-submenu,
~.mega-menu-container {
animation: fadeInRight 1000ms ease-in-out;
}
}
}
.sidebar-submenu,
.mega-menu-container {
right: 150px;
left: unset;
li {
a {
padding: 15px 40px 15px 15px;
.according-menu {
right: 20px;
}
}
}
>li {
>a {
&::after {
left: unset;
right: 20px;
}
}
}
.mega-box {
.link-section {
text-align: right;
.submenu-title {
h5 {
padding: 15px 40px 15px 15px;
&::after {
left: unset;
right: 20px;
}
}
}
}
}
}
}
.sidebar-list {
.badge {
left: unset;
right: 53%;
}
.sidebar-link {
text-align: center;
}
}
.mega-menu {
text-align: center;
.according-menu {
right: unset;
left: 20px;
}
}
}
}
&.close_icon {
transform: translateX(150px);
~.page-body,
~.footer {
margin-right: 0px;
}
}
}
}
}
&.compact-small {
.page-header {
margin-right: 90px;
}
.page-body-wrapper {
div.sidebar-wrapper {
.sidebar-main {
.sidebar-links {
li {
.sidebar-submenu,
.mega-menu-container {
right: 90px;
}
}
}
}
}
.footer,
.page-body {
margin-right: 90px;
}
}
}
&.material-icon {
.page-header {
padding-left: unset;
padding-right: 90px;
margin: 0 auto;
&.close_icon {
padding-right: 0;
}
}
.page-body-wrapper {
.page-body {
padding-left: 15px;
padding-right: 90px;
margin: 0 auto;
}
div.sidebar-wrapper {
&.close_icon {
~.page-body {
padding-right: 15px;
margin: 0 auto !important;
}
}
}
}
}
}
.apexcharts-canvas {
direction: ltr;
}
.email-wrap {
.btn-mail {
text-align: right;
}
.email-app-sidebar {
ul {
li {
a {
padding-left: unset;
padding-right: 20px;
}
}
}
}
}
.title-header {
&.option-title {
h5 {
margin-right: unset;
margin-left: auto;
&:after {
left: unset;
right: -26px;
}
}
}
}
.bookmark-tabcontent {
.details-bookmark {
.bookmark-card {
&.card {
.favourite-icon {
text-align: center;
}
.title-bookmark {
text-align: right;
}
}
}
}
}
.bookmark-wrap {
.details-bookmark {
.row {
>div {
+div {
padding-left: 15px !important;
}
}
}
}
}
.earning-card {
&.card {
.card-body {
.chart-left {
padding: 40px 40px 40px 0;
}
.inner-top-left,
.inner-top-right {
ul {
li {
margin-left: unset;
margin-right: 35px;
&:first-child {
margin-right: 0;
}
}
}
}
.inner-top-right {
padding-left: 15px;
}
.media {
.media-left {
margin-right: unset;
margin-left: 15px;
}
}
.earning-content {
border-right: unset;
border-left: 1px solid $light-gray;
}
}
}
}
.chart_data_left,
.chart_data_right {
.card-body {
.chart-main {
.media {
border-right: unset;
border-left: 1px solid $light-gray;
.media-body {
.right-chart-content {
margin-left: unset;
margin-right: 30px;
}
}
&.border-none {
border-left: none;
}
}
}
}
}
.chart_data_right {
.card-body {
.media {
.right-chart-content {
h4 {
.new-box {
margin-left: unset;
margin-right: 10px;
}
}
}
}
}
}
.appointment-table {
table {
tr {
td {
.status-circle {
left: unset;
right: 35px;
}
}
}
}
}
.notification {
.card {
.media {
.media-body {
h6 {
.dot-notification {
float: left;
}
}
p {
.badge {
margin-left: unset;
margin-right: 10px;
}
}
.inner-img {
&:first-child {
margin-right: unset;
margin-left: 20px;
}
}
}
}
}
}
@media only screen and (max-width: 600px) {
.uplode-img {
label {
left: 50%;
right: unset;
transform: translateX(-50%);
}
}
.personal-info__uplode {
margin-right: unset;
margin-left: unset;
}
}
.chat-default {
.card-body {
&.chat-box {
.left-side-chat {
.media-body {
.main-chat {
margin-left: unset;
margin-right: 15px;
.message-main {
span {
border-bottom-right-radius: 0;
border-bottom-left-radius: 30px;
}
}
}
}
}
.right-side-chat {
.media-body {
.message-main {
span {
border-bottom-right-radius: 30px;
border-bottom-left-radius: 0;
}
}
}
}
.input-group {
.form-control {
border-left: unset;
border-right: 1px solid var(--theme-color);
}
.send-msg {
svg {
transform: rotate(-135deg);
margin-left: 5px;
}
}
}
}
}
}
.dash-chart {
.media {
.media-body {
p {
.font-roboto {
float: right;
}
}
}
}
}
@each $progress-gradient-name,
$progress-gradient-color in (primary, var(--theme-color)),
(secondary, $secondary-color),
(success, $success-color),
(danger, $danger-color),
(info, $info-color),
(light, $light-color),
(dark, $dark-color),
(warning, $warning-color) {
.progress-gradient-#{$progress-gradient-name} {
background-image: linear-gradient(to right,
$progress-gradient-color,
$transparent-color);
&::after {
right: unset;
left: -1px;
}
.animate-circle {
right: unset;
left: -8px;
}
}
}
.progress-animate {
span {
left: -10px;
right: unset;
}
}
.our-product,
.best-seller-table {
table {
tr {
td {
&:first-child {
padding-left: 20px;
padding-right: 0;
}
&:last-child {
padding-right: 20px;
padding-left: 0;
text-align: left;
}
}
}
}
}
.best-seller-table {
table {
tbody {
tr {
td {
.align-middle {
.status-circle {
left: unset;
right: 32px;
}
}
.fa-check-circle {
left: unset;
right: 30px;
}
}
}
}
}
}
.activity-timeline {
.media {
.media-body {
margin-left: unset;
margin-right: 20px;
}
.activity-line {
left: unset;
right: 46px;
}
}
}
.offer-box {
.offer-slider {
.carousel-control-prev,
.carousel-control-next {
right: unset;
left: 0;
}
}
}
.total-users {
.goal-status {
.progress {
background-image: linear-gradient(to right,
$transparent-color 15%,
rgba($info-color, 0.1) 25%,
$transparent-color);
}
.progress-gradient-primary {
background-image: linear-gradient(to right,
var(--theme-color) 25%,
rgba($info-color, 0.1),
$transparent-color);
}
}
}
.cal-date-widget {
.cal-info {
.pe-3 {
padding-right: 1rem !important;
}
}
}
.me-4 {
margin-left: 1.5rem !important;
margin-right: unset !important;
}
.pe-4 {
padding-left: 1.5rem !important;
padding-right: unset !important;
}
.me-1 {
margin-left: 0.25rem !important;
margin-right: unset !important;
}
.navs-dropdown {
.onhover-show-div {
right: 0;
}
}
.default-according {
&.style-1 {
button {
text-align: right;
&:before {
left: 20px;
right: unset;
}
i {
right: 18px;
left: unset;
}
}
}
.card {
.card-header {
i {
right: 18px;
left: unset;
}
}
}
}
.ProfileCard-details {
padding-right: 30px;
padding-left: unset;
float: right;
}
.starter-main {
.card-body {
ul {
padding-right: 30px;
padding-left: unset;
}
}
}
.theme-tab {
.tab-title {
li {
a {
svg {
margin-left: 5px;
margin-right: unset;
}
}
}
}
}
.spent {
.spent-graph {
.project-budget {
margin-left: 30px;
margin-right: unset;
}
}
}
.support-table {
table {
tbody {
tr {
td {
&:first-child {
padding-right: 0;
padding-left: unset;
}
}
}
}
}
}
.widget-joins {
.row {
.pe-0 {
padding-right: 15px !important;
}
.ps-0 {
padding-left: 15px !important;
}
}
}
.order-box {
.sub-total,
.total,
.qty {
.shipping-class,
li {
.shopping-checkout-option,
span {
float: left;
}
}
li {
.count {
float: left;
}
}
}
}
.img-paypal {
margin-right: 15px;
margin-left: unset;
}
.cart {
.qty-box {
.input-group {
.btn {
border-radius: 0 !important;
}
}
}
}
.product-qnty {
fieldset {
.input-group {
.input-group-prepend {
.btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
}
}
}
.product-wrapper {
&.sidebaron {
.product-grid {
.product-wrapper-grid {
margin-right: calc(16.66% + 9px);
margin-left: unset;
}
}
}
}
.product-filter {
&.new-products {
.owl-theme {
.owl-nav {
left: 0;
right: unset;
}
.owl-item {
.item {
.product-box {
.product-details {
&.text-start {
text-align: left !important;
}
}
}
}
}
}
}
}
.product-sidebar {
.filter-section {
.card {
.card-header {
h6 {
.pull-right {
i {
left: auto;
right: unset;
}
}
}
}
}
}
}
.prooduct-details-box {
.btn {
right: unset;
left: 15px;
}
.close {
right: unset;
left: 10px;
}
}
.collection-filter-block {
svg {
margin-right: unset;
margin-left: 10px;
}
}
.feature-products {
form {
.form-group {
i {
left: 30px;
right: unset;
}
}
}
}
.product-wrapper-grid {
&.list-view {
.product-box {
.product-details {
text-align: right;
}
}
}
}
.page-wrapper {
.page-body-wrapper {
.page-title {
.breadcrumb {
margin-left: unset;
}
}
}
}
.bookmark {
ul {
li {
+li {
margin-left: unset;
margin-right: 10px;
}
.search-form {
.form-control-search {
left: -50px;
right: unset;
&:before {
right: 50px;
left: unset;
}
&:after {
right: 20px;
left: unset;
}
}
}
}
}
}
.me-0 {
margin-left: 0 !important;
margin-right: unset !important;
}
.footer {
.pull-right {
float: none;
}
}
.button.remove {
left: -10px;
right: unset;
}
.code-box-copy__btn {
left: 11px;
right: unset;
}
ul {
&.nav-menus {
border-bottom: none;
}
&.notification-dropdown {
&.onhover-show-div {
li {
text-align: right;
}
}
}
}
.badge {
+.badge {
margin-right: 5px;
margin-left: unset;
}
}
.offset-xl-3 {
margin-right: 25%;
margin-left: unset;
}
.m-l-10 {
margin-right: 10px !important;
margin-left: unset !important;
}
.m-r-20 {
margin-left: 20px;
margin-right: unset;
}
.m-r-30 {
margin-left: 30px;
margin-right: unset;
}
.m-r-5 {
margin-left: 5px;
margin-right: unset;
}
.text-start {
text-align: right !important;
}
.m-r-10 {
margin-left: 10px;
margin-right: unset;
}
.pe-3 {
padding-left: 1rem !important;
padding-right: unset !important;
}
.p-r-0 {
padding-left: 0;
padding-right: 15px;
}
.m-l-20 {
margin-right: 20px !important;
margin-left: unset !important;
}
.ps-3 {
padding-right: 1rem !important;
}
.b-r-light {
border-left: 1px solid $light-color !important;
border-right: unset !important;
}
.float-end {
float: left !important;
}
.float-start {
float: right !important;
}
.text-end {
text-align: left !important;
}
.border-right {
border-left: 1px solid #dee2e6 !important;
border-right: unset !important;
}
.pe-0 {
padding-left: 0 !important;
padding-right: unset !important;
}
.ps-0 {
padding-right: 0 !important;
padding-left: unset !important;
}
.ms-1 {
margin-left: unset !important;
margin-right: 0.25rem !important;
}
.owl-carousel {
direction: ltr;
}
.btn-group {
> {
.btn:not(:last-child):not(.dropdown-toggle),
:not(:last-child)>.btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.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:nth-child(2) {
border-radius: 0 !important;
}
}
.btn-group> :not(:first-child)>.btn {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn+ {
.btn,
.btn-group {
margin-right: -1px;
border-right: none;
}
}
.btn-group+ {
.btn,
.btn-group {
margin-right: -1px;
}
}
.btn-group-vertical {
.btn+ {
.btn,
.btn-group {
margin-right: -1px;
}
}
.btn-group+ {
.btn,
.btn-group {
margin-right: -1px;
}
}
}
}
.me-3 {
margin-right: unset !important;
margin-left: 1rem !important;
}
.me-5 {
margin-left: 3rem !important;
margin-right: unset !important;
}
.ms-3 {
margin-right: 1rem !important;
margin-left: unset !important;
}
.m-r-15 {
margin-left: 15px;
margin-right: unset;
}
.b-l-light {
border-right: 1px solid $light-color !important;
border-left: unset !important;
}
.p-l-0 {
padding-left: unset;
padding-right: 0px;
}
.ps-4 {
padding-right: 1.5rem !important;
padding-left: unset !important;
}
.me-2 {
margin-left: 0.5rem !important;
margin-right: unset !important;
}
.ms-2 {
margin-right: 0.5rem !important;
margin-left: unset !important;
}
.pe-2 {
padding-right: unset !important;
padding-left: 0.5rem !important;
}
.alert {
text-align: right;
}
.pull-right {
float: left;
}
.card {
text-align: right;
.card-header {
h5:not(.mb-0) {
float: right;
}
span {
clear: both;
}
.card-header-right {
left: 35px;
right: unset;
.card-option {
text-align: left;
&.list-unstyled {
padding-right: 0;
padding-left: unset;
}
}
}
.pull-left {
float: right;
}
}
&.full-card {
left: 0;
right: unset;
}
.card-body {
.alert {
svg {
margin-left: 4px;
margin-right: unset;
}
}
.value-left {
margin-left: 30px;
margin-right: unset;
}
.square {
margin-left: 5px;
margin-right: unset;
}
}
}
.modal-header {
.btn-close {
margin: -0.5rem auto -0.5rem -0.5rem;
}
}
.modal-footer {
> :not(:first-child) {
margin-right: 0.5rem;
margin-left: 0;
}
}
.form-inline {
.form-group {
.col-form-label {
margin-left: 5px;
margin-right: 0;
}
}
}
.breadcrumb-item {
&+.breadcrumb-item {
padding-right: 0.5rem;
padding-left: unset;
&::before {
padding-left: 0.5rem;
padding-right: unset;
float: right;
}
}
}
code[class*="language-"],
pre[class*="language-"] {
text-align: right;
}
.input-group-prepend {
margin-left: -1px;
margin-right: unset;
}
.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3) {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: unset;
margin-right: -1px;
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .form-control:valid,
.form-control.is-valid {
background-position: left calc(0.375em + 0.1875rem) center;
padding-left: calc(1.5em + 0.75rem);
padding-right: 12px;
}
.input-group>.form-control:not(:last-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text,
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.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) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.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) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.border-tab.nav-left .nav-link {
text-align: left;
}
.socialprofile {
.social-group {
ul {
li {
&:nth-child(4) {
margin-right: -22px;
}
}
}
}
}
.social-status {
form {
.form-group {
.form-control-social {
padding-right: 15px;
padding-left: unset;
}
}
}
.media {
.social-status {
right: 35px;
left: unset;
}
}
}
.social-chat {
.other-msg {
margin-right: 40px;
margin-left: unset;
}
.media-body {
&:before {
left: 100%;
right: unset;
border-left: 7px solid var(-semi-dark);
border-right: unset;
}
&:after {
left: 100%;
right: unset;
border-left: 7px solid $white;
border-right: unset;
}
}
}
.timeline-content {
.comment-number {
i {
margin-left: 20px;
margin-right: unset;
}
}
}
.photos {
ul {
li {
margin-right: unset;
margin-left: 10px;
}
}
}
.avatar-showcase {
.friend-pic {
margin-left: 8px;
margin-right: unset;
}
.pepole-knows {
ul {
li {
margin-left: 21px;
margin-right: unset;
&:last-child {
margin-left: 0;
}
}
}
}
}
.user-profile {
.hovercard {
.user-image {
.share-icons {
left: 100px;
right: unset;
li {
margin-left: 10px;
margin-right: unset;
&:last-child {
margin-left: 0;
}
}
}
}
}
}
.faq-form {
.search-icon {
left: 12px;
right: unset;
}
}
.faq-widgets {
.media-body {
p {
padding-left: 20px;
padding-right: unset;
}
}
}
.header-faq,
.faq-title {
text-align: right;
}
.faq-accordion {
.faq-header {
svg {
left: 30px;
right: unset;
}
}
.card {
.btn-link {
svg {
margin-left: 10px;
margin-right: unset;
}
}
}
}
.navigation-option {
ul {
li {
padding: 15px 0 15px 15px;
a {
padding-right: 40px;
padding-left: unset;
svg {
right: 15px;
left: unset;
}
}
}
}
}
.updates-faq {
margin-right: unset;
margin-left: 30px;
}
.browse {
.browse-articles {
span {
svg {
margin-left: 10px;
margin-right: unset;
}
}
}
}
.categories {
.learning-header {
padding-right: 30px;
padding-left: unset;
}
}
.main {
.langChoice {
left: 30px;
right: unset;
}
}
.pricing-block {
svg {
direction: ltr;
}
}
p {
&.data-attributes {
svg {
margin-left: 10px;
margin-right: unset;
}
}
}
.customers {
&.avatar-group {
margin-left: 30px;
margin-right: unset;
}
}
.card {
.card-header {
h5 {
float: none !important;
}
}
}
.knob-chart {
.chart-clock-main {
.clock-small {
right: 10px;
left: unset;
}
}
}
.weather-widget-two {
.top-bg-whether {
left: -28px;
right: unset;
}
.bottom-whetherinfo {
svg {
left: unset;
right: -35px;
}
}
}
.mobile-clock-widget {
.bg-svg {
left: unset;
right: -25px;
}
}
.brower-states {
.brower-item {
.browser-image {
img {
margin-right: 0;
margin-left: 10px;
}
}
}
}
.recent-activity {
.recent-item {
.recent-icon {
span {
margin-right: 0;
margin-left: 10px;
}
.feather {
margin-right: 0;
margin-left: 10px;
}
}
}
}
.to-do-list {
.to-do-item {
.form-check {
padding-right: unset;
}
}
}
.transactions-table {
tbody {
tr {
td {
&:first-child {
.transactions-icon {
margin-right: 0;
margin-left: 15px;
}
}
&:last-child {
text-align: left;
}
}
}
}
}
.todo {
.todo-list-wrapper {
.mark-all-tasks {
.btn-label {
margin-left: 5px;
margin-right: unset;
}
left: 30px;
right: unset;
}
#todo-list {
li {
.task-container {
.task-action-btn {
text-align: left;
}
}
}
}
}
.notification-popup {
left: 10px;
right: unset;
}
}
.todo-options {
.badges-todo {
h6 {
margin-left: 10px;
margin-right: unset;
&:last-child {
margin-left: 0;
}
}
}
}
.todo-list-btns {
.dropdown-basic {
.btn-group {
.form-group {
.checkbox {
padding-right: 14px;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
padding-left: unset;
border-top-left-radius: unset;
border-bottom-left-radius: unset;
}
}
}
.separated-btn {
margin-right: -6px;
margin-left: unset;
.btn {
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
}
}
}
}
.search-todo {
.dropdown-basic {
.btn-group {
margin-left: 18px;
margin-right: unset;
}
}
}
.sticky-note {
.note {
float: right;
}
}
.mega-menu {
.list-unstyled {
div {
a {
padding: 8px 0 8px 35px;
&:hover {
padding: 8px 10px 8px 35px;
}
}
}
}
}
#testimonial {
.owl-stage-outer {
.owl-stage {
.owl-item {
.slide--item {
.media {
.me-3 {
margin-right: 1rem !important;
margin-left: unset !important;
}
}
}
}
}
}
}
.needs-validation,
.form-row {
.input-group>.form-control:not(:last-child),
.input-group>.custom-select:not(:last-child) {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
.form-check {
padding-right: 1.25rem;
padding-left: unset;
.form-check-input {
float: right;
margin-left: unset;
margin-right: -1.5em;
}
}
.mega-menu {
.default-according {
.card {
.btn-link {
text-align: right;
}
}
&.style-1 {
button[aria-expanded="true"],
button[aria-expanded="false"] {
&:before {
right: unset;
left: 20px;
}
}
}
}
}
.email-wrap {
.row {
.col-xl-6 {
padding-right: 0;
padding-left: 15px;
}
.col-xl-3 {
+.col-xl-3 {
padding-left: 0;
padding-right: 15px;
}
}
}
.email-app-sidebar {
.main-menu {
&>li {
text-align: right;
a {
i {
margin-right: unset;
margin-left: 10px;
}
}
}
}
ul {
padding-right: 0;
}
}
.email-content {
.email-top {
.user-emailid {
&:after {
float: left;
}
}
}
}
.email-right-aside {
.email-body {
.pe-0 {
padding-right: unset !important;
}
}
.radius-left {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-radius: 4px;
}
}
}
#renderRange {
float: left;
padding-left: unset;
padding-right: 12px;
}
.event-calendar {
direction: ltr;
}
.calendar-wrap {
.fc {
direction: rtl;
text-align: right;
.fc-toolbar {
.fc-left {
float: right;
}
.fc-right {
float: left;
}
&>* {
&>* {
margin-left: 0;
}
}
}
}
.fc-events-container {
text-align: right;
}
.fc-scroller {
margin-right: unset;
margin-left: -17px;
}
}
.fc-agenda-view {
.fc-day-grid {
.fc-row {
margin-right: 0 !important;
}
}
}
.fc-unthemed {
.fc-row {
margin-right: 0 !important;
}
}
.btn-group-showcase {
.btn-group {
margin-left: 20px;
margin-right: unset;
}
}
.btn-showcase {
.btn {
margin-right: unset;
margin-left: 18px;
}
}
.btn-square {
&.dropdown-toggle {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
}
&.button-builder {
ul.the-icons {
li {
float: right;
}
}
.color-slelector {
float: right;
}
.custom-button-color {
.form-control {
border-radius: 0 5px 5px 0;
&.pull-left {
float: right;
}
}
}
.hint-label {
float: right;
padding: 4px 020px 0 0;
}
}
#customer-review {
.owl-item {
img {
order: 2;
}
}
}
.options {
>div {
margin: 0 0 8px 8px;
}
}
.modal-dialog {
.modal-content {
.modal-body {
p {
a {
margin-left: 0;
}
}
}
}
}
.drag-box {
fieldset {
.component {
.form-group {
.text-lg-left {
text-align: right !important;
}
.input-group {
.input-group-prepend {
.btn,
.input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.btn-right,
.checkbox-radius {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
#prependedcheckbox {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
#appendedcheckbox {
border-right-color: $light-semi-gray;
}
#buttondropdown {
margin-right: unset;
margin-left: -1px;
}
}
}
}
}
}
.drag {
form {
text-align: right;
input {
text-align: right;
}
label {
text-align: right !important;
}
.form-group {
.input-group {
.input-group-prepend {
.btn,
.input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.btn-right,
.checkbox-radius {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
#buttondropdown {
margin-right: unset;
margin-left: -1px;
}
}
}
}
}
.draggable {
label {
text-align: right;
}
}
.form-builder-column {
.tab-content {
.tab-pane {
.theme-form {
.ui-draggable {
.input-group {
>.input-group-prepend {
>.input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
}
}
}
}
}
}
#pills-tabContent {
.theme-form {
.form-group,
.ui-draggable {
.input-group {
#buttondropdown {
margin-right: unset;
margin-left: 15px;
}
.input-group-btn {
button {
border-radius: 4px !important;
}
}
}
}
}
}
}
.form-horizontal {
&.theme-form {
fieldset {
.tab-content {
.tab-pane {
.component {
.form-group {
.text-lg-left {
text-align: right !important;
}
.input-group {
.input-group-prepend {
.btn,
.input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.btn-right,
.checkbox-radius {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
#prependedcheckbox {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
#appendedcheckbox {
border-right-color: $light-semi-gray;
}
}
}
}
}
}
}
}
}
.form-builder {
.component {
.form-group {
.input-group {
#buttondropdown {
margin-right: unset;
margin-left: -1px;
}
}
.pl-md-radios {
padding-right: 37px;
padding-left: unset;
}
}
}
}
.invoice-table {
thead {
tr {
th {
text-align: right !important;
&:first-child {
display: block !important;
}
&:nth-child(5) {
width: 120px !important;
}
}
}
}
tbody {
tr {
td {
text-align: right !important;
}
}
}
}
.vendor-table {
thead {
tr {
th {
border-bottom-color: transparent !important;
text-align: right !important;
min-width: 150px;
&:first-child {
display: block !important;
}
&:last-child {
text-align: right !important;
}
}
}
}
tbody {
tr {
td {
padding: 10px 18px !important;
text-align: right !important;
&:first-child {
justify-content: flex-start !important;
a {
margin-right: 25px;
margin-left: unset;
}
}
&:last-child {
ul {
justify-content: flex-start !important;
}
}
}
}
}
}
.page-wrapper {
.page-body-wrapper {
.logo-wrapper {
box-shadow: 9px 0 20px rgba($semi-dark, 0.1) !important;
}
}
}
.search-page {
.nav i {
margin-left: 10px;
margin-right: unset;
}
}
.product-stts {
display: inline-block;
.ms-1 {
margin-right: 0.25rem !important;
margin-left: unset !important;
}
}
.search-form input {
padding: 10px 70px 10px 10px;
text-align: right;
}
.icon-hover-bottom {
.icon-title {
text-align: right;
}
.icon-popup {
.icon-last {
.form-inline {
.form-group {
.btn {
margin-right: 15px;
margin-left: unset;
}
}
}
}
}
}
.icon-lists {
div {
i {
margin: 0 10px 0 15px;
}
}
ul {
padding-right: 0;
}
}
ul {
&.icon-lists {
padding-right: 30px;
}
}
.floated-customizer-btn {
&.third-floated-btn {
left: 35px;
right: unset;
}
&>span {
margin-right: 10px;
}
}
.floated-customizer-panel {
text-align: right;
left: -85px;
right: unset;
&.active {
left: 35px;
right: unset;
}
.close-customizer-btn {
left: 30px;
right: unset;
}
ul {
padding-right: 0;
}
}
.form-builder-2-header {
>div {
nav {
float: left;
}
}
}
.radio {
label {
padding-left: 0;
padding-right: 15px;
&::before {
right: 0;
margin-right: -20px;
left: unset;
}
}
}
.page-wrapper {
.page-body-wrapper {
.page-title {
.row {
h3 {
text-align: right;
padding-left: 20px;
padding-right: unset !important;
}
h6 {
text-align: right;
}
}
}
}
&.compact-wrapper {
.page-header {
margin-right: 280px;
margin-left: unset;
width: calc(100% - 280px);
&.close_icon {
margin-right: 100px;
margin-left: unset;
width: calc(100% - 100px);
}
}
}
&.modern-type {
.page-header {
margin-right: 0;
width: calc(100% - 0px);
&.close_icon {
margin-right: 0;
width: calc(100% - 0px);
}
.header-wrapper {
.logo-wrapper {
margin-right: unset;
margin-left: calc(10px + (30 - 10) * ((100vw - 320px) / (1920 - 320)));
}
.toggle-sidebar {
margin-right: unset;
margin-left: 15px;
}
}
}
.page-body-wrapper {
.page-body {
margin-right: 310px;
}
div {
&.sidebar-wrapper {
&.close_icon {
~.page-body {
margin-right: 0px;
}
~footer {
margin-right: 0;
}
}
}
}
}
}
}
.left-header {
.mega-menu,
.level-menu {
.nav-link {
svg {
margin-right: unset;
margin-left: 5px;
}
}
}
.level-menu {
.nav-link {
margin-left: unset;
margin-right: 10px;
}
.header-level-menu {
>li {
svg {
margin-right: unset;
margin-left: 5px;
}
>.header-level-sub-menu {
left: unset;
right: 173px;
}
}
}
}
.mega-menu-container {
left: unset;
right: -30px;
.mega-box {
+.mega-box {
padding-left: unset;
padding-right: 30px;
border-left: unset;
border-right: 1px solid $light-semi-gray;
}
}
}
}
.page-header {
.header-wrapper {
.left-header {
text-align: right;
.mega-menu-container {
.mega-box {
.link-section {
li {
padding: 7px 15px 7px 0;
&:before {
right: 0px;
left: unset;
}
}
}
.svg-icon {
li {
padding-right: 0;
a {
svg {
margin-right: unset;
margin-left: 5px;
}
}
}
}
}
}
}
.nav-right {
text-align: right;
.onhover-show-div {
right: unset;
left: 0;
}
.chat-dropdown {
li {
.media {
.status-circle {
left: unset;
right: 0px;
}
}
}
}
.cart-dropdown {
.close-circle {
right: unset;
left: 0;
}
}
>ul {
>li {
margin-right: unset;
margin-left: 5px;
.lang-txt {
margin-left: 0;
margin-right: 8px;
}
&:before {
right: 0;
left: unset;
}
.dot {
left: 17px;
right: unset;
}
&.onhover-dropdown {
&:hover {
.onhover-show-div {
&:before {
right: 10px;
left: unset;
}
&:after {
right: 10px;
left: unset;
}
}
}
&:last-child {
padding-left: 0;
padding-right: 20px;
border-right: none;
}
}
&:last-child {
padding-right: 20px;
padding-left: 0;
}
text-align: right;
i {
&.ms-2 {
margin-right: 0.5rem !important;
margin-left: unset !important;
}
}
}
}
.profile-dropdown {
li {
svg {
margin-right: unset;
margin-left: 10px;
}
}
}
}
.mobile-sidebar {
padding-left: 20px;
padding-right: unset;
}
}
&.open {
margin-right: 0;
}
}
ul {
&.notification-dropdown {
&.onhover-show-div {
right: initial;
left: -30px;
padding: 0;
&:before {
right: inherit !important;
left: 35px !important;
}
&:after {
right: inherit !important;
left: 35px !important;
}
li {
margin-right: 0 !important;
span {
&.badge {
margin-left: unset !important;
}
svg {
margin-right: unset;
margin-left: 10px;
}
}
.notification-icon {
margin-left: 20px;
margin-right: unset;
}
}
}
}
}
.card-body {
.alert {
svg {
~p {
padding-left: unset;
padding-right: 20px;
}
}
}
}
.alert {
i {
margin-left: 5px;
margin-right: 0;
}
}
.inverse {
padding: 13px 65px 13px 20px;
i {
left: unset;
right: 0;
}
}
@each $var in $alert-name {
$i: index($alert-name, $var);
.alert-#{$var}.inverse {
&:before {
border-right: 7px solid nth($alert-color, $i);
right: 54px;
left: unset;
border-left: unset;
}
}
}
.alert-dismissible {
.btn-close {
left: 0;
right: unset;
span {
padding-left: 0;
padding-right: unset;
}
}
}
.icofont {
&.icofont-truck {
display: inline-block;
}
}
.blog-box {
.blog-details {
padding-left: 20px;
text-align: right;
.blog-social {
padding-right: 0;
li {
padding-left: 40px;
padding-right: unset;
&:first-child {
border-left: 1px solid #777777;
border-right: unset;
padding-left: 40px;
padding-right: unset;
}
&+li {
margin-right: 30px;
margin-left: unset;
padding-left: 0;
}
}
}
}
.blog-details-main {
.blog-social {
li {
border-left: 1px dotted;
border-right: unset;
&:last-child {
border-left: none;
}
}
}
}
.blog-date {
span {
font-size: 36px;
font-weight: 500;
padding-left: 5px;
}
}
}
.comment-box {
.media {
img {
margin-left: 45px;
margin-right: unset;
}
h6 {
text-align: right;
}
}
ul {
ul {
margin-right: 135px;
margin-left: unset;
padding-right: 0;
}
}
.comment-social {
text-align: left;
li {
padding-left: 0;
padding-right: 20px;
&:first-child {
border-left: 1px solid $light-semi-gray;
border-right: unset;
padding-right: 0;
padding-left: 20px;
}
}
}
}
.button-builder-wrap {
.form-group {
.btn {
margin-left: 15px;
margin-right: 0;
padding: 9px;
}
}
}
.button-builder {
ul {
&.the-icons {
padding-right: 0 !important;
}
}
}
.call-chat-body {
.chat-box {
.chat-right-aside {
.chat {
.chat-history {
.caller-img {
&.ps-0 {
padding-left: 15px !important;
}
}
}
}
}
}
}
.chat-box {
.user-image {
float: right;
margin-left: 5px;
margin-right: 0;
}
.people-list {
.search {
i {
left: 10px;
right: unset;
}
}
}
.about {
float: right;
padding-right: 10px;
padding-left: unset;
text-align: right;
}
.chat-menu {
border-right: 1px solid $light-color;
border-left: unset;
.nav {
padding-right: 0;
}
&.ps-0 {
padding-left: 15px !important;
}
}
.chat-right-aside {
.chat {
.chat-message {
.smiley-box {
margin-left: 0.5rem;
margin-right: unset;
}
.text-box {
.btn {
border-radius: 5px 0 0 5px;
}
}
}
}
&.pe-0 {
padding-right: 15px !important;
}
}
.chat {
.chat-message {
.text-box {
.input-group-append {
margin-right: -2px;
}
}
}
}
}
.chat-msg-box {
ul {
padding-right: 0;
}
}
.chat-left-aside {
.status-circle {
left: unset;
right: 40px;
}
}
.chat-right-aside {
.chat {
.chat-header {
.chat-menu-icons {
padding-left: 0;
padding-right: unset;
&.float-sm-right {
float: left !important;
}
}
img {
float: right;
}
}
}
}
.cke_toolbar,
.cke_toolgroup,
a.cke_button,
.cke_combo_text {
float: right;
}
.cke_reset_all,
.cke_reset_all *,
.cke_reset_all a,
.cke_reset_all textarea {
text-align: right;
}
.cke_combo_text {
padding-left: unset;
padding-right: 10px;
}
#editor1 {
#cke_editor1 {
#cke_1_contents {
iframe {
html {
direction: rtl !important;
}
}
}
}
}
#clockdiv {
ul {
padding-right: 0;
}
}
.custom-card {
.card-footer {
&>div {
&+div {
border-right: 1px solid $light-semi-gray;
border-left: unset !important;
}
}
}
}
.card-social {
padding-right: 0;
}
.card-absolute {
.card-header {
right: 15px;
left: unset;
}
}
.dataTables_wrapper {
.dataTables_filter {
input[type="search"] {
margin-right: 10px;
margin-left: 0;
}
}
.dataTables_length {
float: right;
}
.dataTables_filter {
margin-left: unset;
margin-right: 15px;
float: left;
}
.dataTables_info {
float: right;
}
.advance-5_filter {
margin-left: 0;
}
.btn-group {
button {
margin-left: 5px;
margin-right: unset;
&:last-child {
margin-left: 0;
}
}
}
table {
&.dataTable {
tbody {
td,
th {
&.select-checkbox {
&:after {
margin-left: 31px;
}
}
}
}
}
}
}
div {
&.dataTables_wrapper {
div {
&.dataTables_paginate {
margin-right: 15px !important;
margin-left: 0 !important;
float: left;
}
}
}
}
table {
&.dataTable {
thead {
&>tr {
&>th {
padding-left: 30px;
padding-right: 12px;
&:before {
left: 1em !important;
right: unset;
}
&:after {
left: 0.5em !important;
right: unset;
}
}
}
}
}
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
left: 1em !important;
right: unset;
}
.dataTables_scrollHeadInner {
padding-right: unset !important;
padding-left: 0 !important;
}
div {
&.table-responsive {
&>div {
&.dataTables_wrapper {
&>div {
&.row {
&>div[class^="col-"]:first-child {
padding-right: 0;
padding-left: 0;
}
&>div[class^="col-"]:last-child {
padding-right: 0;
padding-left: 0;
}
}
}
}
}
}
}
.dt-plugin-buttons {
button {
&.m-r-10 {
margin-left: 10px;
margin-right: 0;
}
}
}
.datetime-picker {
.theme-form {
.form-group {
label {
text-align: left !important;
}
.input-group-text {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group {
.form-control {
border-radius: 0.25rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
}
}
}
.dropdown-basic {
.btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.separated-btn {
.btn {
border-radius: 0.25rem;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
}
.btn-group {
margin-right: unset;
margin-left: 18px;
}
}
.error-wrapper {
.col-md-8 {
&.offset-md-2 {
margin: 0 auto !important;
}
}
}
.product-price {
del {
padding-left: 20px;
padding-right: 0;
}
}
.product-box {
.modal {
.modal-header {
.btn-close {
right: unset;
left: 15px;
}
}
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-info:before,
.ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
border-left-color: #007bff;
}
.ribbon-bookmark.ribbon-vertical-left:before,
.ribbon-bookmark.ribbon-vertical-right:before {
right: 0;
left: unset;
border-left: 15px solid #2a3142;
}
.ribbon-bookmark.ribbon-info:before {
border-left-color: transparent;
}
.ribbon-warning.ribbon-clip:before {
border-left-color: #ff850d;
border-right-color: unset;
}
.ribbon-clip {
right: -14px;
left: unset;
&:before {
right: 0;
left: unset;
}
}
}
.product-hover {
ul {
padding-right: 0;
}
}
.customer-review {
.media {
img {
margin-left: 25px;
margin-right: 0;
}
}
}
.nav {
padding-right: 0;
}
.custom-file-label {
&::after {
left: 0;
right: unset;
}
}
.wizard-4 {
ul {
&.anchor {
float: right;
padding-right: 0;
padding-left: 30px;
}
}
.step-container {
clear: unset;
}
.form-group {
text-align: right;
}
.action-bar {
.btn {
float: left;
}
}
}
.f1 {
.f1-buttons {
text-align: left;
}
.f1-steps {
.f1-step {
float: right;
}
}
}
.static-top-widget .media-body {
padding-right: 30px;
padding-left: unset;
.icon-bg {
left: -20px;
right: unset;
}
}
.widget-joins {
.media {
.details {
border-right: 1px solid $light-semi-gray;
border-left: unset;
}
.media-body {
text-align: right;
}
}
}
.weather-widget-two {
.bottom-whetherinfo {
.whether-content {
text-align: left;
}
}
}
.jstree-default {
.jstree-node {
margin-left: unset;
margin-right: 24px;
background-position: -292px -4px;
background-repeat: repeat-y;
}
}
.img-cropper {
.btn-group {
margin-right: 0;
margin-left: 10px;
button {
&:last-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
&:first-child {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
}
}
.docs-toggles {
.btn-group {
.btn {
border-radius: 0;
&:last-child {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
&:first-child {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
}
}
}
.btn-group {
>.btn:not(:last-child):not(.dropdown-toggle) {
>.btn-group:not(:last-child)>.btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
}
.jsgrid-button {
+.jsgrid-button {
margin-right: 5px;
margin-left: unset;
}
}
.list-group {
padding-right: 0;
i,
img {
margin-left: 10px;
margin-right: 0;
}
}
.authentication-box {
text-align: right;
}
.mega-horizontal {
.offset-sm-3 {
margin-right: 25%;
margin-left: unset;
}
}
.navs-icon {
svg {
margin-left: 10px;
margin-right: unset;
}
.fa {
margin-left: 10px;
margin-right: unset;
}
}
.nav-list {
.nav-list-disc {
text-align: right;
padding-right: 0;
}
}
.pl-navs-inline {
padding-right: 30px !important;
padding-left: 0 !important;
}
.onhover-dropdown.navs-dropdown:hover .onhover-show-div:before {
left: 77px;
right: unset;
}
.onhover-dropdown.navs-dropdown:hover .onhover-show-div:after {
left: 77px;
right: unset;
}
.navs-dropdown {
.onhover-show-div {
.navs-icon {
li {
text-align: right;
}
}
}
}
.navs-icon.default-according.style-1 {
li {
button[aria-expanded="true"] {
&:before {
left: 2px;
right: unset;
}
}
button[aria-expanded="false"]:before {
left: 2px;
right: unset;
}
}
}
.search-form {
.form-group {
&:after {
right: 53px;
left: unset;
}
&:before {
right: 82px;
left: unset;
}
}
}
.order-history {
table {
tbody {
tr {
td {
.product-name {
.order-process {
.order-process-circle {
&:before {
right: -15px;
left: unset;
}
}
}
}
}
}
}
th,
td {
&:first-child {
text-align: right;
}
}
}
}
.product-page-details {
span {
padding-right: 15px;
padding-left: 0;
}
}
.m-checkbox-inline {
label {
margin-left: 20px;
margin-right: 0;
}
}
.form-label-align-right {
label {
text-align: left;
}
}
.br-theme-bars-reversed,
.br-theme-bars-movie,
.br-theme-bars-1to10,
.br-theme-bars-square {
.br-widget {
.br-current-rating {
float: right;
}
a {
float: right;
}
}
}
.ribbon-left {
right: auto;
left: -2px;
}
.ribbon-vertical-left {
right: auto;
left: 12px;
}
.ribbon-vertical-right {
right: auto;
left: 12px;
}
.star-ratings {
ul {
&.search-info {
padding-right: 0;
li {
&+li {
border-right: 1px solid #a5afc6;
border-left: unset;
padding-right: 8px;
padding-left: 0;
margin-right: 8px;
margin-left: 0;
}
}
}
}
}
.editor-statusbar {
text-align: left;
span {
margin-right: 1em;
margin-left: unset;
}
}
.CodeMirror-scroll {
margin-left: -30px;
margin-right: unset;
}
.primary-color,
.yellow-color {
ul {
padding-right: 0;
}
}
.u-step-desc {
text-align: right;
}
.u-step-number {
right: 20px;
left: unset;
&~.u-step-desc {
margin-right: 50px;
}
}
.u-pearl {
&:after {
left: 0;
right: unset;
}
&:before {
right: 0;
left: unset;
}
}
.u-step-icon {
float: right;
margin-left: 0.5em;
margin-right: unset;
}
.list-icons {
padding-right: 0;
}
.card-header.note-toolbar {
.note-color {
.dropdown-toggle {
padding-right: 5px;
}
}
.form-group {
&.draggable {
text-align: right;
}
}
.form-check {
padding-right: 24px;
padding-left: unset;
}
form {
.custom-control {
padding-right: 24px;
padding-left: unset;
.custom-control-label {
&::after {
right: 0;
left: unset;
}
&::before {
right: 0;
left: unset;
}
}
}
}
}
.dropdown-toggle::after {
margin-right: 0.255em;
margin-left: unset;
}
.tabbed-card {
ul {
left: 22px;
right: unset;
}
}
.checkbox {
label {
padding-right: 16px;
padding-left: unset;
&::before {
right: 0;
left: unset;
margin-right: -16px;
margin-left: unset;
}
}
}
.radio {
label {
&::after {
right: 5px;
left: unset;
margin-right: -20px;
margin-left: unset;
}
}
}
.cd-timeline-content {
&::before {
border-right: 7px solid $light-color;
border-left-color: transparent;
}
}
.cd-timeline-img {
i {
right: 40%;
left: unset;
margin-right: -12px;
margin-left: unset;
}
}
.cd-timeline-block {
&:nth-child(even) {
.cd-timeline-content {
float: left;
border-left: 7px solid #eeeeee;
border-right: unset;
.cd-date {
right: auto;
left: 122%;
text-align: left;
}
&::before {
right: auto;
left: 100%;
border-left-color: #eeeeee;
border-right-color: transparent;
}
}
}
}
.cd-timeline-content {
.cd-date {
right: 122%;
left: unset;
}
}
.introjs-tooltip {
right: 0;
left: unset;
}
.introjs-helperNumberLayer {
right: -16px;
left: unset;
}
.introjs-tooltipReferenceLayer {
.introjs-tooltip {
.introjs-tooltiptext {
text-align: right;
}
.introjs-tooltipbuttons {
text-align: left;
.introjs-skipbutton {
margin-left: 5px;
margin-right: unset;
}
.introjs-nextbutton {
-webkit-border-radius: 0.2em 0 0 0.2em;
-moz-border-radius: 0.2em 0 0 0.2em;
border-radius: 0.2em 0 0 0.2em;
}
}
}
}
.list-inline-item {
&:not(:last-child) {
margin-left: 0.5rem;
margin-right: unset;
}
}
.like-comment {
ul {
&.list-inline {
padding-right: 0;
}
}
}
.typeahead {
text-align: right;
}
.listing {
ul {
padding-right: 0;
.icofont {
float: right;
}
}
}
.gallery {
.hover-5 {
img {
margin-right: 30px;
}
&:hover {
img {
margin-right: 0;
}
}
}
}
.lg-outer {
text-align: right;
}
.lg-toolbar .lg-icon {
float: left;
}
#lg-counter {
padding-right: 20px;
padding-left: unset;
float: right;
}
.chart-widget-top {
.text-end {
text-align: left !important;
}
.num {
.ms-1 {
margin-right: 0.25rem !important;
}
}
}
.bar-chart-widget {
.earning-details {
i {
left: -240px;
}
}
.bottom-content {
.b-r-light {
border-left: 1px solid #eeeeee !important;
border-right: unset !important;
}
.num {
.ms-1 {
margin-right: 0.25rem !important;
}
}
}
}
.chart-vertical-center {
#myDoughnutGraph,
#myPolarGraph {
width: auto !important;
}
}
.crm-activity {
ul {
&.dates {
li {
+li {
border-right: 1px solid #ddd;
padding-right: 10px;
margin-right: 5px;
border-left: unset;
padding-left: unset;
margin-left: unset;
}
}
}
}
}
div {
&.dt-buttons {
float: right;
}
}
.dt-button-collection {
left: -39px !important;
}
.dropzone {
.dz-preview {
.dz-error-mark,
.dz-success-mark {
right: 50%;
margin-right: -27px;
margin-left: unset;
left: unset;
}
}
}
.page-wrapper {
.page-body-wrapper {
footer {
margin-right: unset;
margin-left: unset;
right: unset;
left: 0;
p {
i {
margin-right: 5px;
margin-left: unset;
}
}
}
}
}
.apexcharts-canvas {
direction: ltr;
}
.slick-slider {
direction: ltr;
.sub-section {
direction: rtl;
}
}
.footer-copyright {
text-align: right;
}
.footer-links {
text-align: left;
}
.page-item {
&:first-child {
.page-link {
margin-right: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left: none;
}
}
&:last-child {
.page-link {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
}
.popover.top,
.popover.bottom {
>.arrow:after {
margin-right: -10px;
margin-left: unset;
}
}
.bootstrap-touchspin {
>.input-group-append {
>.btn,
>.input-group-text {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
}
>.form-control,
>.custom-select {
&:not(:last-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
}
.typeahead {
span {
&.twitter-typeahead {
.tt-suggestion {
text-align: right;
}
}
}
.league-name {
text-align: right;
margin-right: 5px;
}
}
.follow {
.text-md-right {
text-align: left !important;
}
}
.jvectormap-zoomin,
.jvectormap-zoomout,
.jvectormap-goback {
right: 10px;
left: unset;
}
.customizer-links {
right: unset;
left: 0;
margin-right: unset;
margin-left: -10px;
>.nav {
padding-right: 10px;
}
.nav-link {
&:after {
right: -10px;
left: unset;
border-width: 5px 5px 5px 0;
border-left-color: unset;
border-right-color: lighten($primary-color, 25%);
}
span {
right: unset;
left: -60px;
}
&:hover {
span {
left: 48px;
}
}
}
&.open {
right: unset;
left: 330px;
border-radius: 0 8px 8px 0;
}
}
.customizer-contain {
width: 330px;
right: unset;
left: -330px;
&.open {
right: unset;
left: 0px;
}
.customizer-header {
.icon-close {
left: unset;
right: 30px;
}
}
}
.box-layout {
&.page-wrapper.horizontal-wrapper {
.page-header {
padding-right: 250px;
padding-left: unset;
&.open {
padding-right: 0;
}
}
}
&.page-wrapper {
&.compact-wrapper {
.page-body-wrapper {
.page-body {
margin-left: unset;
margin-right: 230px;
}
.sidebar-wrapper {
&.close_icon {
~footer {
width: 1280px;
padding-left: 0;
left: 50%;
}
}
}
}
.page-header {
margin-left: auto;
margin-right: auto;
padding-left: unset;
padding-right: 230px;
&.close_icon {
padding-right: 100px;
}
}
}
}
}
body.dark-only {
.earning-card {
&.card {
.card-body {
.earning-content {
border-left: 1px solid $dark-card-border;
}
}
}
}
.chart_data_left,
.chart_data_right {
.card-body {
.chart-main {
.media {
border-left: 1px solid $dark-card-border;
}
}
}
}
.widget-joins {
.media {
.details {
border-left: unset !important;
border-right: 1px solid $dark-card-border;
}
}
}
.custom-card {
.card-footer {
>div {
+div {
border-right: 1px solid $dark-card-border;
}
}
}
}
.page-wrapper {
.page-body-wrapper {
.page-body {
.card:not(.email-body) {
.b-r-light,
.border-right {
border-right: none !important;
border-left: 1px solid $dark-card-border !important;
}
}
}
}
}
}
.radio-section {
label {
margin-right: 0;
margin-left: 20px;
}
}
.order-details-table {
.table-details {
.table {
tfoot {
tr {
&.table-order {
td {
text-align: right;
}
}
}
}
}
}
}
.all-package {
tbody {
tr {
td {
&:last-child {
ul {
li {
&:first-child {
margin-left: unset;
margin-right: 0;
}
}
}
}
}
}
}
}
.page-wrapper {
&.compact-wrapper {
.page-body-wrapper {
div {
&.sidebar-wrapper {
.sidebar-main {
.sidebar-links {
.simplebar-wrapper {
.simplebar-mask {
.simplebar-content-wrapper {
.simplebar-content {
>li {
padding: 0 15px 0 0;
.sidebar-link {
border-top-left-radius: unset;
border-bottom-left-radius: unset;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
&.sidebar-main-title {
padding: 0 15px 15px;
}
}
}
}
}
}
}
}
}
}
}
}
}
.card {
.card-header-block {
.card-order-section {
ul {
li {
&::before {
right: unset;
left: -10px;
}
}
}
}
}
}
.order-details-table {
.order-success {
.order-details {
padding-right: unset;
}
}
}
.user-table {
tbody {
tr {
td {
&:last-child {
ul {
li {
&:first-child {
margin-left: unset;
margin-right: 0;
}
&:last-child {
margin-right: unset;
margin-left: 0;
}
}
}
}
}
}
}
}
@media screen and (max-width: 1660px) {
.caller-img {
left: unset;
right: 15px;
}
}
@media only screen and (max-width: 1366px) {
.profile-dropdown {
&.onhover-show-div {
right: unset !important;
left: 0 !important;
}
}
.product-wrapper {
.product-grid {
.feature-products {
margin-right: 0;
}
}
}
.product-grid {
margin-right: 0;
}
.d-none-productlist {
margin-left: 10px;
margin-right: unset;
}
.product-sidebar {
transform: translateX(300px) scaleX(0);
}
.photos {
ul {
li {
&:nth-child(3n) {
margin-left: 15px;
margin-right: unset;
}
}
}
}
.chat-left-aside {
.status-circle {
left: unset;
right: 22px;
}
}
.earning-card {
.card-body {
>.row {
>div {
.chart-left {
padding: 40px;
.left-btn {
text-align: left;
}
}
}
}
}
}
.chart_data_left {
.card-body {
.chart-main {
.media {
.media-body {
.right-chart-content {
margin-right: 4px;
}
}
}
}
}
}
.best-seller-table {
table {
tbody {
tr {
td {
.fa-check-circle {
right: 2px;
}
}
}
}
}
}
.offer-box {
.offer-slider {
.selling-slide {
.d-flex {
.left-content {
padding-left: unset;
padding-right: 15px;
}
}
}
}
}
}
@media (min-width: 1200px) {
.chat-box {
.pe-xl-0 {
padding-left: 0 !important;
padding-right: 15px !important;
}
.ps-xl-0 {
padding-right: 0 !important;
padding-left: 15px !important;
}
}
.pixelstrap {
ul {
a {
&:hover,
&:focus,
&:active,
&.highlighted {
.sub-arrow {
left: 3px;
right: unset;
}
}
}
}
}
}
@media (min-width: 992px) {
.text-lg-start {
text-align: right !important;
}
}
@media only screen and (max-width: 1199.98px) {
.jkanban-container {
.btn {
margin-left: unset;
margin-right: 20px;
}
}
.page-wrapper {
&.compact-wrapper {
.page-body-wrapper {
.page-body {
margin-right: 260px;
}
}
}
}
.link-section>div>h6:before {
right: unset;
left: 10px;
}
.left-header {
.mega-menu-container {
left: -300px !important;
right: unset !important;
&.d-block {
left: 0 !important;
right: unset !important;
animation: fadeInLeft 0.3s ease-in-out;
}
.mega-box {
+.mega-box {
padding-right: 15px;
border-right: 0;
}
}
}
}
.page-wrapper {
.page-header {
.header-wrapper {
.nav-right {
>ul {
li {
.submenu {
li {
&:first-child {
padding-right: 15px !important;
padding-left: 15px !important;
}
}
}
}
}
}
}
}
}
.user-profile {
.hovercard {
.user-image {
.share-icons {
left: 45px;
}
}
}
}
.email-wrap {
.row {
.col-xl-6 {
padding-right: 15px;
}
.col-xl-3 {
+.col-xl-3 {
padding-left: 15px;
}
}
}
.email-app-sidebar {
.main-menu {
&>li {
text-align: right;
a {
i {
margin-right: unset;
margin-left: 10px;
}
}
}
}
ul {
padding-right: 0;
}
}
.email-content {
.email-top {
.user-emailid {
&:after {
float: left;
}
}
}
}
.email-right-aside {
.email-body {
.pe-0 {
padding-right: unset !important;
}
}
.radius-left {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-radius: 4px;
}
}
}
.chat-menu-icons {
text-align: left;
}
.chat-box {
.chat-history {
.row {
.col-sm-7 {
padding-left: 0 !important;
padding-right: unset !important;
}
}
}
}
.chat-menu {
left: 0;
right: unset;
}
.earning-card {
.card-body {
>.row {
>div {
.chart-left {
.left_side_earning {
&:nth-child(3) {
text-align: left;
}
}
}
}
}
}
}
.chart_data_left {
.card-body {
.chart-main {
.media {
.media-body {
.right-chart-content {
margin-right: 30px;
}
}
}
}
}
}
.best-seller-table {
table {
tbody {
tr {
td {
.fa-check-circle {
right: 18px;
}
}
}
}
}
}
}
.single-section {
.description-section {
.description-details {
.menu-part {
&.facility {
h6 {
img {
margin-right: unset;
margin-left: 5px;
}
}
}
}
}
}
}
.single-section {
.description-section {
.description-details {
.menu-part {
.list-view {
.list-box {
.list-content {
.facility-icon {
.facility-box {
+.facility-box {
margin-right: 15px;
margin-left: unset;
}
}
}
}
}
}
}
}
}
}
.grow {
svg {
margin-right: unset;
margin-left: 8px;
}
}
@media only screen and (max-width: 991.98px) {
.order-menu-section {
padding: 0;
}
.todo {
.todo-list-wrapper {
.mark-all-tasks {
left: 20px;
}
}
}
.left-header {
.mega-menu,
.level-menu {
.nav-link {
svg {
margin-left: 0;
}
}
}
}
.page-wrapper {
&.compact-wrapper {
.page-body-wrapper {
div.sidebar-wrapper {
.logo-wrapper {
.back-btn {
float: left;
transform: rotate(180deg);
}
}
}
}
.page-header {
.header-wrapper {
.toggle-sidebar {
margin-right: 0;
padding-right: 0;
margin-left: 15px;
padding-left: 15px;
}
}
}
}
&.compact-sidebar {
.page-header {
margin-right: 0;
}
}
&.material-icon {
.page-header {
padding-right: 0;
}
.page-body-wrapper {
.page-body {
padding-right: 15px;
}
}
}
}
.faq-accordion {
.faq-header {
svg {
left: 20px;
}
}
}
.categories {
.learning-header {
padding-right: 20px;
}
}
.page-wrapper {
.page-header {
.header-logo-wrapper {
.logo-wrapper {
img {
margin-left: 15px;
margin-right: unset;
}
}
}
}
}
.page-body-wrapper {
.page-body,
footer {
margin-right: 0 !important;
}
}
.main {
.langChoice {
left: 20px;
}
}
.cd-timeline-img {
i {
right: 50% !important;
}
}
.page-wrapper {
.page-body-wrapper {
.page-title {
.breadcrumb {
margin-right: 0;
}
}
.page-body {
min-height: calc(100vh - 60px);
}
}
.page-header {
margin-right: 0;
}
&.compact-wrapper {
.page-header {
margin-right: 0 !important;
margin-left: unset !important;
}
.page-body-wrapper {
&.sidebar-wrapper {
&.close_icon {
transform: translate(285px);
}
}
}
}
}
.card-body {
.value-left {
margin-left: 20px;
}
}
.bookmark {
ul {
li {
.search-form {
.form-control-search {
left: -127px;
}
}
}
}
}
.card {
.card-header {
.card-header-right {
left: 15px;
}
}
}
.earning-card {
&.card {
.card-body {
>.row {
>div {
.chart-left {
padding: 20px;
}
}
}
}
}
}
.chart_data_left {
.card-body {
.chart-main {
.media {
.media-body {
.right-chart-content {
margin-right: 20px;
}
}
}
}
}
}
.activity-timeline {
.media {
.activity-line {
right: 26px;
}
}
}
.offer-box {
.offer-slider {
.selling-slide {
.d-flex {
.left-content {
padding-right: 0;
}
}
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
right: unset;
left: 20px;
}
}
}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.page-wrapper {
&.compact-wrapper {
&.material-type {
.page-body-wrapper {
div.sidebar-wrapper {
left: unset;
right: 0;
}
}
}
}
}
}
@media (min-width: 768px) {
.float-md-end {
float: left !important;
}
.text-md-end {
text-align: left !important;
}
.offset-md-3 {
margin-right: 25%;
margin-left: unset;
}
.text-md-start {
text-align: right !important;
}
.ecommerce-widget {
.text-md-end {
text-align: left !important;
ul {
text-align: left;
}
}
}
}
@media only screen and (max-width: 767.98px) {
.list-persons {
.profile-mail {
.email-general {
ul {
padding-left: 0;
}
}
}
}
.page-wrapper.compact-wrapper .left-header .mega-menu {
right: 80px;
.nav-link {
border: none;
}
}
.left-header .mega-menu .nav-link.active {
color: $black;
}
.product-wrapper {
&.sidebaron {
.product-grid {
.product-wrapper-grid {
margin-right: 0;
}
}
}
}
.feature-products {
.filter-toggle {
margin-right: 10px;
margin-left: unset;
}
}
.page-wrapper {
.nav-right {
.nav-menus {
margin-right: unset;
margin-left: 57px;
}
}
&.compact-wrapper {
.nav-right {
.nav-menus {
margin-right: unset;
margin-left: 25px;
}
}
}
&.compact-wrapper,
&.compact-sidebar {
.left-header {
.mega-menu {
right: unset;
left: 30px;
.nav-link {
padding-right: 16px;
padding-left: 0;
border: 0;
}
}
}
}
}
.user-profile {
.hovercard {
.user-image {
.share-icons {
left: 25px !important;
}
}
}
}
.ecommerce-widget {
.text-md-right {
text-align: left !important;
}
}
.bar-chart-widget {
.earning-details {
i {
left: -147px !important;
}
}
}
.dashboard-sec {
.earning-card {
.card-body {
>.row {
>div {
.chart-right {
>.row {
ul {
li {
+li {
margin-left: unset;
margin-right: 25px;
}
}
}
.inner-top-right {
ul {
li {
margin-left: unset;
margin-right: 30px;
}
}
}
}
}
}
}
}
}
}
}
@media (min-width: 576px) {
.offset-sm-3 {
margin-right: 25%;
margin-left: unset;
}
.text-sm-end {
text-align: left !important;
}
.float-sm-end {
float: left !important;
}
.me-sm-2 {
margin-left: 0.5rem !important;
margin-right: unset !important;
}
}
@media only screen and (max-width: 575.98px) {
.todo {
.todo-list-wrapper {
.mark-all-tasks {
left: 15px;
}
}
}
.list-persons {
.nav-pills {
.nav-link {
.media {
.media-body {
text-align: right;
}
}
}
}
}
.mega-menu {
padding-left: unset;
padding-right: 15px;
}
.left-header {
.level-menu {
.nav-link {
margin: 0;
}
}
}
.page-wrapper {
.nav-right {
.nav-menus {
margin-left: 45px;
}
}
.page-header {
.header-wrapper {
.nav-right {
>ul {
li {
margin-right: unset;
margin-left: 4px;
}
}
}
}
}
&.compact-wrapper,
&.compact-sidebar {
.page-header {
.header-wrapper {
.toggle-sidebar {
margin-left: calc(4px + (8 - 4) * ((100vw - 320px) / (575 - 320)));
margin-right: unset;
padding-left: calc(4px + (8 - 4) * ((100vw - 320px) / (575 - 320)));
padding-right: unset;
}
}
}
.left-header {
.mega-menu {
left: 15px;
}
}
}
&.compact-wrapper {
.nav-right {
.nav-menus {
margin-left: 0px;
}
}
}
}
.translate_wrapper {
&.active {
.more_lang {
&.active {
left: unset;
right: 15px;
}
}
}
}
.page-header {
.header-wrapper {
.nav-right {
>ul {
>li {
&:last-child {
padding-right: 10px;
}
}
}
&.right-header {
ul {
&.profile-dropdown,
&.chat-dropdown,
&.notification-dropdown {
left: unset !important;
right: 15px !important;
}
}
}
}
}
}
.faq-accordion {
.faq-header {
svg {
left: 15px;
}
}
}
.categories {
.learning-header {
padding-right: 15px;
}
}
.user-profile {
.hovercard {
.user-image {
.share-icons {
left: 15px !important;
li {
margin-left: 0px;
}
}
}
}
}
.main {
.langChoice {
left: 15px;
}
}
.page-wrapper {
.search-form {
.form-group {
margin-left: 0;
}
}
}
.card-body {
.value-left {
margin-left: 15px;
}
}
.earning-card {
.card-body {
>.row {
>div {
.chart-left {
.left_side_earning {
&:nth-child(3) {
text-align: right;
}
}
.left-btn {
text-align: right;
}
}
}
}
}
}
.dashboard-sec {
.earning-card {
.card-body {
>.row {
>div {
.chart-right {
>.row {
ul {
li {
+li {
margin-right: 15px;
}
}
}
}
}
}
}
}
}
}
}
@media only screen and (max-width: 480px) {
.left-header {
.level-menu {
.header-level-menu {
>li {
>.header-level-sub-menu {
right: 140px;
}
}
}
}
}
.page-wrapper {
.page-header {
.header-wrapper {
.nav-right {
.onhover-show-div {
right: unset;
left: 20px;
}
}
}
}
}
}
@media only screen and (max-width: 420px) {
.page-wrapper {
&.compact-sidebar {
.page-body-wrapper {
div.sidebar-wrapper {
.sidebar-main {
.sidebar-links {
li {
.sidebar-submenu,
.mega-menu-container {
right: 112px;
}
}
}
}
}
}
}
&.compact-small {
.page-body-wrapper {
div.sidebar-wrapper {
.sidebar-main {
.sidebar-links {
li {
.sidebar-submenu,
.mega-menu-container {
right: 80px;
}
}
}
}
}
}
}
}
}
@media only screen and (max-width: 360px) {
.prooduct-details-box {
.close {
left: 0;
}
}
.social-app-profile {
.hovercard {
.user-image {
.avatar {
img {
width: 85px;
height: 85px;
}
margin-top: -47px;
}
}
}
}
.social-chat {
.other-msg {
margin-right: 15px;
}
}
}
@media screen and (max-width: 1460px) {
.sidebar-wrapper {
.sidebar-main {
.sidebar-links {
.simplebar-wrapper {
.simplebar-mask {
.simplebar-content-wrapper {
.simplebar-content {
>li {
margin-left: 8px;
margin-right: unset;
}
}
}
}
}
}
}
}
}
}