/* 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 */ /** ===================== Rtl css start ========================== **/ body { direction: rtl; text-align: right; } .scroll-div > .scroll-element.scroll-y { right: auto; left: 6px; } .pro-body i { float: right; margin-left: 10px; } .dropdown-menu-end[data-bs-popper] { left: 0 !important; right: unset; } .form-select { background-position: left; padding-left: 1rem; padding-right: unset; } .input-group .btn { border-radius: 0px; } .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 { display: none; left: 10px; right: auto; } .form-check { padding-right: 1.5em; padding-left: unset; } .form-check .form-check-input { float: right; margin-right: -1.5em; margin-left: 7px; } .text-lg-end { text-align: left !important; } .modal-header .btn-close { margin: -1rem auto -1rem 0rem; } /* ====== Header ========== */ /* ====== Bootstrap ========== */ .me-auto { margin-left: auto !important; margin-right: 0 !important; } .ms-auto { margin-right: auto !important; margin-left: 0 !important; } .ms-2 { margin-right: 0.5rem !important; } .float-left { float: right !important; } .float-end { float: left !important; } .float-right { float: left !important; } .text-right { text-align: left !important; } .float-start { float: right !important; } .text-left { text-align: right !important; } .text-start { text-align: right !important; } .text-end { text-align: left !important; } .list-group { padding-right: 0; } .breadcrumb-item + .breadcrumb-item::before { padding-left: 8px; } .breadcrumb-item + .breadcrumb-item { padding-right: var(--bs-breadcrumb-item-padding-x); } .breadcrumb-item + .breadcrumb-item::before { float: right; padding-left: var(--bs-breadcrumb-item-padding-x); padding-right: unset; } /* ====== Bootstrap ==========*/ /** ===================== Generic-class css start ========================== **/ .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: 0; } .m-r-0 { margin-left: 0px; margin-right: 0; } .p-l-5 { padding-right: 5px; padding-left: 0; } .p-r-5 { padding-left: 5px; padding-right: 0; } .m-l-5 { margin-right: 5px; margin-left: 0; } .m-r-5 { margin-left: 5px; margin-right: 0; } .p-l-10 { padding-right: 10px; padding-left: 0; } .p-r-10 { padding-left: 10px; padding-right: 0; } .m-l-10 { margin-right: 10px; margin-left: 0; } .m-r-10 { margin-left: 10px; margin-right: 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:first-child { padding-right: 25px; padding-left: 12px; } .pcoded-header .navbar-nav > li:last-child { padding-left: 30px; 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 .dropdown-toggle:after { right: 12px; } .pcoded-header .dropdown.show:before { left: 0; right: -5px; } .pcoded-header .dropdown .notification .noti-body img { margin-right: auto; 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: 0; margin-left: 10px; } .pcoded-header .dropdown .profile-notification .pro-head .dud-logout { padding-left: 0; right: auto; left: 0; } /* ====== Header ========== */ /* ====== menu ========== */ .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 { margin-right: 10px; } .pcoded-navbar .pcoded-inner-navbar li > a { text-align: right; } .pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu > a:after { right: auto; left: 20px; } .pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li > a { text-align: right; padding: 7px 60px 7px 7px; } .pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li > a:before { left: auto; right: 30px; } .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((70px / 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: 70px; } .pcoded-navbar.navbar-collapsed:hover .header-logo .mobile-menu { right: auto; left: 0; } .pcoded-navbar.navbar-collapsed:hover .pcoded-inner-navbar { direction: rtl; } .pcoded-navbar.navbar-collapsed .pcoded-inner-navbar { direction: ltr; } .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: 70px; } .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; } /* ====== menu ========== */ /* ====== dropdown ========== */ .dropdown .dropdown-menu { text-align: right; left: auto; } .dropdown .dropdown-menu.dropdown-menu-right { right: auto; left: 0; } .note-card .note-box-aside { border-left: 1px solid #e2e5e8; border-right: none; } /* ====== dropdown ========== */ /* ====== Header Chat ========== */ .header-chat, .header-user-list { right: auto; left: -350px; } .header-chat.open, .header-user-list.open { right: auto; left: 0; } .header-user-list.open .h-close-text { left: auto; right: -30px; transform: rotate(180deg); top: 167px; } .header-chat .h-list-header .h-back-user-list { left: auto; right: 0; transform: rotate(180deg); } .header-chat .h-list-body .chat-messages .chat-menu-reply { text-align: left; } .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 ========== */ /* ====== Menu Styler Start ======== */ .menu-styler h6:after { right: 0; left: auto; } .menu-styler .style-toggler > a { right: auto; left: 0; } .menu-styler .style-toggler > a:before { right: auto; left: 0; border-radius: 0 3px 3px 0; box-shadow: 0 0 8px rgba(255, 66, 92, 0.9), -6px 0 8px rgba(0, 0, 0, 0.1); } .menu-styler .style-toggler > a:after { content: "\e847"; right: auto; left: 11px; } .menu-styler .prebuild-toggler > .prebuild-group { transform: rotate(-90deg); right: auto; left: -108px; } .menu-styler .prebuild-toggler > .prebuild-group > a { box-shadow: 0 0 2px rgba(70, 54, 153, 0.9), -6px 0 8px rgba(0, 0, 0, 0.1); } .menu-styler.open .style-toggler > a, .menu-styler.prebuild-open .style-toggler > a { right: auto; left: 400px; } .menu-styler.open .style-toggler > a:before, .menu-styler.prebuild-open .style-toggler > a:before { right: auto; } .menu-styler.open .style-toggler > a:after, .menu-styler.prebuild-open .style-toggler > a:after { content: "\e849"; right: auto; } .menu-styler.open .prebuild-toggler > .prebuild-group, .menu-styler.prebuild-open .prebuild-toggler > .prebuild-group { right: auto; left: calc(400px - 108px); } .menu-styler .style-block, .menu-styler .style-block-prebuild { right: auto; left: -400px; } .menu-styler.open .style-block { right: auto; left: 0; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } .menu-styler.prebuild-open .style-block-prebuild { right: auto; left: 0; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } .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; } /* ====== Menu Styler end ======== */ /* ====== Radio & Checked Start ======== */ .checkbox { margin-right: 0; margin-left: 5px; } .checkbox input[type=checkbox] + .cr { padding-right: 0; } .checkbox input[type=checkbox] + .cr:before { margin-right: 0; margin-left: 10px; } .checkbox.checkbox-fill input[type=checkbox] + .cr:after { margin-right: 0; margin-left: 10px; left: auto; right: 3px; } .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; } .menu-styler .radio input[type=radio] + .cr { margin-right: 0; } .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; } /**====== Radio & Checked css end ======**/ /* ========================== Rsponsive Menu rtl start ====================== */ @media only screen and (max-width: 991px) { .pcoded-header .mobile-menu { right: auto; left: 0; } .pcoded-header .mobile-menu { left: 20px; right: auto; } .pcoded-navbar { margin-left: 0; margin-right: -264px; } .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; } } /* ========================== Rsponsive Menu rtl end ====================== */ /* ========================== basic component rtl start ==================== */ .alert-dismissible { padding-left: 40px; padding-right: 20px; } .alert-dismissible .close { right: auto; left: 0; } .dropdown-toggle::after { margin-left: 0; margin-right: 0.255em; right: 8px; left: auto; } .alert-dismissible .btn-close { left: 0; right: unset; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group: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-group > .btn:not(:first-child), .btn-group > .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-group .btn { margin: 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; } .dropdown-toggle-split:after { right: 0 !important; } [class*=language] { direction: ltr; } .nav-tabs { padding-right: 0; } .list-inline, .list-unstyled { padding-right: 0; } .modal-header .close { margin: -1rem auto -1rem -1rem; } .btn { margin-right: 0; margin-left: 10px; } .label { margin-right: 0; margin-left: 5px; } .input-group .btn { margin-left: 0; } .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control, .input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control { margin-left: 0; margin-right: -1px; } .input-group > .form-control:not(:last-child), .input-group > .custom-select: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 > .form-control:not(:first-child), .input-group > .custom-select: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; } .minicolors-opacity-slider { right: 173px; } /* ========================== basic component rtl end ====================== */ /* ========= chart start ============= */ .dial-chart { direction: ltr; } /* ========= chart end ============= */ /* ========= Extra pages Start ============= */ .job-meta-data i { margin-right: 0; margin-left: 5px; } .h-list-body .userlist-box .live-status { left: 20px; right: auto; } .h-list-body .userlist-box .media-left { padding-left: 10px; padding-right: 0; } .h-list-body .chat-messages .chat-menu-reply { text-align: left; } .h-list-body .chat-messages .chat-menu-reply > div p { margin-left: 25px; margin-right: 0; } .h-list-body .chat-messages .chat-menu-reply > div:before { right: auto; left: 19px; border-right-color: transparent; border-bottom-color: transparent; border-left-color: #fff; border-top-color: #fff; box-shadow: 1px 5px 10px -3px rgba(62, 57, 107, 0.15); } .h-list-body .chat-messages .chat-menu-reply .chat-time { margin: 9px 10px 0 8px; } .h-list-body .chat-messages .photo-table { padding-right: 0; padding-left: 15px; } .h-list-body .chat-messages .chat-menu-content > div:before { left: auto; right: -5px; border-left-color: transparent; border-top-color: transparent; border-bottom-color: #19BCBF; border-right-color: #19BCBF; box-shadow: 4px 0 8px -5px rgba(62, 57, 107, 0.3); } .h-list-body .chat-messages .chat-menu-content .chat-time { margin: 9px 10px 0 8px; } .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; } div.dataTables_wrapper div.dataTables_filter { margin-top: 10px; } div.dataTables_wrapper div.dataTables_filter input { margin-right: 7px; } div.dataTables_wrapper div.dataTables_filter label { float: left; } .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; } .Active-visitor .card-active > div + div, .card-social .card-active > div + div { border-right: 1px solid #e2e5e8; 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: 42%; } .sw-theme-dots > ul.step-anchor > li > a:before { right: 40%; } .dtp > .dtp-content { right: 50%; margin-right: -150px; } .note-card .Note-delete { left: 10px; } .filter-bar .nav { padding-right: 0; } .footable .pagination { padding: 0; } .custom-control { padding-left: 0; padding-right: 1.25rem; } .custom-control input { margin-right: -20px; } .custom-control-input { margin-right: 0; } .custom-control-input + label { margin-right: 1.3rem; } .align-text-top { margin-left: 0.7em !important; } .bs-tooltip-right .arrow:before { left: auto; right: -8px; } .br-theme-bars-1to10 .br-widget .br-current-rating, .br-theme-bars-1to10 .br-widget a, .br-theme-bars-movie .br-widget .br-current-rating, .br-theme-bars-movie .br-widget a, .br-theme-bars-reversed .br-widget .br-current-rating, .br-theme-bars-reversed .br-widget a, .br-theme-bars-square .br-widget .br-current-rating, .br-theme-bars-square .br-widget a, .br-theme-css-stars .br-widget .br-current-rating, .br-theme-css-stars .br-widget a { float: right; } .br-theme-bars-reversed .br-widget .br-current-rating { text-align: right; } .tool-container.tool-top .arrow { margin-right: -7px; } .sw-theme-arrows > ul.step-anchor > li:first-child > a { padding-right: 15px; padding-left: 30px; } .minicolors-theme-bootstrap .minicolors-input { padding-left: 0; padding-right: 44px; } .minicolors-theme-bootstrap .minicolors-swatch { right: 8px; } .minicolors-position-left .minicolors-panel { right: 0; } .select2-container--default .select2-selection--multiple .select2-selection__choice { float: right; } /* ========= Extra pages end ============= */ @media only screen and (max-width: 768px) { .sw-theme-dots > ul.step-anchor:before { right: 1px; margin-left: 10px; margin-right: 0; } .sw-theme-dots > ul.step-anchor > li > a:before { right: -23px; margin-right: 10px; } .sw-theme-dots > ul.step-anchor > li > a:after { right: -40px; top: -45px; } } .mce-menu.mce-menu-align .mce-caret, .mce-menu.mce-menu-align .mce-menu-shortcut { left: 0; right: auto; } .mce-menu-item .mce-caret { margin-left: 6px; } .ux-designer .btn { right: auto; left: 20px; } .owl-carousel { direction: ltr; } .social-widget-card i { left: 10px; right: auto; } .proj-t-card .pt-badge { left: -35px; right: auto; padding: 60px 20px 20px 50px; } .new-cust-card .align-middle .status { left: 0; right: auto; } .latest-update-card .card-body .latest-update-box:after { right: 11px; left: auto; } .latest-update-card.update-card .card-body .latest-update-box:after { right: 18px; left: auto; } .widget-chat-box .send-chat { border-radius: 10px 0 10px 10px; } .widget-chat-box .send-chat:before { border-top: 6px solid #9ea7df; border-left: 6px solid #9ea7df; border-right-color: transparent; right: -12px; } .cd-timeline__img i, .cd-timeline__img img { left: auto; right: 50%; margin-right: -12px; } /* new 25-2 */ .table-card .card-body .table tr td:first-child, .table-card .card-body .table tr th:first-child { padding-right: 25px; } .support-bar [class*=col] { border-left: 1px solid #fff; border-right: 0; } .widget-profile [class*=col] { border-left: 1px solid #e2e5e8; border-right: 0; } .support-bar1 [class*=col] { border-left: 1px solid #e2e5e8; border-right: 0; } .table-card .row-table .br { border-left: 1px solid #e2e5e8; border-right: 0; } .product-progress-card .pp-cont:after { right: -15px; left: auto; } @media only screen and (min-width: 1170px) { .cd-timeline__block:nth-child(even) .cd-timeline__content { float: left; } .cd-timeline__block:nth-child(even) .cd-timeline__content:before { right: auto; left: 100%; border-left-color: #fff; border-right-color: transparent; filter: drop-shadow(1px 0 1px #e2e5e8); } .cd-timeline__content:before { right: 100%; left: auto; border-right-color: #fff; border-left-color: transparent; filter: drop-shadow(-1px 0 1px #e2e5e8); } } .email-card .email-more-link { padding: 8px 25px; } .email-card .nav-pills > li .nav-link i { margin-left: 10px; margin-right: 0; } #task-container li.complete:before { left: 5px; right: auto; } .invoice-total.table tbody { float: left; padding-left: 20px; padding-right: 0; } /* timeline */ @media only screen and (min-width: 756px) { .cbp_tmtimeline:before { right: 20%; margin-right: -10px; left: auto; margin-left: 0; } .cbp_tmtimeline > li .cbp_tmlabel { margin: 15px 25% 0 0; } .cbp_tmtimeline > li .cbp_tmlabel:after { left: 100%; right: auto; border-left-color: #202938; border-right-color: transparent; } .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after { border-left-color: #19BCBF; border-right-color: transparent; } .cbp_tmtimeline > li .cbp_tmicon { right: 20%; left: auto; margin: 0 -25px 0 0; } .cbp_tmtimeline > li .cbp_tmtime { padding-left: 100px; padding-right: 0; } .cbp_tmtimeline > li .cbp_tmtime span { float: left; } } .custom-switch { padding-right: 1.05rem !important; } .custom-switch .custom-control-label:before { right: -2.29rem !important; } /* ========= mobile menu start ============ */ @media only screen and (max-width: 991px) { .pcoded-header .m-header .mobile-menu { right: auto; } .pcoded-header .m-header .b-brand { margin-left: 0; margin-right: 20px; } .pcoded-header .navbar-nav.mr-auto li.nav-item:not(.dropdown) { padding-left: 0; padding-right: 20px; } .pcoded-header #mobile-header { left: 20px; right: auto; } .pcoded-header .ml-auto { float: left; } .pcoded-header > .collapse:not(.show) .mob-toggler:after, .pcoded-header > .container > .collapse:not(.show) .mob-toggler:after { left: 10px; right: auto; } .pcoded-header > .collapse:not(.show) .ml-auto { margin-left: 20px !important; margin-right: auto !important; } } @media only screen and (max-width: 575px) { .pcoded-header .dropdown .dropdown-menu { right: 0; left: 0; margin-left: auto; } } @media only screen and (max-width: 991px) { .pcoded-header .navbar-nav.me-auto li.nav-item:not(.dropdown) { padding-right: 20px; } } /* ======== mobile menu and ============== */ /**====== RTl css end ======**/ .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { right: calc(100% - 15px) !important; } body.layout-1 .pcoded-navbar .side-content .sidelink .pcoded-inner-navbar > li > a { padding: 12px 20px 12px 10px; } body.layout-1 .pcoded-navbar .side-content .sidelink .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li > a { padding: 7px 40px 7px 7px; } body.layout-1 .pcoded-navbar .side-content .sidelink .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li > a:before { right: 20px; } body.layout-1 .pcoded-navbar .side-content .sidelink .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li .pcoded-submenu > li > a { padding: 7px 60px 7px 7px; } body.layout-1 .pcoded-navbar .side-content .sidelink .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li .pcoded-submenu > li > a:before { right: 40px; } body.layout-1 .pcoded-navbar .side-content .sidelink .pcoded-inner-navbar li.pcoded-menu-caption:after { left: auto; right: 18px; } body.layout-1 .pcoded-navbar .sidemenu { box-shadow: inset 1px 0 0 0 rgba(169, 183, 208, 0.2); right: auto; } body.layout-1 .pcoded-navbar .sidemenu li.active:after { right: auto; left: 0; } body.layout-1 .pcoded-navbar[class*=navbar-] .sidemenu { box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.3); } body.layout-1 .pcoded-navbar.menu-light .sidemenu { box-shadow: inset 1px 0 0 0 rgba(169, 183, 208, 0.4); } body.layout-1 .pcoded-navbar .toggle-sidemenu { transform: rotate(180deg); border-radius: 0 0 5px 0; left: auto; right: 0; } body.layout-1 .pcoded-navbar.hide-sidemenu .sidemenu { left: auto; right: -70px; } body.layout-1 .pcoded-navbar.navbar-collapsed:not(:hover) .side-content { float: 0; display: none; } body.layout-2 .pcoded-navbar.navbar-collapsed:not(:hover) .pcoded-inner-navbar > li.pcoded-hasmenu .pcoded-submenu { display: none !important; } body.layout-3 .pcoded-navbar.menu-light .pcoded-inner-navbar > li > a { border-radius: 20px 0 0 20px; margin-right: 0; margin-left: 15px; } body.layout-3 .pcoded-navbar.menu-light .pcoded-inner-navbar > li > a:after { right: auto; left: 20px; } body.layout-3 .pcoded-navbar.navbar-collapsed .pcoded-inner-navbar > li > a { margin-right: 0; margin-left: 8px; } body.layout-3 .pcoded-navbar.navbar-collapsed:not(:hover).menu-light .pcoded-inner-navbar > li > a:after { left: 10px; top: 10px; } body.layout-3 .pcoded-navbar.navbar-collapsed:not(:hover) .pcoded-inner-navbar > li.pcoded-hasmenu .pcoded-submenu { display: none !important; } body.layout-4 .pcoded-navbar.menu-light .navbar-content { box-shadow: -7px 0 15px 0 rgba(69, 90, 100, 0.09); } body.layout-4 .pcoded-navbar .navbar-content { border-radius: 3px 0 0 0; } body.layout-4 .pcoded-navbar.navbar-collapsed:hover .navbar-brand .mobile-menu { left: auto; right: 20px; } body.layout-4 .pcoded-navbar.navbar-collapsed:not(:hover) .pcoded-inner-navbar > li.pcoded-hasmenu .pcoded-submenu { display: none !important; } body.layout-5 .pcoded-main-container { border-radius: 0 0 0 10px; box-shadow: -1px 1px 0 0 #b7bfc6; } body.layout-5 .pcoded-navbar { border-radius: 0 10px 10px 0; } body.layout-5 .pcoded-navbar .navbar-brand { border-radius: 0 10px 0 0; } body.layout-5 .pcoded-navbar.navbar-collapsed:not(:hover) .pcoded-inner-navbar > li.pcoded-hasmenu .pcoded-submenu { display: none !important; } body.layout-5 .pcoded-header { border-radius: 10px 0 0 0; box-shadow: 0 1px 0 0 #e2e5e8, -1px -1px 0 0 #b7bfc6; } @media only screen and (max-width: 992px) { body.layout-5 .pcoded-navbar { margin-left: 0; margin-right: -294px; } body.layout-5 .pcoded-navbar ~ .pcoded-header { border-radius: 10px 10px 0 0; } body.layout-5 .pcoded-navbar.mob-open { margin-right: 0; } } body.layout-6 .pcoded-header .m-header .mobile-menu#show-toggle, body.layout-7 .pcoded-header .m-header .mobile-menu#show-toggle { right: auto; left: 60px; } body.layout-6 .pcoded-navbar.theme-horizontal ~ .pcoded-header .mobile-menu, body.layout-7 .pcoded-navbar.theme-horizontal ~ .pcoded-header .mobile-menu { right: auto; left: 0; } body.layout-6 .pcoded-navbar:not(.theme-horizontal), body.layout-7 .pcoded-navbar:not(.theme-horizontal) { left: auto; right: -264px; } body.layout-6 .pcoded-navbar:not(.theme-horizontal).mob-open, body.layout-7 .pcoded-navbar:not(.theme-horizontal).mob-open { right: 0; } @media only screen and (max-width: 992px) { body.layout-6 .pcoded-navbar.mob-open-h, body.layout-7 .pcoded-navbar.mob-open-h { margin-right: 0; margin-left: 0; left: auto; right: 0; } } body.layout-7 .pcoded-navbar.theme-horizontal { margin-right: 264px; } body.layout-7 .pcoded-navbar.theme-horizontal ~ .pcoded-header { margin-right: 264px; } body.layout-7 .pcoded-navbar.theme-horizontal ~ .pcoded-main-container { margin-left: 0; margin-right: 264px; } body.layout-7 .pcoded-navbar:not(.theme-horizontal) { left: auto; right: 0; } body.layout-7 .pcoded-navbar:not(.theme-horizontal).navbar-collapsed ~ .pcoded-header, body.layout-7 .pcoded-navbar:not(.theme-horizontal).navbar-collapsed ~ .pcoded-main-container, body.layout-7 .pcoded-navbar:not(.theme-horizontal).navbar-collapsed ~ .theme-horizontal { margin-right: 70px; } body.layout-8 .pcoded-header .container > .collapse:not(.show) .ml-auto { margin-left: 20px !important; margin-right: auto !important; } body.layout-8 .pcoded-navbar.theme-horizontal .notification .noti-body img { margin-right: auto; margin-left: 20px; } body.layout-8 .pcoded-navbar.theme-horizontal .notification .noti-body li .n-time { float: left; } body.layout-8 .pcoded-navbar.theme-horizontal .profile-notification .pro-head .dud-logout { padding-left: 0; right: auto; left: 0; } body.layout-8 .pcoded-navbar.theme-horizontal .profile-notification .pro-head img { margin-right: auto; margin-left: 10px; } body.layout-9 .pcoded-navbar.theme-horizontal .sidemenu li a { margin-right: 0; margin-left: 4px; } body.layout-9 .pcoded-navbar .sidemenu li:last-child a { margin-left: 0; } body.layout-9 .pcoded-header .container > .collapse:not(.show) .ml-auto { margin-left: 20px !important; margin-right: auto !important; } @media only screen and (min-width: 992px) { body.layout-11 .pcoded-navbar .navbar-content { left: auto; right: 25px; box-shadow: 0 0 15px 0 rgba(69, 90, 100, 0.09); } body.layout-11 .pcoded-navbar ~ .pcoded-main-container { margin-left: 0; margin-right: 289px; } body.layout-11 .pcoded-navbar ~ .pcoded-header { margin-left: 0; margin-right: 264px; } body.layout-11 .pcoded-navbar.navbar-collapsed:not(:hover) .pcoded-inner-navbar > li.pcoded-hasmenu .pcoded-submenu { display: none !important; } } body.layout-11 .pcoded-navbar .header-logo { width: 264px; margin-right: 0; float: right; box-shadow: 10px 1px 20px 0 rgba(63, 77, 103, 0.15); } body.layout-11 .pcoded-navbar .header-logo .mobile-menu { transform: rotateY(0deg); opacity: 1; } body.layout-11 .pcoded-navbar .header-logo .b-brand .b-title { transform: rotateY(0deg); opacity: 1; } body.layout-11 .pcoded-navbar.navbar-collapsed ~ .pcoded-main-container { margin-left: 0; margin-right: 95px; } body.layout-11 .pcoded-navbar.navbar-collapsed:hover ~ .pcoded-header { margin-left: 0; margin-right: 264px; } body.layout-11 .pcoded-navbar.navbar-collapsed:hover ~ .pcoded-main-container { margin-left: 0; margin-right: 95px; } body.layout-11 .pcoded-navbar[class*=navbar-image] .navbar-content .pcoded-inner-navbar:before { left: 0; } body.layout-11 .pcoded-navbar[class*=navbar-pattern] .pcoded-inner-navbar:before { left: 0; } body.layout-12 .pcoded-navbar.navbar-collapsed:not(:hover) .pcoded-inner-navbar > li.pcoded-hasmenu .pcoded-submenu { display: none !important; } @media only screen and (min-width: 992px) { body.layout-12 .pcoded-navbar.mob-open ~ .pcoded-header, body.layout-12 .pcoded-navbar.mob-open ~ .pcoded-main-container, body.layout-12 .pcoded-navbar.navbar-collapsed:hover ~ .pcoded-header, body.layout-12 .pcoded-navbar.navbar-collapsed:hover ~ .pcoded-main-container { margin-left: 0; margin-right: 264px; } body.layout-12 .pcoded-navbar.mob-open ~ .pcoded-header, body.layout-12 .pcoded-navbar.navbar-collapsed:hover ~ .pcoded-header { width: calc(100% - 264px); } } body.layout-13 .pcoded-header .container > .collapse:not(.show) .ml-auto { margin-left: 20px !important; margin-right: auto !important; } body.layout-14 .navbar-popup { top: 64px; left: auto; right: 279px; } body.layout-14 .navbar-popup:after { content: "k"; left: auto; right: -31px; text-shadow: 8px 0 13px rgba(62, 57, 107, 0.08); } body.layout-14 .navbar-popup.vedge:after { align-items: flex-end; } body.layout-14 .pcoded-navbar.navbar-collapsed .navbar-popup { left: auto; right: 85px; } body.layout-14 .pcoded-navbar.navbar-collapsed:hover .navbar-brand .mobile-menu { right: auto; left: 20px; } body.layout-14 .pcoded-navbar.navbar-collapsed:hover .mobile-menu span:before { transform: rotate(45deg) translate(4px, 4px); } body.layout-14 .pcoded-navbar.navbar-collapsed:hover .mobile-menu span:after { transform: rotate(-45deg) translate(3px, -3px); } body.layout-14 .pcoded-navbar.navbar-collapsed:hover .header-logo .logo-thumb { transform: rotateY(0deg); transform-origin: 0 0; opacity: 1; left: auto; right: calc((70px / 2) - 20px); } body.layout-14 .pcoded-navbar.navbar-collapsed:hover .pcoded-menu-caption:after { left: auto; right: 15px; } body.layout-14 .pcoded-navbar.navbar-collapsed:hover .pcoded-inner-navbar > li.pcoded-hasmenu > a:after { right: auto; left: 12px; } body.layout-14 .pcoded-navbar.navbar-collapsed:hover .pcoded-inner-navbar > li.pcoded-trigger .pcoded-submenu:after { left: auto; right: calc((70px / 2) + 2px); } body.layout-14 .pcoded-navbar.navbar-collapsed:hover ~ .pcoded-header, body.layout-14 .pcoded-navbar.navbar-collapsed:hover ~ .pcoded-main-container { margin-left: 0; margin-right: 70px; } *[id] svg { direction: ltr; } .fixed-button { left: 30px; right: auto !important; } .dataTables_scrollHeadInner { padding-left: 17px !important; padding-right: 0 !important; } .filter-bar .card-task .task-board { float: left; } .statustic-card .card-body .progress .progress-bar:before { left: 0; right: auto; } .feed-blog { margin-right: 30px; margin-left: 0; border-right: 1px solid #d6d6d6; border-left: 0; } .feed-blog li { padding-right: 30px; padding-left: 0; } .feed-blog li .feed-user-img { right: -20px; left: auto; } .feed-blog li .feed-user-img:after { left: 3px; right: auto; } .pcoded-navbar.theme-horizontal .sidenav-horizontal-next, .pcoded-navbar.theme-horizontal .sidenav-horizontal-prev { transform: rotate(180deg); } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu .pcoded-hasmenu.edge .pcoded-submenu:before { right: -32px; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu .pcoded-submenu:before { left: -22px; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu .pcoded-submenu a:before { left: auto; right: 4px; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu a { padding: 10px 30px 10px 20px; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu a:before { left: auto; right: 12px; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar li.pcoded-hasmenu a:after { right: auto; left: 10px; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li:last-child > a { margin-right: 0; margin-left: 70px; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li.active:after, .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li.pcoded-trigger:after { left: auto; right: 18px; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu > a:after { position: absolute; left: -4px; top: 13px; } .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.active:before, .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.pcoded-trigger:before { padding-left: auto; padding-right: calc(50% - 25px); } .pcoded-navbar.theme-horizontal ~ .pcoded-header { margin-right: 0; } .pcoded-navbar.theme-horizontal ~ .pcoded-main-container { margin-right: 0; } .footer-fab { right: auto; left: 70px; } .footer-fab .fab-hover ul li a:after { right: auto; left: calc(100% + 8px); } .custom-select { background-position: 15px center; } .form-group.d-inline { display: inline-block !important; } .bootstrap-select .dropdown-toggle .filter-option { text-align: right; } @media (min-width: 992px) { .text-lg-right { text-align: left !important; } } .choices[data-type*=select-one]:after { right: auto; left: 11.5px; } .select2-container--default .select2-selection--single .select2-selection__arrow { right: auto; left: 1px; } .input-group .form-control.bootstrap-touchspin-vertical-btn { padding: 8px 35px 8px 20px; } .ck.ck-toolbar, .tox .tox-menubar, .tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary { flex-direction: row-reverse; } .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { right: auto; left: 0; } .ck.ck-editor__editable_inline[dir=ltr] { text-align: right; } .pc-wizard .nav.nav-tabs .nav-link i { margin-right: 0; margin-left: 10px; } .pc-wizard-subtitle-vertical .nav.nav-tabs .nav-link .num-icon, .pc-wizard-subtitle .nav.nav-tabs .nav-link .num-icon, .pc-wizard-subtitle-vertical .nav.nav-tabs .nav-link i, .pc-wizard-subtitle .nav.nav-tabs .nav-link i { margin-right: 0; margin-left: 14px; } .wizard > .steps > ul > li { float: right; } .wizard > .actions { text-align: left; } .pc-tab-control.wizard > .steps a .num-icon, .pc-wizard.wizard > .steps a .num-icon { margin-left: 10px; margin-right: 0; } .pc-wizard.wizard > .steps a:after { right: auto; left: 0; transform: rotate(180deg); } .pc-tab-control.wizard > .steps > ul > li:first-child a { margin-right: 0; }