4991 lines
96 KiB
SCSS
4991 lines
96 KiB
SCSS
/**=====================
|
|
60. RTL CSS Start
|
|
==========================**/
|
|
.rtl {
|
|
.page-wrapper{
|
|
&.compact-wrapper{
|
|
.page-body-wrapper{
|
|
header {
|
|
&.main-nav {
|
|
text-align:right;
|
|
transition:0.5s;
|
|
border-left:1px solid $light-gray;
|
|
border-right:unset;
|
|
&.close_icon {
|
|
margin-right: 0;
|
|
margin-left:unset;
|
|
transform: translate(290px);
|
|
~ .page-body {
|
|
margin-right:0;
|
|
margin-left:unset;
|
|
transition:0.5s;
|
|
}
|
|
~ footer {
|
|
margin-left:0;
|
|
transition:0.5s;
|
|
}
|
|
.main-navbar {
|
|
.nav-menu {
|
|
>li {
|
|
a {
|
|
svg {
|
|
float: left;
|
|
margin-right: 10px;
|
|
}
|
|
}
|
|
}
|
|
.dropdown {
|
|
.menu-title {
|
|
&.active {
|
|
~ .menu-content {
|
|
display: none !important;
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
.according-menu {
|
|
display: none !important;
|
|
}
|
|
}
|
|
&:hover {
|
|
transform: translate(0px);
|
|
.main-navbar {
|
|
.nav-menu {
|
|
.dropdown {
|
|
.menu-title {
|
|
&.active {
|
|
~ .menu-content {
|
|
display: block !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
>li {
|
|
a {
|
|
svg {
|
|
float: none;
|
|
// margin-right: 15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.according-menu {
|
|
display: block;
|
|
}
|
|
}
|
|
.main-navbar{
|
|
.nav-menu{
|
|
&>li{
|
|
a{
|
|
.sub-arrow{
|
|
left:20px;
|
|
right:unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.sidebar-user{
|
|
ul{
|
|
li{
|
|
+li{
|
|
&::before{
|
|
right:-14px;
|
|
left:unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.setting-primary{
|
|
right:unset;
|
|
left:35px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.page-body{
|
|
margin-left: unset;
|
|
margin-right: 290px;
|
|
}
|
|
.main-nav{
|
|
text-align: right;
|
|
.main-navbar{
|
|
.nav-menu{
|
|
> li{
|
|
a{
|
|
svg{
|
|
margin-right: unset;
|
|
margin-left: 15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.according-menu{
|
|
right: unset;
|
|
left: 15px;
|
|
}
|
|
}
|
|
}
|
|
&.compact-sidebar{
|
|
&.compact-wrapper {
|
|
.page-body-wrapper{
|
|
header{
|
|
&.main-nav {
|
|
.main-navbar {
|
|
.nav-menu {
|
|
.dropdown {
|
|
.menu-title{
|
|
&.active {
|
|
~ .menu-content{
|
|
left:unset;
|
|
right:150px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.page-body{
|
|
margin-right: 150px;
|
|
margin-left: unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&.modern-sidebar{
|
|
&.compact-wrapper {
|
|
footer{
|
|
margin-left:30px;
|
|
}
|
|
header{
|
|
&.main-nav{
|
|
&.close_icon {
|
|
~footer{
|
|
margin-left:30px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.main-navbar{
|
|
ul.nav-pills {
|
|
.nav-item{
|
|
&:last-child{
|
|
border-right:1px solid $light-gray;
|
|
border-left:unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// product-page
|
|
.product-social {
|
|
li{
|
|
&:nth-child(n+2){
|
|
margin-left:unset;
|
|
margin-right:10px;
|
|
}
|
|
}
|
|
}
|
|
ul{
|
|
&.pro-services {
|
|
li {
|
|
svg{
|
|
margin-left: 15px;
|
|
margin-right: unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.filter-block {
|
|
ul{
|
|
li{
|
|
.form-check{
|
|
padding-right:unset;
|
|
.form-check-input{
|
|
float: right;
|
|
margin-left: 15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
// space class //
|
|
.ms-1{
|
|
margin-left: unset;
|
|
margin-right: 0.25rem !important;
|
|
}
|
|
.f-right{
|
|
float: left;
|
|
}
|
|
|
|
// file manager css
|
|
.file-content {
|
|
.form-inline {
|
|
i {
|
|
padding-right: unset;
|
|
padding-left: 10px;
|
|
}
|
|
}
|
|
}
|
|
.file-sidebar {
|
|
.btn {
|
|
svg {
|
|
margin-right: unset;
|
|
margin-left: 8px;
|
|
}
|
|
}
|
|
}
|
|
// projects page css
|
|
.form-select {
|
|
background-position: left 0.75rem center;
|
|
padding: 0.375rem 0.75rem 0.375rem 1.75rem;
|
|
}
|
|
.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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.btn{
|
|
float:left;
|
|
}
|
|
ul {
|
|
li {
|
|
svg{
|
|
margin-right: unset;
|
|
margin-left:5px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.project-box{
|
|
.badge {
|
|
right:unset;
|
|
left:15px;
|
|
}
|
|
}
|
|
|
|
|
|
// kanban board css
|
|
.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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// user profile
|
|
.user-profile {
|
|
.social-media {
|
|
ul{
|
|
&.user-list-social {
|
|
li{
|
|
&:nth-child(n+2){
|
|
margin-right:5px;
|
|
margin-left:unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.follow {
|
|
ul.follow-list {
|
|
li{
|
|
&:nth-child(n+2){
|
|
margin-right: 15px;
|
|
padding-right: 15px;
|
|
padding-left:0;
|
|
margin-left:0;
|
|
border-right: 1px solid $light-gray;
|
|
border-left: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.post-about {
|
|
ul {
|
|
li {
|
|
.icon{
|
|
margin-right:0;
|
|
margin-left:15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.profile-post{
|
|
.post-body{
|
|
.post-react {
|
|
ul{
|
|
li{
|
|
&:nth-child(n+2){
|
|
margin-left:unset;
|
|
margin-right:-20px;
|
|
}
|
|
}
|
|
}
|
|
h6{
|
|
margin-right:15px;
|
|
margin-left:unset;
|
|
}
|
|
}
|
|
.post-comment{
|
|
li{
|
|
&:nth-child(n+2){
|
|
margin-left:0;
|
|
margin-right:15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.social-tab{
|
|
ul{
|
|
li{
|
|
&:nth-child(n+2){
|
|
margin-left:unset;
|
|
margin-right:15px;
|
|
}
|
|
a {
|
|
svg{
|
|
margin-right:unset;
|
|
margin-left:5px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.input-group{
|
|
.form-control{
|
|
border-top-left-radius:0 !important;
|
|
border-bottom-left-radius:0 !important;
|
|
border-top-right-radius:5px !important;
|
|
border-bottom-right-radius:5px !important;
|
|
}
|
|
.input-group-text{
|
|
border-top-left-radius:5px !important;
|
|
border-bottom-left-radius:5px !important;
|
|
border-top-right-radius:0 !important;
|
|
border-bottom-right-radius:0 !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// invoice
|
|
.invo-profile{
|
|
.text-xl-end{
|
|
text-align: left !important;
|
|
}
|
|
}
|
|
|
|
|
|
//horizontal-sidebar
|
|
.page-wrapper{
|
|
&.horizontal-wrapper{
|
|
.page-body-wrapper{
|
|
.page-body{
|
|
margin-right: 0;
|
|
}
|
|
footer{
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
}
|
|
.page-main-header {
|
|
.main-header-right {
|
|
.nav-right {
|
|
> ul {
|
|
> li{
|
|
&:last-child{
|
|
margin-left:unset;
|
|
}
|
|
}
|
|
}
|
|
.notification-dropdown {
|
|
li {
|
|
.media {
|
|
.notification-bg{
|
|
margin-right:unset;
|
|
margin-left:15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.page-main-header{
|
|
.main-header-right{
|
|
.nav-right{
|
|
text-align:right;
|
|
> ul{
|
|
> li{
|
|
margin-left:20px;
|
|
margin-right:unset !important;
|
|
}
|
|
}
|
|
.btn-primary-light{
|
|
svg{
|
|
margin-left:10px;
|
|
margin-right:unset;
|
|
transform:scale(-1);
|
|
}
|
|
}
|
|
.bookmark-dropdown{
|
|
ul{
|
|
li{
|
|
.bookmark-icon{
|
|
margin-left:15px;
|
|
margin-right:unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.main-header-left{
|
|
// margin-left: 30px;
|
|
margin-right: unset;
|
|
border-right:unset;
|
|
border-left:1px solid $light-gray;
|
|
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
.ps-2, .px-2{
|
|
padding-right: .5rem !important;
|
|
padding-left:unset !important;
|
|
}
|
|
.page-main-header {
|
|
.main-header-right {
|
|
.nav-right {
|
|
.bookmark-dropdown {
|
|
ul {
|
|
li {
|
|
text-align:right;
|
|
.bookmark-icon{
|
|
margin-right:unset;
|
|
margin-left:15px;
|
|
}
|
|
}
|
|
}
|
|
right:-55px;
|
|
}
|
|
&.right-menu {
|
|
ul {
|
|
li{
|
|
text-align:right;
|
|
}
|
|
}
|
|
}
|
|
.form-group {
|
|
.input-group {
|
|
.form-control{
|
|
border-left: 1px solid $light-gray;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.flag-icons,.feather-icons {
|
|
div {
|
|
.media-body{
|
|
h5 {
|
|
margin-right:unset;
|
|
margin-left:5px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// default page
|
|
.apexcharts-canvas {
|
|
direction: ltr;
|
|
}
|
|
.cal-date-widget {
|
|
.cal-info {
|
|
.pe-3 {
|
|
padding-right: 1rem !important;
|
|
}
|
|
}
|
|
}
|
|
.me-4, .mx-4 {
|
|
margin-left: 1.5rem !important;
|
|
margin-right: unset !important;
|
|
}
|
|
.pe-4, .px-4 {
|
|
padding-left: 1.5rem !important;
|
|
padding-right: unset !important;
|
|
}
|
|
.me-1, .mx-1 {
|
|
margin-left: 0.25rem !important;
|
|
margin-right: unset !important;
|
|
}
|
|
.navs-dropdown {
|
|
.onhover-show-div {
|
|
right: 0;
|
|
}
|
|
}
|
|
.bitcoin-accordion {
|
|
button[aria-expanded="true"], button[aria-expanded="false"]{
|
|
&:before {
|
|
left: 31px !important;
|
|
right: unset !important;
|
|
}
|
|
}
|
|
}
|
|
.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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.setting-list{
|
|
right:unset;
|
|
left:20px;
|
|
float:left;
|
|
.setting-option{
|
|
text-align:left;
|
|
}
|
|
}
|
|
.dashboard-default-sec,.dashboard-2-main {
|
|
.card{
|
|
.card-header {
|
|
ul.week-date {
|
|
li:nth-child(n+2){
|
|
margin-right:10px;
|
|
margin-left:unset;
|
|
padding-right:15px;
|
|
padding-left:unset;
|
|
border-right:1px solid $light-gray;
|
|
border-left:unset;
|
|
}
|
|
}
|
|
.header-top{
|
|
direction:rtl;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.top-sell-sec {
|
|
.card-body {
|
|
.media {
|
|
.media-body{
|
|
margin-left:unset;
|
|
margin-right:20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.target-sec {
|
|
.card-header {
|
|
ul.target-list {
|
|
li:nth-child(n+2){
|
|
margin-right:20px;
|
|
margin-left:unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.activity-sec {
|
|
.activity-timeline {
|
|
.media {
|
|
.activity-line{
|
|
right:37px;
|
|
left:unset;
|
|
}
|
|
}
|
|
&.update-line {
|
|
.media {
|
|
.media-body {
|
|
ul{
|
|
&.timeline-pro {
|
|
li:nth-child(n+2){
|
|
margin-left:unset;
|
|
margin-right:20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.activity-timeline {
|
|
.media {
|
|
.media-body{
|
|
margin-right:20px;
|
|
margin-left:unset;
|
|
}
|
|
}
|
|
}
|
|
.center-content{
|
|
padding-left:50px;
|
|
padding-right:unset;
|
|
}
|
|
.latest-update-sec,.recent-order-sec {
|
|
.media {
|
|
.media-body{
|
|
margin-right:20px;
|
|
margin-left:unset;
|
|
}
|
|
}
|
|
}
|
|
.latest-update-sec {
|
|
table {
|
|
tbody {
|
|
tr {
|
|
td{
|
|
&:last-child{
|
|
padding-left:30px;
|
|
padding-right:unset;
|
|
}
|
|
&:first-child{
|
|
padding-right:30px;
|
|
padding-left:unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.trasaction-sec {
|
|
.transaction-totalbal{
|
|
padding-left: unset;
|
|
padding-right: 30px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.todo {
|
|
.action-box {
|
|
text-align: left;
|
|
}
|
|
}
|
|
.product-qnty {
|
|
fieldset {
|
|
.input-group {
|
|
.input-group-prepend {
|
|
.btn {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.grid-options {
|
|
margin-right: 10px;
|
|
margin-left: unset;
|
|
ul {
|
|
li {
|
|
a {
|
|
.line-grid-1 {
|
|
right: 12px;
|
|
left: unset;
|
|
}
|
|
.line-grid-2 {
|
|
right: 18px;
|
|
left: unset;
|
|
}
|
|
.line-grid-3 {
|
|
right: 36px;
|
|
left: unset;
|
|
}
|
|
.line-grid-4 {
|
|
right: 42px;
|
|
left: unset;
|
|
}
|
|
.line-grid-5 {
|
|
right: 48px;
|
|
left: unset;
|
|
}
|
|
.line-grid-6 {
|
|
right: 66px;
|
|
left: unset;
|
|
}
|
|
.line-grid-7 {
|
|
right: 72px;
|
|
left: unset;
|
|
}
|
|
.line-grid-8 {
|
|
right: 78px;
|
|
left: unset;
|
|
}
|
|
.line-grid-9 {
|
|
right: 84px;
|
|
left: unset;
|
|
}
|
|
.line-grid-10 {
|
|
right: 103px;
|
|
left: unset;
|
|
}
|
|
.line-grid-11 {
|
|
right: 109px;
|
|
left: unset;
|
|
}
|
|
.line-grid-12 {
|
|
right: 115px;
|
|
left: unset;
|
|
}
|
|
.line-grid-13 {
|
|
right: 121px;
|
|
left: unset;
|
|
}
|
|
.line-grid-14 {
|
|
right: 127px;
|
|
left: unset;
|
|
}
|
|
.line-grid-15 {
|
|
right: 133px;
|
|
left: unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// .product-wrapper {
|
|
// &.sidebaron {
|
|
// .product-grid {
|
|
// .product-wrapper-grid {
|
|
// margin-right: calc(25% + 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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.pro-filter-sec {
|
|
.product-sidebar{
|
|
margin-right:unset;
|
|
margin-left:30px;
|
|
}
|
|
}
|
|
.product-sidebar {
|
|
.filter-section {
|
|
.card {
|
|
.card-header {
|
|
h6 {
|
|
.pull-right {
|
|
i {
|
|
left: auto;
|
|
right: unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.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-header{
|
|
.bookmark{
|
|
margin-right:auto;
|
|
text-align:left;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.prooduct-details-box {
|
|
.btn{
|
|
left: 15px;
|
|
right: unset;
|
|
}
|
|
}
|
|
.bookmark {
|
|
ul {
|
|
li {
|
|
.search-form {
|
|
.form-control-search {
|
|
left: -50px;
|
|
right: unset;
|
|
&:before {
|
|
right: 50px;
|
|
left: unset;
|
|
}
|
|
&:after {
|
|
right: 20px;
|
|
left: unset;
|
|
}
|
|
}
|
|
}
|
|
&:first-child {
|
|
padding-right: 0;
|
|
padding-left: 5px;
|
|
}
|
|
&:nth-child(n+2){
|
|
margin-left:unset;
|
|
margin-right:8px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.order-box {
|
|
.title-box {
|
|
span{
|
|
text-align:left;
|
|
}
|
|
}
|
|
.qty {
|
|
li {
|
|
span{
|
|
text-align:left;
|
|
}
|
|
}
|
|
}
|
|
.sub-total {
|
|
li {
|
|
.count{
|
|
text-align: left;
|
|
}
|
|
}
|
|
.shipping-class{
|
|
.shopping-checkout-option {
|
|
label{
|
|
text-align:left;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.checkout{
|
|
.form-check {
|
|
padding-right:unset;
|
|
.form-check-input{
|
|
float: right;
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
.checkbox_animated, .radio_animated{
|
|
margin:0;
|
|
margin-left:10px;
|
|
}
|
|
}
|
|
|
|
.me-0, .mx-0 {
|
|
margin-left: 0 !important;
|
|
margin-right: unset !important;
|
|
}
|
|
.footer {
|
|
.pull-right {
|
|
float: left;
|
|
}
|
|
}
|
|
.checkbox_animated, .radio_animated {
|
|
margin: 0 8px 0 16px;
|
|
}
|
|
.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, .px-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, .px-3 {
|
|
padding-right: 1rem !important;
|
|
}
|
|
.b-r-light {
|
|
border-left: 1px solid $light-gray !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, .px-0 {
|
|
padding-left: 0 !important;
|
|
padding-right: unset !important;
|
|
}
|
|
.ps-0, .px-0 {
|
|
padding-right: 0 !important;
|
|
padding-left: unset !important;
|
|
}
|
|
.ms-0 {
|
|
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;
|
|
}
|
|
}
|
|
.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, .mx-3 {
|
|
margin-right: unset !important;
|
|
margin-left: 1rem !important;
|
|
}
|
|
.me-5, .mx-5 {
|
|
margin-left: 3rem !important;
|
|
margin-right: unset !important;
|
|
}
|
|
.ms-3, .mx-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-gray !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;
|
|
}
|
|
.form-inline {
|
|
.form-group {
|
|
margin-left: 15px;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
.form-select{
|
|
background-position: left 0.75rem center;
|
|
}
|
|
.card {
|
|
text-align: right;
|
|
.card-header {
|
|
h5:not(.mb-0) {
|
|
float: right;
|
|
}
|
|
span {
|
|
clear: both;
|
|
}
|
|
.card-header-right {
|
|
left: 20px;
|
|
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-left: 0;
|
|
}
|
|
|
|
}
|
|
.modal-footer {
|
|
> :not(:first-child) {
|
|
margin-right: .50rem;
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
.theme-close{
|
|
right:unset;
|
|
left:0;
|
|
}
|
|
.form-inline {
|
|
.form-group {
|
|
.col-form-label {
|
|
margin-left: 5px;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.modal-header,.modal-footer,.modal-content {
|
|
.btn-close{
|
|
left:25px;
|
|
right: unset;
|
|
}
|
|
}
|
|
.alert-dismissible {
|
|
.btn-close{
|
|
right: unset;
|
|
left: 0;
|
|
}
|
|
}
|
|
|
|
.dismiss-text {
|
|
.alert {
|
|
.btn-close{
|
|
left: 50px;
|
|
}
|
|
}
|
|
}
|
|
.card-body {
|
|
.alert {
|
|
svg {
|
|
~ p{
|
|
padding-right: 20px;
|
|
padding-left: unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.default-according {
|
|
.card {
|
|
.card-header {
|
|
i{
|
|
margin-left:5px;
|
|
margin-right:unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
.was-validated .form-select:invalid, .form-select.is-invalid{
|
|
padding-right:calc(1.5em + 0.75rem);
|
|
background-position:top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem);
|
|
}
|
|
.was-validated{
|
|
.form-check{
|
|
padding-left: 1.25rem;
|
|
}
|
|
}
|
|
|
|
.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);
|
|
}
|
|
|
|
|
|
.was-validated {
|
|
.form-control:invalid{
|
|
padding-right:10px;
|
|
}
|
|
}
|
|
|
|
|
|
.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 > .form-control:not(:last-child), .rtl .input-group > .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;
|
|
}
|
|
.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;
|
|
}
|
|
// social app page css
|
|
.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-left:10px;
|
|
margin-right:unset;
|
|
}
|
|
}
|
|
}
|
|
.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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.edit-profile {
|
|
.profile-title{
|
|
.media {
|
|
.media-body{
|
|
margin-right:25px;
|
|
margin-left:unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.list-persons {
|
|
.profile-mail {
|
|
.email-general {
|
|
ul{
|
|
padding-right:unset;
|
|
padding-left:20px;
|
|
li{
|
|
span{
|
|
float: left;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.contacts-tabs {
|
|
.nav-pills{
|
|
border-left: 1px solid $light-gray;
|
|
border-right: unset;
|
|
}
|
|
}
|
|
// calender
|
|
.calendar-basic {
|
|
#menu-navi {
|
|
.menu-navi-right {
|
|
.move-btn{
|
|
margin-right: 15px;
|
|
margin-left:unset ;
|
|
direction: ltr;
|
|
}
|
|
}
|
|
}
|
|
#dropdownMenu-calendarType {
|
|
i{
|
|
&:last-child{
|
|
margin-right: 15px;
|
|
margin-left: unset;
|
|
}
|
|
&:first-child{
|
|
margin-right: unset;
|
|
margin-left: 15px;
|
|
}
|
|
}
|
|
}
|
|
.lnb-calendars{
|
|
float:left;
|
|
}
|
|
input[type='checkbox'].tui-full-calendar-checkbox-round + span{
|
|
margin-left: 8px;
|
|
margin-right: unset;
|
|
}
|
|
input[type='checkbox'].tui-full-calendar-checkbox-square + span{
|
|
margin-left:5px;
|
|
}
|
|
}
|
|
|
|
// faq page css
|
|
.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: 20px;
|
|
right: unset;
|
|
}
|
|
}
|
|
.card {
|
|
.card-header {
|
|
h5{
|
|
padding-right:25px;
|
|
padding-left:unset;
|
|
}
|
|
}
|
|
.btn-link {
|
|
svg {
|
|
margin-left: 10px;
|
|
margin-right: unset;
|
|
right:20px;
|
|
left: 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;
|
|
}
|
|
// knowledgebase page css
|
|
.browse {
|
|
.browse-articles {
|
|
span {
|
|
svg {
|
|
margin-left: 10px;
|
|
margin-right: unset;
|
|
}
|
|
}
|
|
ul {
|
|
li {
|
|
h5{
|
|
padding-left: unset;
|
|
padding-right: 20px;
|
|
svg{
|
|
left: unset;
|
|
right: 0;
|
|
margin-right: unset;
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// learning app page css
|
|
.categories {
|
|
.learning-header {
|
|
padding-right: 30px;
|
|
padding-left: unset;
|
|
}
|
|
}
|
|
// internationalization page css
|
|
.main {
|
|
.langChoice {
|
|
left: 30px;
|
|
right: unset;
|
|
}
|
|
}
|
|
.pricing-block{
|
|
svg{
|
|
direction: ltr;
|
|
}
|
|
}
|
|
.pricing-block {
|
|
.pricing-list {
|
|
ul {
|
|
li {
|
|
h6 {
|
|
span{
|
|
margin-right: 5px;
|
|
margin-left: unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// chart peity css
|
|
p {
|
|
&.data-attributes {
|
|
svg {
|
|
margin-left: 10px;
|
|
margin-right: unset;
|
|
}
|
|
}
|
|
}
|
|
// avatars page css
|
|
.avatars {
|
|
.avatar {
|
|
margin-left: 10px;
|
|
margin-right: unset;
|
|
&:last-child {
|
|
margin-left: 0;
|
|
}
|
|
.status {
|
|
left: 4px;
|
|
right: unset;
|
|
}
|
|
}
|
|
}
|
|
.customers{
|
|
&.avatar-group {
|
|
margin-left: 30px;
|
|
margin-right: unset;
|
|
}
|
|
ul {
|
|
li {
|
|
+ li{
|
|
margin-left:unset;
|
|
margin-right:-22px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.card{
|
|
.card-header{
|
|
h5{
|
|
float: none !important;
|
|
}
|
|
}
|
|
}
|
|
// index css
|
|
.dashboard-default-sec{
|
|
.latest-update-sec,.recent-order-sec{
|
|
table{
|
|
tbody{
|
|
tr{
|
|
td{
|
|
img{
|
|
margin-left: 1rem !important;
|
|
margin-right:unset !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
//dashboard-02 css
|
|
.dashboard-2-main{
|
|
.card{
|
|
.card-body{
|
|
.media{
|
|
img{
|
|
margin-left: 5px;
|
|
margin-right:unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// dashboard-03 css
|
|
.joined-status{
|
|
position: absolute;
|
|
top: 23px;
|
|
right: unset;
|
|
left: 85px;
|
|
}
|
|
.likes-page{
|
|
padding-right: 30px;
|
|
}
|
|
.activity-social{
|
|
.border-recent-success{
|
|
border-right: 3px solid $success-color;
|
|
border-left: None;
|
|
}
|
|
.border-recent-warning{
|
|
border-right: 3px solid $warning-color;
|
|
border-left: None;
|
|
}
|
|
.border-recent-info{
|
|
border-right: 3px solid $light-font;
|
|
border-left: None;
|
|
}
|
|
.border-recent-danger{
|
|
border-right: 3px solid $danger-color;
|
|
border-left: None;
|
|
}
|
|
.border-recent-secondary{
|
|
border-right: 3px solid $secondary-color;
|
|
border-left: None;
|
|
}
|
|
ul{
|
|
li{
|
|
padding-right: 15px;
|
|
}
|
|
}
|
|
}
|
|
.social-user-card{
|
|
.social-user-top-content{
|
|
.customers{
|
|
ul{
|
|
li{
|
|
&:last-child{
|
|
margin-right: 30px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// knob chart css
|
|
.knob-chart {
|
|
.chart-clock-main {
|
|
.clock-small {
|
|
right: 10px;
|
|
left: unset;
|
|
}
|
|
}
|
|
}
|
|
// general widgets css
|
|
.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;
|
|
}
|
|
}
|
|
// to-do css
|
|
.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 css
|
|
.sticky-note {
|
|
.note {
|
|
float: right;
|
|
}
|
|
}
|
|
// mega-menu css
|
|
.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, .mx-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;
|
|
}
|
|
.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 css
|
|
.email-wrap {
|
|
.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-body {
|
|
.attachment {
|
|
ul {
|
|
li{
|
|
&:nth-child(n+2){
|
|
margin-left: unset;
|
|
margin-right: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.actions {
|
|
text-align:left;
|
|
li{
|
|
&:nth-child(n+2){
|
|
margin-right: 15px;
|
|
margin-left:unset ;
|
|
}
|
|
}
|
|
}
|
|
.email-right-aside {
|
|
.email-body{
|
|
.media{
|
|
.media-body{
|
|
.inbox{
|
|
svg{
|
|
margin-right: unset;
|
|
margin-left:10px ;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.inbox {
|
|
svg{
|
|
margin-right:unset;
|
|
margin-left:10px;
|
|
}
|
|
.media{
|
|
.media-body{
|
|
span{
|
|
left:20px;
|
|
right:unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.email-profile {
|
|
.inbox {
|
|
p{
|
|
margin-right: 15px;
|
|
margin-left: unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// calender css
|
|
.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;
|
|
}
|
|
}
|
|
// buttons css
|
|
.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 css
|
|
&.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 page
|
|
.modal-dialog{
|
|
.modal-content{
|
|
.modal-body{
|
|
p{
|
|
a{
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// forms page
|
|
.drag-box {
|
|
fieldset {
|
|
.component{
|
|
.form-group{
|
|
.text-lg-start{
|
|
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-start{
|
|
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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// compact small page
|
|
.page-wrapper {
|
|
.page-main-header {
|
|
&.open {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
.page-body-wrapper {
|
|
.logo-wrapper {
|
|
a {
|
|
transform: translate(-64px);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// vertical page
|
|
.vertical {
|
|
.page-main-header {
|
|
margin-right: 0 !important;
|
|
margin-left: unset !important;
|
|
}
|
|
}
|
|
.vertical-menu-mt {
|
|
.page-header {
|
|
div {
|
|
.pull-right {
|
|
float: left;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.sm {
|
|
li {
|
|
direction: rtl;
|
|
text-align: right;
|
|
}
|
|
.mobile-back {
|
|
.ps-2 {
|
|
// padding-right: 4px !important;
|
|
// padding-left: unset !important;
|
|
}
|
|
}
|
|
}
|
|
.vertical-menu-main {
|
|
#main-nav {
|
|
#main-menu {
|
|
li {
|
|
a {
|
|
svg {
|
|
margin-left: 8px;
|
|
margin-right: unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.pixelstrap {
|
|
a {
|
|
.sub-arrow {
|
|
right: auto;
|
|
left: 5px;
|
|
}
|
|
&:hover,&:focus,&:active{
|
|
padding-left:25px;
|
|
padding-right:unset;
|
|
}
|
|
}
|
|
ul{
|
|
a{
|
|
.sub-arrow{
|
|
left:15px;
|
|
right:unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@media (max-width:1470px){
|
|
.edit-profile {
|
|
.profile-title {
|
|
.media {
|
|
.media-body{
|
|
margin-right: unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px){
|
|
.pixelstrap {
|
|
ul:not(.mega-menu) li a:before {
|
|
left: unset;
|
|
right: 20px;
|
|
}
|
|
a {
|
|
.sub-arrow {
|
|
right: unset;
|
|
// left: 3px;
|
|
left:-6px;
|
|
}
|
|
&:hover{
|
|
// padding-right: 18px;
|
|
// padding-left:unset;
|
|
}
|
|
}
|
|
li{
|
|
float: right;
|
|
}
|
|
}
|
|
.page-wrapper {
|
|
.mega-menu-header {
|
|
.vertical-menu-main {
|
|
left: 390px;
|
|
right: unset;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
// search page
|
|
.search-page {
|
|
.nav i {
|
|
margin-left: 10px;
|
|
margin-right: unset;
|
|
}
|
|
}
|
|
.product-stts {
|
|
display: inline-block;
|
|
.ms-0 {
|
|
margin-right: 0.25rem !important;
|
|
margin-left: unset !important;
|
|
}
|
|
}
|
|
.search-form input {
|
|
padding: 10px 70px 10px 10px;
|
|
text-align: right;
|
|
}
|
|
// icons page
|
|
.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;
|
|
}
|
|
}
|
|
// customizer
|
|
.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 page
|
|
.form-builder-2-header {
|
|
> div {
|
|
nav {
|
|
float: left;
|
|
}
|
|
}
|
|
}
|
|
.radio {
|
|
label {
|
|
padding-left: 0;
|
|
padding-right: 15px;
|
|
&::before {
|
|
right: 0;
|
|
margin-right: -20px;
|
|
left: unset;
|
|
}
|
|
}
|
|
}
|
|
// sidebar main page
|
|
.page-wrapper {
|
|
.page-body-wrapper {
|
|
.page-header {
|
|
.row {
|
|
h3 {
|
|
text-align: right;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// page main header
|
|
.page-main-header {
|
|
margin-right: 0;
|
|
margin-left: unset;
|
|
.main-header-right {
|
|
.nav-right {
|
|
text-align: left;
|
|
.profile-dropdown {
|
|
li {
|
|
svg {
|
|
margin-right: unset;
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
}
|
|
> ul {
|
|
> li {
|
|
&: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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.language-dropdown {
|
|
text-align: right;
|
|
li {
|
|
a {
|
|
i {
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.profile-dropdown {
|
|
li {
|
|
a {
|
|
svg {
|
|
margin-right: unset;
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
.chat-dropdown{
|
|
left: 0;
|
|
right: unset;
|
|
}
|
|
.notification-dropdown{
|
|
left: -20px !important;
|
|
right: unset !important;
|
|
}
|
|
ul{
|
|
li{
|
|
&:last-child{
|
|
margin-left: 0;
|
|
margin-right:unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// alert page
|
|
.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 {
|
|
.close {
|
|
left: 0;
|
|
right: unset;
|
|
span {
|
|
padding-left: 0;
|
|
padding-right: unset;
|
|
}
|
|
}
|
|
}
|
|
.icofont {
|
|
&.icofont-truck {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
// job search
|
|
.job-search {
|
|
.media {
|
|
.media-body {
|
|
.job-apply-btn{
|
|
left: 30px;
|
|
right: unset;
|
|
}
|
|
}
|
|
ul.rating{
|
|
margin-right: 10px;
|
|
margin-left:unset ;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
// blog page
|
|
.blog-box{
|
|
.blog-details {
|
|
padding-left:20px;
|
|
padding-right:unset;
|
|
text-align: right;
|
|
.blog-social {
|
|
padding-right: 0;
|
|
li{
|
|
&:nth-child(n+2){
|
|
margin-right: 20px;
|
|
padding-right: 20px;
|
|
border-right: 1px solid $light-gray;
|
|
border-left: none;
|
|
padding-left: unset;
|
|
margin-left: unset;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
.blog-details-main {
|
|
.blog-social {
|
|
li {
|
|
border-left: 1px solid $light-gray;
|
|
border-right: unset;
|
|
&:last-child {
|
|
border-left: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.blog-date {
|
|
span {
|
|
font-size: 36px;
|
|
font-weight: 500;
|
|
padding-left: 5px;
|
|
padding-right: unset;
|
|
}
|
|
}
|
|
&.blog-shadow {
|
|
.blog-details{
|
|
padding-right:40px;
|
|
}
|
|
}
|
|
.blog-details-second {
|
|
.detail-footer {
|
|
ul{
|
|
&.sociyal-list {
|
|
li {
|
|
i{
|
|
margin-left: 5px;
|
|
margin-right: unset;
|
|
}
|
|
&:nth-child(n+2){
|
|
margin-right: 15px;
|
|
padding-right: 15px;
|
|
border-right: 1px solid $light-gray;
|
|
margin-left: unset;
|
|
padding-left: unset;
|
|
border-left: unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.comment-box {
|
|
.media {
|
|
img {
|
|
margin-left: 45px;
|
|
margin-right: unset !important;
|
|
}
|
|
h6 {
|
|
text-align: right;
|
|
}
|
|
}
|
|
ul {
|
|
ul {
|
|
margin-right: 135px;
|
|
margin-left: unset;
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
.comment-social {
|
|
text-align: left;
|
|
margin-right: unset;
|
|
li{
|
|
&:nth-child(n+2){
|
|
margin-right:20px;
|
|
padding-right:20px;
|
|
border-right: 1px solid $light-gray ;
|
|
margin-left:unset;
|
|
padding-left:unset;
|
|
border-left:unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.location-checkbox {
|
|
span{
|
|
padding-right:33px;
|
|
padding-left:unset;
|
|
}
|
|
}
|
|
// support ticket //
|
|
.support-ticket {
|
|
.pro-gress {
|
|
ul {
|
|
li {
|
|
span {
|
|
i{
|
|
margin-right:10px;
|
|
margin-left:unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
//book mark //
|
|
.bookmark-wrap {
|
|
.left-bookmark {
|
|
ul {
|
|
li {
|
|
button{
|
|
text-align:right;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.bookmark-tabcontent{
|
|
.tab-content {
|
|
.card {
|
|
.card-header {
|
|
ul {
|
|
li+li{
|
|
margin-right: 5px;
|
|
margin-left: unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.details-bookmark {
|
|
.bookmark-card{
|
|
&.card {
|
|
.title-bookmark{
|
|
text-align:right;
|
|
}
|
|
}
|
|
}
|
|
&.list-bookmark {
|
|
.bookmark-card {
|
|
.details-website {
|
|
.title-bookmark {
|
|
.hover-block{
|
|
left:30px;
|
|
right:unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.email-wrap {
|
|
.email-app-sidebar {
|
|
ul {
|
|
li {
|
|
a{
|
|
padding-right:20px;
|
|
padding-left:unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// button builder page
|
|
.button-builder-wrap {
|
|
.form-group {
|
|
.btn {
|
|
margin-left: 15px;
|
|
margin-right: 0;
|
|
padding: 9px;
|
|
}
|
|
}
|
|
}
|
|
.button-builder {
|
|
ul {
|
|
&.the-icons {
|
|
padding-right: 0 !important;
|
|
}
|
|
}
|
|
}
|
|
// chat page
|
|
.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{
|
|
left: 10px;
|
|
right: 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;
|
|
}
|
|
}
|
|
.chat-header {
|
|
.chat-menu-icons{
|
|
margin-left:unset;
|
|
margin-right:15px;
|
|
li{
|
|
margin-right: unset;
|
|
margin-left:24px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&.pe-0 {
|
|
padding-right: 15px !important;
|
|
}
|
|
}
|
|
.chat {
|
|
.chat-message {
|
|
.text-box {
|
|
.input-group-append {
|
|
margin-right: -2px;
|
|
}
|
|
.btn{
|
|
border-top-left-radius:5px !important;
|
|
border-bottom-left-radius:5px !important;
|
|
border-top-right-radius:0 !important;
|
|
border-bottom-right-radius:0 !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.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 editor page
|
|
.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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// coming soon page
|
|
#clockdiv {
|
|
ul {
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
// social app page
|
|
.custom-card {
|
|
.card-footer {
|
|
& > div {
|
|
& + div {
|
|
border-right: 1px solid $light-semi-gray;
|
|
border-left: unset;
|
|
}
|
|
}
|
|
}
|
|
.card-social {
|
|
li{
|
|
&:nth-child(n+2){
|
|
margin-left:unset;
|
|
margin-right:10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.card-social {
|
|
padding-right: 0;
|
|
}
|
|
.card-absolute {
|
|
.card-header {
|
|
right: 15px;
|
|
left: unset;
|
|
}
|
|
}
|
|
// datatables page
|
|
.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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
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 page
|
|
.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 page
|
|
.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;
|
|
}
|
|
}
|
|
}
|
|
// error page
|
|
.error-wrapper {
|
|
.col-md-8 {
|
|
&.offset-md-2 {
|
|
margin: 0 auto !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
// product page
|
|
// .slick-slider{
|
|
// direction: ltr;
|
|
// }
|
|
.product-price {
|
|
del{
|
|
margin-right: 20px;
|
|
margin-left: unset;
|
|
}
|
|
}
|
|
.product-box {
|
|
.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;
|
|
}
|
|
}
|
|
// form wizard 4 page
|
|
.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;
|
|
}
|
|
}
|
|
}
|
|
// general widgets page
|
|
.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-gray;
|
|
border-left: unset;
|
|
|
|
}
|
|
.media-body {
|
|
text-align: right;
|
|
}
|
|
}
|
|
}
|
|
.weather-widget-two {
|
|
.bottom-whetherinfo {
|
|
.whether-content {
|
|
text-align: left;
|
|
}
|
|
}
|
|
}
|
|
// tree view page
|
|
.jstree-default {
|
|
.jstree-node {
|
|
margin-left: unset;
|
|
margin-right: 24px;
|
|
background-position: -292px -4px;
|
|
background-repeat: repeat-y;
|
|
}
|
|
}
|
|
// image cropper page
|
|
.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: .25rem;
|
|
border-bottom-right-radius: .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 page
|
|
.authentication-box {
|
|
text-align: right;
|
|
}
|
|
// mega options page
|
|
.mega-horizontal {
|
|
.offset-sm-3 {
|
|
margin-right: 25%;
|
|
margin-left: unset;
|
|
}
|
|
}
|
|
// navs page
|
|
.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 page css
|
|
.search-form {
|
|
.form-group{
|
|
&:after {
|
|
right: 53px;
|
|
left: unset;
|
|
}
|
|
&:before {
|
|
right: 82px;
|
|
left: unset;
|
|
}
|
|
}
|
|
}
|
|
// order history page css
|
|
.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
|
|
.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;
|
|
}
|
|
}
|
|
// rating page
|
|
.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;
|
|
}
|
|
}
|
|
}
|
|
// ribbons page
|
|
.ribbon-left {
|
|
right: auto;
|
|
left: -2px;
|
|
}
|
|
.ribbon-vertical-left {
|
|
right: auto;
|
|
left: 12px;
|
|
}
|
|
.ribbon-vertical-right {
|
|
right: auto;
|
|
left: 12px;
|
|
}
|
|
// search page
|
|
.search-page {
|
|
ul{
|
|
&.search-info {
|
|
> li {
|
|
+li{
|
|
padding-right: 8px;
|
|
margin-right: 8px;
|
|
border-right: 1px solid $light-gray;
|
|
padding-left: unset;
|
|
margin-left: unset ;
|
|
border-left:unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// select 2 page
|
|
.select2-container--default {
|
|
.select2-selection--single {
|
|
.select2-selection__arrow {
|
|
left: 10px !important;
|
|
right: unset !important;
|
|
}
|
|
}
|
|
}
|
|
.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;
|
|
}
|
|
}
|
|
// steps page
|
|
.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: .5em;
|
|
margin-right: unset;
|
|
}
|
|
// summernote page
|
|
.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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// input group page
|
|
.dropdown-toggle::after {
|
|
margin-right: 0.255em;
|
|
margin-left: unset;
|
|
}
|
|
// tabbed card page
|
|
.tabbed-card {
|
|
ul {
|
|
left: 15px;
|
|
right: unset;
|
|
}
|
|
}
|
|
// checkbox & radios page
|
|
.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;
|
|
}
|
|
}
|
|
}
|
|
// timeline page
|
|
.cd-timeline-content {
|
|
&::before {
|
|
border-right: 7px solid $light-gray;
|
|
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;
|
|
}
|
|
}
|
|
// tour page
|
|
.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 page
|
|
.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 page
|
|
.chart-widget-top {
|
|
.text-end {
|
|
text-align: left !important;
|
|
}
|
|
.num {
|
|
.ms-0 {
|
|
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-0 {
|
|
margin-right: 0.25rem !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.chart-widget {
|
|
.chart-widget-top {
|
|
.num {
|
|
i{
|
|
margin-left:unset;
|
|
margin-right:5px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// dashboard project page
|
|
.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 page
|
|
.dropzone {
|
|
.dz-preview {
|
|
.dz-error-mark,
|
|
.dz-success-mark {
|
|
right: 50%;
|
|
margin-right: -27px;
|
|
margin-left: unset;
|
|
left: unset;
|
|
}
|
|
}
|
|
}
|
|
// footer page
|
|
.page-wrapper {
|
|
.page-body-wrapper {
|
|
footer {
|
|
margin-right:275px;
|
|
margin-left:unset;
|
|
p {
|
|
i {
|
|
margin-right: 5px;
|
|
margin-left: unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.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;
|
|
}
|
|
}
|
|
&: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 page
|
|
.popover.top, .popover.bottom {
|
|
> .arrow:after {
|
|
margin-right: -10px;
|
|
margin-left: unset;
|
|
}
|
|
}
|
|
// touchspin page
|
|
.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;
|
|
}
|
|
}
|
|
}
|
|
// typahead page
|
|
.typeahead {
|
|
span {
|
|
&.twitter-typeahead {
|
|
.tt-suggestion {
|
|
text-align: right;
|
|
}
|
|
}
|
|
}
|
|
.league-name {
|
|
text-align: right;
|
|
margin-right: 5px;
|
|
}
|
|
}
|
|
// call-chat page
|
|
.follow {
|
|
.text-md-end {
|
|
text-align: left !important;
|
|
}
|
|
}
|
|
// vector map page
|
|
.jvectormap-zoomin,
|
|
.jvectormap-zoomout,
|
|
.jvectormap-goback {
|
|
right: 10px;
|
|
left: unset;
|
|
}
|
|
|
|
//customizer rtl css
|
|
.customizer-links{
|
|
right: unset;
|
|
left: 0;
|
|
&.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;
|
|
}
|
|
}
|
|
}
|
|
// dark only rtl css
|
|
&.dark-only {
|
|
.page-main-header {
|
|
.main-header-right {
|
|
.nav-right {
|
|
> ul {
|
|
> li {
|
|
border-right: 1px solid $dark-border-color;
|
|
border-left: unset !important;
|
|
&:first-child, &:nth-child(5) {
|
|
border-right: none !important;
|
|
}
|
|
&:nth-child(5) {
|
|
border-left: 1px solid $dark-border-color !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// boxes layout rtl css
|
|
.box-layout{
|
|
&.page-wrapper.horizontal-wrapper {
|
|
.page-main-header {
|
|
padding-right: 250px;
|
|
padding-left: unset;
|
|
&.open {
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// responsive css
|
|
@media screen and (max-width: 1660px) {
|
|
// video chat page
|
|
.chat-box {
|
|
.chat-right-aside {
|
|
.chat {
|
|
.chat-header {
|
|
.chat-menu-icons {
|
|
li{
|
|
margin-left:10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
@media screen and (min-width: 1200px) and (max-width: 1660px){
|
|
.latest-articles {
|
|
.card-body {
|
|
.media {
|
|
.m-r-30{
|
|
margin-right: unset;
|
|
margin-left:10px ;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@media screen and (min-width: 1200px) and (max-width: 1500px){
|
|
.activity-sec {
|
|
.activity-timeline{
|
|
&.update-line {
|
|
.media {
|
|
.activity-line{
|
|
right:26px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.blog-box{
|
|
&.blog-shadow {
|
|
.blog-details{
|
|
padding-right:15px;
|
|
}
|
|
}
|
|
.blog-details {
|
|
.blog-social{
|
|
li{
|
|
&:nth-child(n+2){
|
|
margin-right: 15px;
|
|
padding-right:15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
@media screen and (min-width: 1200px) and (max-width: 1366px){
|
|
.learning-comment{
|
|
float: right !important;
|
|
}
|
|
.comment-box {
|
|
.media {
|
|
img{
|
|
margin-left:25px;
|
|
}
|
|
}
|
|
ul {
|
|
ul{
|
|
margin-right:50px;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
@media only screen and (max-width: 1366px) {
|
|
.product-wrapper {
|
|
.product-grid {
|
|
.feature-products {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
}
|
|
.product-grid {
|
|
margin-right: 0;
|
|
}
|
|
.d-none-productlist {
|
|
margin-left: 10px;
|
|
margin-right: unset;
|
|
}
|
|
|
|
|
|
// chat page
|
|
.chat-left-aside {
|
|
.status-circle {
|
|
left: unset;
|
|
right: 40px;
|
|
}
|
|
}
|
|
.status-circle{
|
|
right: 37px;
|
|
left:unset;
|
|
}
|
|
|
|
//file manager
|
|
.file-content{
|
|
.files{
|
|
.file-box{
|
|
margin-left:10px;
|
|
margin-right:unset;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.lnb-calendars{
|
|
text-align:left;
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
@media (max-width:1280px){
|
|
.page-main-header {
|
|
.main-header-right {
|
|
.nav-right{
|
|
>ul{
|
|
> li{
|
|
margin-left:15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.user-profile {
|
|
.social-tab {
|
|
ul {
|
|
li{
|
|
&:nth-child(n+2){
|
|
margin-right:10px;
|
|
margin-left:0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.email-wrap {
|
|
.actions {
|
|
li{
|
|
&:nth-child(n+2){
|
|
margin-right:10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px){
|
|
// chat page
|
|
.chat-box{
|
|
// .pr-xl-0, .px-xl-0 {
|
|
// padding-left: 0 !important;
|
|
// padding-right: 15px !important;
|
|
// }
|
|
// .pl-xl-0, .px-xl-0 {
|
|
// padding-right: 0 !important;
|
|
// padding-left: 15px !important;
|
|
// }
|
|
}
|
|
// vertical page
|
|
.pixelstrap {
|
|
ul {
|
|
a{
|
|
&:hover,
|
|
&:focus,
|
|
&:active,
|
|
&.highlighted {
|
|
.sub-arrow {
|
|
left: 3px;
|
|
right: unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1199px){
|
|
.page-wrapper {
|
|
.page-main-header {
|
|
.main-header-right {
|
|
.nav-right {
|
|
> ul{
|
|
li{
|
|
.submenu {
|
|
li {
|
|
&:first-child {
|
|
padding-right: 15px !important;
|
|
padding-left: 15px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
>li {
|
|
margin-left:15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.page-body-wrapper {
|
|
footer{
|
|
// margin-right:unset;
|
|
}
|
|
}
|
|
&.modern-sidebar{
|
|
&.compact-wrapper {
|
|
footer{
|
|
margin-left:unset;
|
|
margin-right:280px;
|
|
}
|
|
header{
|
|
&.main-nav{
|
|
&.close_icon {
|
|
~ footer{
|
|
margin-right:unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
.email-wrap {
|
|
.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-sidebar {
|
|
.email-left-aside{
|
|
right: 0;
|
|
left: unset;
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
.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;
|
|
}
|
|
|
|
.invo-profile {
|
|
.text-xl-end{
|
|
text-align: right !important;
|
|
}
|
|
}
|
|
.blog-box {
|
|
.blog-details{
|
|
padding:20px;
|
|
}
|
|
&.blog-shadow {
|
|
.blog-details{
|
|
padding-right:20px;
|
|
}
|
|
}
|
|
}
|
|
.blog-single {
|
|
.comment-box {
|
|
ul{
|
|
.comment-social{
|
|
margin-right:unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.job-sidebar {
|
|
.job-left-aside{
|
|
right:0;
|
|
left:unset;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
@media only screen and (max-width: 991px) {
|
|
.faq-accordion {
|
|
.faq-header {
|
|
svg {
|
|
left: 20px;
|
|
}
|
|
}
|
|
}
|
|
.categories {
|
|
.learning-header {
|
|
padding-right: 20px;
|
|
}
|
|
}
|
|
.page-wrapper {
|
|
.page-main-header {
|
|
.main-header-left {
|
|
|
|
.logo-wrapper {
|
|
img {
|
|
margin-left: 15px;
|
|
margin-right: unset;
|
|
}
|
|
}
|
|
}
|
|
.main-header-right{
|
|
>.mobile-toggle{
|
|
padding-left: 20px;
|
|
padding-right:unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.main {
|
|
.langChoice {
|
|
left: 20px;
|
|
}
|
|
}
|
|
.cd-timeline-img {
|
|
i {
|
|
right: 50% !important;
|
|
}
|
|
}
|
|
.page-wrapper {
|
|
.page-body-wrapper {
|
|
.page-header {
|
|
.breadcrumb {
|
|
float: right;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
.page-body {
|
|
min-height: calc(100vh - 60px);
|
|
}
|
|
}
|
|
.page-main-header {
|
|
margin-right: 0;
|
|
.main-header-right {
|
|
> .mobile-toggle{
|
|
padding-left:15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.card-body {
|
|
.value-left {
|
|
margin-left: 20px;
|
|
}
|
|
}
|
|
.activity-sec {
|
|
.activity-timeline {
|
|
.media {
|
|
.activity-line{
|
|
right:26px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.comment-box {
|
|
.comment-social {
|
|
li{
|
|
&:nth-child(n+2){
|
|
margin-right:15px;
|
|
padding-right:15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// footer
|
|
.page-body-wrapper{
|
|
.page-body,footer {
|
|
margin-right: 0 !important;
|
|
margin-left:unset !important;
|
|
}
|
|
}
|
|
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon header.main-nav.close_icon{
|
|
transform: translate(290px);
|
|
}
|
|
|
|
|
|
// faq
|
|
.updates-faq {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
|
|
|
|
}
|
|
@media (min-width: 768px){
|
|
|
|
.offset-md-2{
|
|
margin-right: 16.66667%;
|
|
}
|
|
.float-md-right {
|
|
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: 767px) {
|
|
.ecommerce-widget{
|
|
.text-md-end {
|
|
text-align: left !important;
|
|
}
|
|
}
|
|
.bar-chart-widget {
|
|
.earning-details {
|
|
i {
|
|
left: -147px !important;
|
|
}
|
|
}
|
|
}
|
|
.footer {
|
|
.pull-right{
|
|
float:unset;
|
|
}
|
|
}
|
|
|
|
.page-wrapper {
|
|
.page-main-header {
|
|
.main-header-right {
|
|
.main-header-left {
|
|
.toggle-sidebar{
|
|
margin-left:unset;
|
|
margin-right:20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.comment-box{
|
|
ul{
|
|
ul{
|
|
text-align: right;
|
|
float: revert;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
|
|
}
|
|
.blog-single {
|
|
.comment-box {
|
|
ul {
|
|
.comment-social{
|
|
text-align:right;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.project-list {
|
|
.btn{
|
|
float: right;
|
|
}
|
|
}
|
|
.follow {
|
|
.text-md-end{
|
|
text-align: center !important;
|
|
}
|
|
}
|
|
.calendar-basic {
|
|
#menu-navi {
|
|
.menu-navi-center{
|
|
left:20px;
|
|
right:unset;
|
|
}
|
|
.menu-navi-right {
|
|
.move-btn{
|
|
float:left;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
.feature-products {
|
|
span.f-w-600{
|
|
margin-right:5px;
|
|
margin-left:unset;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
@media (min-width: 576px) {
|
|
.offset-sm-3 {
|
|
margin-right: 25%;
|
|
margin-left: unset;
|
|
}
|
|
.text-sm-end {
|
|
text-align: left !important;
|
|
}
|
|
.float-sm-right {
|
|
float: left !important;
|
|
}
|
|
.mr-sm-2, .mx-sm-2 {
|
|
margin-left: 0.5rem !important;
|
|
margin-right: unset !important;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 575px){
|
|
.page-main-header {
|
|
.main-header-right {
|
|
.nav-right {
|
|
> ul {
|
|
> li {
|
|
&:last-child {
|
|
padding-right: 10px;
|
|
}
|
|
}
|
|
}
|
|
.notification-dropdown {
|
|
right : -150px !important;
|
|
left: unset !important;
|
|
}
|
|
.profile-dropdown {
|
|
right: -50px !important;
|
|
left: unset !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.faq-accordion {
|
|
.faq-header {
|
|
svg {
|
|
left: 15px;
|
|
}
|
|
}
|
|
}
|
|
.categories {
|
|
.learning-header {
|
|
padding-right: 15px;
|
|
}
|
|
}
|
|
.main {
|
|
.langChoice {
|
|
left: 15px;
|
|
}
|
|
}
|
|
.page-wrapper {
|
|
.search-form {
|
|
.form-group {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
}
|
|
.card-body {
|
|
.value-left {
|
|
margin-left: 15px;
|
|
}
|
|
}
|
|
.job-search {
|
|
.media {
|
|
.media-body {
|
|
h6 {
|
|
.pull-right{
|
|
margin-right: 15px;
|
|
margin-left:unset ;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.invoice {
|
|
.invo-header {
|
|
.media-body{
|
|
text-align:left;
|
|
}
|
|
}
|
|
}
|
|
.blog-box {
|
|
.blog-details {
|
|
.blog-social {
|
|
li{
|
|
&:nth-child(n+2){
|
|
margin-right:15px;
|
|
padding-right:unset;
|
|
border-right:none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.feature-products {
|
|
.select-options{
|
|
float: right;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
@media only screen and (max-width:575px){
|
|
.page-wrapper {
|
|
.page-body-wrapper {
|
|
.page-header {
|
|
.bookmark{
|
|
text-align:right;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.feature-products{
|
|
.text-end{
|
|
text-align: right !important;
|
|
}
|
|
}
|
|
.list-persons {
|
|
.nav-pills {
|
|
.nav-link {
|
|
.media {
|
|
.media-body{
|
|
text-align: right;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.profile-mail {
|
|
.email-general {
|
|
ul{
|
|
padding-left:unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.contacts-tabs {
|
|
.media {
|
|
img.m-r-20{
|
|
margin-right:unset;
|
|
margin-left:20px;
|
|
}
|
|
}
|
|
}
|
|
.faq-widgets {
|
|
svg{
|
|
left:20px;
|
|
right: unset;
|
|
}
|
|
}
|
|
.m-r-30{
|
|
margin-left:15px;
|
|
}
|
|
.job-search {
|
|
.job-description {
|
|
label{
|
|
text-align: right !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// user-profile
|
|
.user-profile{
|
|
.profile-post{
|
|
.post-body{
|
|
.post-react{
|
|
ul {
|
|
li{
|
|
&:nth-child(n+2){
|
|
margin-right:-15px;
|
|
}
|
|
}
|
|
}
|
|
h6{
|
|
margin-right:10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 420px){
|
|
.project-box {
|
|
.badge{
|
|
left: 10px;
|
|
}
|
|
}
|
|
.file-content {
|
|
.files {
|
|
.file-box{
|
|
margin-left:unset;
|
|
}
|
|
}
|
|
}
|
|
.project-list{
|
|
.border-tab{
|
|
&.nav-tabs{
|
|
.nav-item{
|
|
.nav-link{
|
|
padding: 5px 0 5px 15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
@media only screen and (max-width: 360px) {
|
|
.social-app-profile {
|
|
.hovercard {
|
|
.user-image {
|
|
.avatar {
|
|
img {
|
|
width: 85px;
|
|
height: 85px;
|
|
}
|
|
margin-top: -47px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.social-chat {
|
|
.other-msg {
|
|
margin-right: 15px;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (max-width: 480px){
|
|
.page-wrapper {
|
|
.page-main-header {
|
|
.main-header-right {
|
|
.nav-right {
|
|
> ul {
|
|
li{
|
|
margin-left:5px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (max-width: 360px){
|
|
.footer{
|
|
padding-left: 0;
|
|
padding-right: 0 !important;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
/**=====================
|
|
60. RTL CSS Ends
|
|
==========================**/
|