first commit
This commit is contained in:
DESKTOP-GBA0BK8\Admin
@@ -0,0 +1,65 @@
|
||||
.pageTitle {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.pageTitle h1 {
|
||||
font-size: 17px;
|
||||
margin: 0;
|
||||
}
|
||||
.pageTitle ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.pageTitle ul li {
|
||||
display: inline-block;
|
||||
color: #A9A9C8;
|
||||
margin-right: 20px;
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
}
|
||||
.pageTitle ul li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.pageTitle ul li:last-child:before {
|
||||
display: none;
|
||||
}
|
||||
.pageTitle ul li:before {
|
||||
content: '/';
|
||||
position: absolute;
|
||||
right: -13px;
|
||||
top: 0;
|
||||
}
|
||||
.pageTitle ul li a {
|
||||
color: #5B5B98;
|
||||
text-decoration: none;
|
||||
}
|
||||
.pageTitle ul li a:hover {
|
||||
color: var(--primaryColor);
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.pageTitle h1 {
|
||||
font-size: 15px;
|
||||
}
|
||||
.pageTitle ul li {
|
||||
margin-right: 15px;
|
||||
font-size: 11px;
|
||||
}
|
||||
.pageTitle ul li:before {
|
||||
right: -10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* For RTL Style */
|
||||
[dir=rtl] .pageTitle ul li {
|
||||
margin-right: 0;
|
||||
margin-left: 20px;
|
||||
}
|
||||
[dir=rtl] .pageTitle ul li:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
[dir=rtl] .pageTitle ul li:before {
|
||||
left: -13px;
|
||||
right: auto;
|
||||
}
|
||||
+128
@@ -0,0 +1,128 @@
|
||||
.chat-tabs .react-tabs__tab-list {
|
||||
border: none;
|
||||
margin: 0;
|
||||
height: 648px;
|
||||
overflow-y: auto;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.chat-tabs .react-tabs__tab-list .react-tabs__tab {
|
||||
display: block;
|
||||
padding: 5px 0;
|
||||
border-radius: 0;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-bottom: 1px solid #F7FAFF;
|
||||
}
|
||||
.chat-tabs .react-tabs__tab-list .react-tabs__tab:focus, .chat-tabs .react-tabs__tab-list .react-tabs__tab:focus-visible {
|
||||
outline: 0;
|
||||
}
|
||||
.chat-tabs .react-tabs__tab-list .react-tabs__tab:focus:after, .chat-tabs .react-tabs__tab-list .react-tabs__tab:focus-visible:after {
|
||||
background: transparent;
|
||||
}
|
||||
.chat-tabs .react-tabs__tab-list .react-tabs__tab.react-tabs__tab--selected {
|
||||
background-color: #fdfdfd;
|
||||
color: #A9A9C8;
|
||||
}
|
||||
|
||||
.active-status {
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
position: absolute;
|
||||
bottom: 4px;
|
||||
right: 3px;
|
||||
border: 2px solid #fff;
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.active-status2 {
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
display: inline-block;
|
||||
border: 2px solid #fff;
|
||||
border-radius: 100%;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.left-replay-box {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.left-replay-box .hover-caption {
|
||||
background: #fff;
|
||||
box-shadow: 0px 10px 35px rgba(50, 110, 189, 0.2);
|
||||
border-radius: 10px;
|
||||
visibility: hidden;
|
||||
transition: 0.6s;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 30px;
|
||||
}
|
||||
|
||||
.left-replay-box:hover .hover-caption {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.right-replay-box {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.right-replay-box .hover-caption {
|
||||
background: #fff;
|
||||
box-shadow: 0px 10px 35px rgba(50, 110, 189, 0.2);
|
||||
border-radius: 10px;
|
||||
visibility: hidden;
|
||||
transition: 0.6s;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 30px;
|
||||
}
|
||||
|
||||
.right-replay-box:hover .hover-caption {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.chat-list-box {
|
||||
padding: 15px;
|
||||
height: 585px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
[dir=rtl] .chat-tabs .react-tabs__tab-list {
|
||||
padding-right: 0;
|
||||
padding-left: 10px;
|
||||
}
|
||||
[dir=rtl] .active-status {
|
||||
right: 0;
|
||||
left: 3px;
|
||||
}
|
||||
[dir=rtl] .left-replay-box .hover-caption {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
[dir=rtl] .right-replay-box .hover-caption {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
/* For dark mode */
|
||||
[class=dark] .chat-tabs .react-tabs__tab-list .react-tabs__tab {
|
||||
border-bottom: 1px solid var(--borderColor);
|
||||
}
|
||||
[class=dark] .chat-tabs .react-tabs__tab-list .react-tabs__tab.react-tabs__tab--selected {
|
||||
background-color: var(--colorBlack);
|
||||
color: #A9A9C8;
|
||||
}
|
||||
[class=dark] .chat-tabs .for-dark-text-white span {
|
||||
color: #fff !important;
|
||||
}
|
||||
[class=dark] .chat-tabs .for-dark-chat-box {
|
||||
border: 1px solid var(--borderColor);
|
||||
}
|
||||
[class=dark] .chat-tabs .for-dark-chat-header {
|
||||
border-bottom: 1px solid var(--borderColor);
|
||||
}
|
||||
[class=dark] .chat-tabs .for-dark-button {
|
||||
background: #000;
|
||||
}/*# sourceMappingURL=chat.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["chat.scss","chat.css"],"names":[],"mappings":"AACE;EACE,YAAA;EACA,SAAA;EACA,aAAA;EACA,gBAAA;EACA,mBAAA;ACAJ;ADEI;EACE,cAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EACA,iBAAA;EACA,kBAAA;EACA,gCAAA;ACAN;ADEM;EACE,UAAA;ACAR;ADCQ;EACE,uBAAA;ACCV;ADGM;EACE,yBAAA;EACA,cAAA;ACDR;;ADMA;EACE,WAAA;EACA,YAAA;EACA,kBAAA;EACA,WAAA;EACA,UAAA;EACA,sBAAA;EACA,mBAAA;ACHF;;ADKA;EACE,WAAA;EACA,YAAA;EACA,qBAAA;EACA,sBAAA;EACA,mBAAA;EACA,kBAAA;EACA,QAAA;ACFF;;ADMA;EACE,kBAAA;ACHF;;ADKA;EACE,gBAAA;EACA,iDAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,OAAA;EACA,SAAA;ACFF;;ADIA;EACE,mBAAA;ACDF;;ADKA;EACE,kBAAA;ACFF;;ADIA;EACE,gBAAA;EACA,iDAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;ACDF;;ADGA;EACE,mBAAA;ACAF;;ADIA;EACE,aAAA;EACA,aAAA;EACA,cAAA;ACDF;;ADQI;EACE,gBAAA;EACA,kBAAA;ACLN;ADSE;EACE,QAAA;EACA,SAAA;ACPJ;ADWE;EACE,UAAA;EACA,QAAA;ACTJ;ADaE;EACE,WAAA;EACA,OAAA;ACXJ;;ADeA,kBAAA;AAII;EACE,2CAAA;ACfN;ADiBM;EACE,mCAAA;EACA,cAAA;ACfR;ADqBI;EACE,sBAAA;ACnBN;ADuBE;EACE,oCAAA;ACrBJ;ADuBE;EACE,2CAAA;ACrBJ;ADuBE;EACE,gBAAA;ACrBJ","file":"chat.css"}
|
||||
@@ -0,0 +1,151 @@
|
||||
.chat-tabs {
|
||||
.react-tabs__tab-list {
|
||||
border: none;
|
||||
margin: 0;
|
||||
height: 648px;
|
||||
overflow-y: auto;
|
||||
padding-right: 10px;
|
||||
|
||||
.react-tabs__tab {
|
||||
display: block;
|
||||
padding: 5px 0;
|
||||
border-radius: 0;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-bottom: 1px solid #F7FAFF;
|
||||
|
||||
&:focus, &:focus-visible {
|
||||
outline: 0;
|
||||
&:after {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
&.react-tabs__tab--selected {
|
||||
background-color: #fdfdfd;
|
||||
color: #A9A9C8;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.active-status {
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
position: absolute;
|
||||
bottom: 4px;
|
||||
right: 3px;
|
||||
border: 2px solid #fff;
|
||||
border-radius: 100%;
|
||||
}
|
||||
.active-status2 {
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
display: inline-block;
|
||||
border: 2px solid #fff;
|
||||
border-radius: 100%;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
// left-replay-box
|
||||
.left-replay-box {
|
||||
position: relative;
|
||||
}
|
||||
.left-replay-box .hover-caption {
|
||||
background: #fff;
|
||||
box-shadow: 0px 10px 35px rgba(50, 110, 189, 0.2);
|
||||
border-radius: 10px;
|
||||
visibility: hidden;
|
||||
transition: .6s;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 30px;
|
||||
}
|
||||
.left-replay-box:hover .hover-caption {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
// right-replay-box
|
||||
.right-replay-box {
|
||||
position: relative;
|
||||
}
|
||||
.right-replay-box .hover-caption {
|
||||
background: #fff;
|
||||
box-shadow: 0px 10px 35px rgba(50, 110, 189, 0.2);
|
||||
border-radius: 10px;
|
||||
visibility: hidden;
|
||||
transition: .6s;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 30px;
|
||||
}
|
||||
.right-replay-box:hover .hover-caption {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
// chat-list-box
|
||||
.chat-list-box {
|
||||
padding: 15px;
|
||||
height: 585px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
|
||||
// For RTL Style
|
||||
[dir="rtl"] {
|
||||
.chat-tabs {
|
||||
.react-tabs__tab-list {
|
||||
padding-right: 0;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.active-status {
|
||||
right: 0;
|
||||
left: 3px;
|
||||
}
|
||||
|
||||
// left-replay-box
|
||||
.left-replay-box .hover-caption {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
// right-replay-box
|
||||
.right-replay-box .hover-caption {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* For dark mode */
|
||||
[class="dark"] .chat-tabs {
|
||||
.react-tabs__tab-list {
|
||||
|
||||
.react-tabs__tab {
|
||||
border-bottom: 1px solid var(--borderColor);
|
||||
|
||||
&.react-tabs__tab--selected {
|
||||
background-color: var(--colorBlack);
|
||||
color: #A9A9C8;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.for-dark-text-white {
|
||||
span {
|
||||
color: #fff !important;
|
||||
}
|
||||
}
|
||||
|
||||
.for-dark-chat-box {
|
||||
border: 1px solid var(--borderColor);
|
||||
}
|
||||
.for-dark-chat-header {
|
||||
border-bottom: 1px solid var(--borderColor);
|
||||
}
|
||||
.for-dark-button {
|
||||
background: #000;
|
||||
}
|
||||
}
|
||||
+271
@@ -0,0 +1,271 @@
|
||||
:root {
|
||||
--darkBodyTextColor: #828690;
|
||||
--darkHeadingTextColor: #ced4da;
|
||||
--bodyBg: #0d1015;
|
||||
--cardBg: #14171c;
|
||||
--colorBlack: #000000;
|
||||
--borderColor: #1f2226;
|
||||
--whiteColor: #0d1015;
|
||||
}
|
||||
|
||||
.dark {
|
||||
background-color: var(--bodyBg) !important;
|
||||
}
|
||||
.dark body {
|
||||
background-color: var(--bodyBg) !important;
|
||||
color: var(--darkBodyTextColor) !important;
|
||||
}
|
||||
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
|
||||
color: var(--darkHeadingTextColor) !important;
|
||||
}
|
||||
.dark ::-moz-placeholder {
|
||||
color: var(--darkBodyTextColor);
|
||||
}
|
||||
.dark button, .dark a, .dark p, .dark q, .dark tspan, .dark li, .dark tbody, .dark tfoot, .dark thead, .dark th, .dark td, .dark canvas, .dark ::placeholder, .dark abbr, .dark address, .dark blockquote, .dark caption, .dark cite, .dark code, .dark dd, .dark dl, .dark mark, .dark option, .dark pre, .dark time, .dark del, .dark .MuiTypography-p, .dark .MuiTypography-root, .dark .MuiDataGrid-cellContent, .dark .MuiTabPanel-root {
|
||||
color: var(--darkBodyTextColor);
|
||||
}
|
||||
.dark .whiteColor {
|
||||
color: #fff;
|
||||
}
|
||||
.dark .whiteColor .MuiChip-label {
|
||||
color: #fff !important;
|
||||
}
|
||||
.dark .primary {
|
||||
color: var(--primaryColor);
|
||||
}
|
||||
.dark .secondary {
|
||||
color: var(--secondaryColor);
|
||||
}
|
||||
.dark .success {
|
||||
color: var(--successColor);
|
||||
}
|
||||
.dark .info {
|
||||
color: var(--infoColor);
|
||||
}
|
||||
.dark .warning {
|
||||
color: var(--warningColor);
|
||||
}
|
||||
.dark .danger {
|
||||
color: var(--dangerColor);
|
||||
}
|
||||
.dark .Mui-disabled.MuiIconButton-root {
|
||||
color: #5d5e5e;
|
||||
}
|
||||
.dark .MuiCard-root {
|
||||
background-color: var(--cardBg);
|
||||
}
|
||||
.dark .MuiPopover-paper {
|
||||
background-color: var(--bodyBg);
|
||||
}
|
||||
.dark .MuiPopover-paper:before {
|
||||
background-color: var(--bodyBg);
|
||||
}
|
||||
.dark .card-dark-bg {
|
||||
background-color: var(--cardBg);
|
||||
}
|
||||
.dark .dark-BG-101010 {
|
||||
background-color: #101010;
|
||||
}
|
||||
.dark .bg-black {
|
||||
background-color: var(--colorBlack) !important;
|
||||
}
|
||||
.dark .MuiDialog-root .MuiDialog-container .MuiPaper-root {
|
||||
background-color: #101010;
|
||||
}
|
||||
.dark .MuiOutlinedInput-notchedOutline {
|
||||
border-color: #464545;
|
||||
}
|
||||
.dark .with-icons-input .MuiInput-underline::before {
|
||||
border-bottom: 1px solid #464545;
|
||||
}
|
||||
.dark .modal-close {
|
||||
color: var(--darkBodyTextColor);
|
||||
}
|
||||
.dark .modal-close:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.dark .dark-textarea {
|
||||
background-color: var(--colorBlack) !important;
|
||||
color: var(--darkBodyTextColor) !important;
|
||||
border: 1px solid var(--borderColor) !important;
|
||||
}
|
||||
.dark .MuiBadge-badge {
|
||||
color: #fff;
|
||||
}
|
||||
.dark .for-dark-border {
|
||||
border: 1px solid var(--borderColor);
|
||||
}
|
||||
.dark .MuiRating-iconEmpty {
|
||||
color: rgba(140, 140, 140, 0.26);
|
||||
}
|
||||
.dark .MuiRating-iconEmpty svg {
|
||||
color: rgba(140, 140, 140, 0.26) !important;
|
||||
}
|
||||
.dark .MuiFormControl-root .MuiFormLabel-root {
|
||||
color: var(--darkBodyTextColor);
|
||||
}
|
||||
.dark .MuiChip-root .MuiChip-label {
|
||||
color: var(--darkBodyTextColor);
|
||||
}
|
||||
.dark .MuiListItemIcon-root {
|
||||
color: var(--darkHeadingTextColor);
|
||||
}
|
||||
.dark .MuiDivider-root {
|
||||
border-color: rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
.dark .MuiDialogContent-dividers {
|
||||
border-top: 1px solid var(--borderColor);
|
||||
border-bottom: 1px solid var(--borderColor);
|
||||
}
|
||||
.dark .top-navbar-for-dark {
|
||||
background-color: var(--cardBg);
|
||||
box-shadow: none;
|
||||
}
|
||||
.dark .top-navbar-for-dark .ri-align-left {
|
||||
color: var(--darkHeadingTextColor);
|
||||
}
|
||||
.dark .dark-menu {
|
||||
background-color: var(--cardBg);
|
||||
}
|
||||
.dark .search-form input, .dark .ls-search-form input {
|
||||
background-color: var(--colorBlack);
|
||||
color: var(--darkHeadingTextColor);
|
||||
}
|
||||
.dark .for-dark-email:hover, .dark .for-dark-notification:hover {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.dark .LeftSidebarNav {
|
||||
background-color: var(--cardBg);
|
||||
box-shadow: none;
|
||||
}
|
||||
.dark .black-logo {
|
||||
display: none;
|
||||
}
|
||||
.dark .white-logo {
|
||||
display: inline-block;
|
||||
}
|
||||
.dark .sidebarLinkActive {
|
||||
color: var(--darkHeadingTextColor);
|
||||
}
|
||||
.dark .sidebarLinkActive span {
|
||||
color: var(--darkHeadingTextColor);
|
||||
}
|
||||
.dark .sidebarLinkActive svg {
|
||||
fill: var(--darkHeadingTextColor);
|
||||
}
|
||||
.dark .for-dark-bottom-border {
|
||||
border-bottom: 1px solid var(--borderColor);
|
||||
}
|
||||
.dark .dark-border {
|
||||
border: 1px solid var(--borderColor);
|
||||
}
|
||||
.dark .apexcharts-legend-text {
|
||||
color: var(--darkBodyTextColor) !important;
|
||||
}
|
||||
.dark .apexcharts-tooltip.apexcharts-theme-light, .dark .apexcharts-theme-dark {
|
||||
border: 1px solid #373a40;
|
||||
background-color: var(--cardBg);
|
||||
}
|
||||
.dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title, .dark .apexcharts-theme-dark .apexcharts-tooltip-title {
|
||||
background: var(--cardBg);
|
||||
border-bottom: 1px solid #373a40;
|
||||
color: var(--darkHeadingTextColor);
|
||||
}
|
||||
.dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text-y-label, .dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text-y-value, .dark .apexcharts-theme-dark .apexcharts-tooltip-text-y-label, .dark .apexcharts-theme-dark .apexcharts-tooltip-text-y-value {
|
||||
color: var(--darkHeadingTextColor);
|
||||
}
|
||||
.dark .apexcharts-yaxis .apexcharts-text, .dark .apexcharts-xaxis .apexcharts-text {
|
||||
fill: var(--darkBodyTextColor);
|
||||
}
|
||||
.dark .apexcharts-title-text {
|
||||
fill: var(--darkHeadingTextColor);
|
||||
}
|
||||
.dark .apexcharts-graphical .apexcharts-grid .apexcharts-grid-row {
|
||||
fill: #1a1717;
|
||||
}
|
||||
.dark .apexcharts-grid-borders line {
|
||||
stroke: #424242;
|
||||
}
|
||||
.dark .apexcharts-gridline {
|
||||
stroke: #424242;
|
||||
}
|
||||
.dark .recharts-text {
|
||||
fill: var(--darkBodyTextColor);
|
||||
}
|
||||
.dark .recharts-cartesian-grid .recharts-cartesian-grid-horizontal line, .dark .recharts-cartesian-grid .recharts-cartesian-grid-vertical line {
|
||||
stroke: #424242;
|
||||
}
|
||||
.dark .recharts-xAxis line, .dark .recharts-yAxis line {
|
||||
stroke: #424242;
|
||||
}
|
||||
.dark .for-dark-impressions {
|
||||
background-color: var(--cardBg);
|
||||
}
|
||||
.dark .dark-table thead {
|
||||
background-color: var(--colorBlack);
|
||||
}
|
||||
.dark .dark-table thead tr th {
|
||||
border-bottom: 1px solid var(--borderColor) !important;
|
||||
color: var(--darkHeadingTextColor);
|
||||
}
|
||||
.dark .dark-table tbody, .dark .dark-table tfoot {
|
||||
background-color: var(--bodyBg);
|
||||
}
|
||||
.dark .dark-table tbody tr td, .dark .dark-table tbody tr th, .dark .dark-table tfoot tr td, .dark .dark-table tfoot tr th {
|
||||
border-bottom: 1px solid var(--borderColor) !important;
|
||||
}
|
||||
.dark .dark-data-table {
|
||||
border: 1px solid var(--borderColor);
|
||||
}
|
||||
.dark .dark-data-table .MuiDataGrid-columnHeaders {
|
||||
border-bottom: 1px solid var(--borderColor);
|
||||
}
|
||||
.dark .dark-data-table .MuiDataGrid-row .MuiDataGrid-cell {
|
||||
border-bottom: 1px solid var(--borderColor);
|
||||
}
|
||||
.dark .dark-data-table .MuiDataGrid-footerContainer {
|
||||
border-top: 1px solid var(--borderColor);
|
||||
}
|
||||
.dark .ss-table-toolbar, .dark .ss-table-table-pagination {
|
||||
background-color: #1a1a1a;
|
||||
}
|
||||
.dark .MuiClock-root .MuiButtonBase-root span {
|
||||
color: #fff !important;
|
||||
}
|
||||
.dark .mantine-1qycoz3 {
|
||||
background-color: var(--colorBlack);
|
||||
border: 1px solid #464545;
|
||||
}
|
||||
.dark .mantine-1qycoz3 .mantine-bdajhj {
|
||||
background-color: #000;
|
||||
border-bottom: 1px solid #464545;
|
||||
}
|
||||
.dark .for-dark-text-white {
|
||||
color: #fff !important;
|
||||
}
|
||||
.dark .for-dark-text-white span {
|
||||
color: #fff !important;
|
||||
}
|
||||
.dark .accordion-customization, .dark .controlled-accordion {
|
||||
border-top: 1px solid var(--borderColor);
|
||||
border-left: 1px solid var(--borderColor);
|
||||
border-right: 1px solid var(--borderColor);
|
||||
}
|
||||
.dark .accordion-customization .MuiAccordionDetails-root, .dark .controlled-accordion .MuiAccordionDetails-root {
|
||||
border-top: 1px solid var(--borderColor);
|
||||
}
|
||||
.dark .accordion-customization .MuiButtonBase-root .MuiAccordionSummary-expandIconWrapper svg, .dark .controlled-accordion .MuiButtonBase-root .MuiAccordionSummary-expandIconWrapper svg {
|
||||
color: #fff;
|
||||
}
|
||||
.dark .mobile-stepper .Mui-disabled {
|
||||
color: rgba(255, 255, 255, 0.26);
|
||||
}
|
||||
.dark .MuiTabs-vertical {
|
||||
border-color: rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
.dark .readEmail:hover {
|
||||
color: var(--darkHeadingTextColor);
|
||||
}
|
||||
.dark .footer {
|
||||
background-color: var(--cardBg);
|
||||
}/*# sourceMappingURL=dark.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["dark.scss","dark.css"],"names":[],"mappings":"AACA;EACE,4BAAA;EACA,+BAAA;EACA,iBAAA;EACA,iBAAA;EACA,qBAAA;EACA,sBAAA;EACA,qBAAA;ACAF;;ADGA;EACE,0CAAA;ACAF;ADEE;EACE,0CAAA;EACA,0CAAA;ACAJ;ADGE;EACE,6CAAA;ACDJ;ADIE;EACE,+BAAA;ACFJ;ADCE;EACE,+BAAA;ACFJ;ADKE;EACE,WAAA;ACHJ;ADII;EACE,sBAAA;ACFN;ADME;EACE,0BAAA;ACJJ;ADME;EACE,4BAAA;ACJJ;ADME;EACE,0BAAA;ACJJ;ADME;EACE,uBAAA;ACJJ;ADME;EACE,0BAAA;ACJJ;ADME;EACE,yBAAA;ACJJ;ADOE;EACE,cAAA;ACLJ;ADQE;EACE,+BAAA;ACNJ;ADSE;EACE,+BAAA;ACPJ;ADQI;EACE,+BAAA;ACNN;ADUE;EACE,+BAAA;ACRJ;ADUE;EACE,yBAAA;ACRJ;ADUE;EACE,8CAAA;ACRJ;ADaM;EACE,yBAAA;ACXR;ADgBE;EACE,qBAAA;ACdJ;ADkBM;EACE,gCAAA;AChBR;ADqBE;EACE,+BAAA;ACnBJ;ADoBI;EACE,WAAA;AClBN;ADsBE;EACE,8CAAA;EACA,0CAAA;EACA,+CAAA;ACpBJ;ADuBE;EACE,WAAA;ACrBJ;ADwBE;EACE,oCAAA;ACtBJ;ADyBE;EACE,gCAAA;ACvBJ;ADwBI;EACE,2CAAA;ACtBN;AD2BI;EACE,+BAAA;ACzBN;AD8BI;EACE,+BAAA;AC5BN;ADgCE;EACE,kCAAA;AC9BJ;ADgCE;EACE,uCAAA;AC9BJ;ADiCE;EACE,wCAAA;EACA,2CAAA;AC/BJ;ADmCE;EACE,+BAAA;EACA,gBAAA;ACjCJ;ADkCI;EACE,kCAAA;AChCN;ADmCE;EACE,+BAAA;ACjCJ;ADoCI;EACE,mCAAA;EACA,kCAAA;AClCN;ADsCI;EACE,yBAAA;ACpCN;ADyCE;EACE,+BAAA;EACA,gBAAA;ACvCJ;ADyCE;EACE,aAAA;ACvCJ;ADyCE;EACE,qBAAA;ACvCJ;ADyCE;EACE,kCAAA;ACvCJ;ADyCI;EACE,kCAAA;ACvCN;AD0CI;EACE,iCAAA;ACxCN;AD6CE;EACE,2CAAA;AC3CJ;AD6CE;EACE,oCAAA;AC3CJ;AD+CE;EACE,0CAAA;AC7CJ;AD+CE;EACE,yBAAA;EACA,+BAAA;AC7CJ;AD+CI;EACE,yBAAA;EACA,gCAAA;EACA,kCAAA;AC7CN;AD+CI;EACE,kCAAA;AC7CN;ADiDI;EACE,8BAAA;AC/CN;ADkDE;EACE,iCAAA;AChDJ;ADoDM;EACE,aAAA;AClDR;ADwDI;EACE,eAAA;ACtDN;ADyDE;EACE,eAAA;ACvDJ;AD2DE;EACE,8BAAA;ACzDJ;AD6DM;EACE,eAAA;AC3DR;ADgEI;EACE,eAAA;AC9DN;ADkEE;EACE,+BAAA;AChEJ;ADqEI;EACE,mCAAA;ACnEN;ADqEQ;EACE,sDAAA;EACA,kCAAA;ACnEV;ADuEI;EACE,+BAAA;ACrEN;ADuEQ;EACE,sDAAA;ACrEV;AD2EE;EACE,oCAAA;ACzEJ;AD0EI;EACE,2CAAA;ACxEN;AD2EM;EACE,2CAAA;ACzER;AD4EI;EACE,wCAAA;AC1EN;AD8EE;EACE,yBAAA;AC5EJ;ADmFM;EACE,sBAAA;ACjFR;ADsFE;EACE,mCAAA;EACA,yBAAA;ACpFJ;ADqFI;EACE,sBAAA;EACA,gCAAA;ACnFN;ADuFE;EACE,sBAAA;ACrFJ;ADsFI;EACE,sBAAA;ACpFN;ADyFE;EACE,wCAAA;EACA,yCAAA;EACA,0CAAA;ACvFJ;ADyFI;EACE,wCAAA;ACvFN;AD4FQ;EACE,WAAA;AC1FV;ADkGI;EACE,gCAAA;AChGN;ADoGE;EACE,uCAAA;AClGJ;ADqGE;EACE,kCAAA;ACnGJ;ADwGE;EACE,+BAAA;ACtGJ","file":"dark.css"}
|
||||
@@ -0,0 +1,372 @@
|
||||
// Globals variables
|
||||
:root {
|
||||
--darkBodyTextColor: #828690;
|
||||
--darkHeadingTextColor: #ced4da;
|
||||
--bodyBg: #0d1015;
|
||||
--cardBg: #14171c;
|
||||
--colorBlack: #000000;
|
||||
--borderColor: #1f2226;
|
||||
--whiteColor: #0d1015;
|
||||
}
|
||||
|
||||
.dark {
|
||||
background-color: var(--bodyBg) !important;
|
||||
|
||||
body {
|
||||
background-color: var(--bodyBg) !important;
|
||||
color: var(--darkBodyTextColor) !important;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: var(--darkHeadingTextColor) !important;
|
||||
}
|
||||
|
||||
button, a, p, q, tspan, li, tbody, tfoot, thead, th, td, canvas, ::placeholder, abbr, address, blockquote, caption, cite, code, dd, dl, mark, option, pre, time, del, .MuiTypography-p, .MuiTypography-root, .MuiDataGrid-cellContent, .MuiTabPanel-root {
|
||||
color: var(--darkBodyTextColor);
|
||||
}
|
||||
|
||||
.whiteColor {
|
||||
color: #fff;
|
||||
.MuiChip-label {
|
||||
color: #fff !important;
|
||||
}
|
||||
}
|
||||
|
||||
.primary {
|
||||
color: var(--primaryColor);
|
||||
}
|
||||
.secondary {
|
||||
color: var(--secondaryColor);
|
||||
}
|
||||
.success {
|
||||
color: var(--successColor);
|
||||
}
|
||||
.info {
|
||||
color: var(--infoColor);
|
||||
}
|
||||
.warning {
|
||||
color: var(--warningColor);
|
||||
}
|
||||
.danger {
|
||||
color: var(--dangerColor);
|
||||
}
|
||||
|
||||
.Mui-disabled.MuiIconButton-root {
|
||||
color: #5d5e5e;
|
||||
}
|
||||
|
||||
.MuiCard-root {
|
||||
background-color: var(--cardBg);
|
||||
}
|
||||
|
||||
.MuiPopover-paper {
|
||||
background-color: var(--bodyBg);
|
||||
&:before {
|
||||
background-color: var(--bodyBg);
|
||||
}
|
||||
}
|
||||
|
||||
.card-dark-bg {
|
||||
background-color: var(--cardBg);
|
||||
}
|
||||
.dark-BG-101010 {
|
||||
background-color: #101010;
|
||||
}
|
||||
.bg-black {
|
||||
background-color: var(--colorBlack) !important;
|
||||
}
|
||||
|
||||
.MuiDialog-root {
|
||||
.MuiDialog-container {
|
||||
.MuiPaper-root {
|
||||
background-color: #101010;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.MuiOutlinedInput-notchedOutline {
|
||||
border-color: #464545;
|
||||
}
|
||||
.with-icons-input {
|
||||
.MuiInput-underline {
|
||||
&::before {
|
||||
border-bottom: 1px solid #464545;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.modal-close {
|
||||
color: var(--darkBodyTextColor);
|
||||
&:hover {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.dark-textarea {
|
||||
background-color: var(--colorBlack) !important;
|
||||
color: var(--darkBodyTextColor) !important;
|
||||
border: 1px solid var(--borderColor) !important;
|
||||
}
|
||||
|
||||
.MuiBadge-badge {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.for-dark-border {
|
||||
border: 1px solid var(--borderColor);
|
||||
}
|
||||
|
||||
.MuiRating-iconEmpty {
|
||||
color: rgb(140 140 140 / 26%);
|
||||
svg {
|
||||
color: rgb(140 140 140 / 26%) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.MuiFormControl-root {
|
||||
.MuiFormLabel-root {
|
||||
color: var(--darkBodyTextColor);
|
||||
}
|
||||
}
|
||||
|
||||
.MuiChip-root {
|
||||
.MuiChip-label {
|
||||
color: var(--darkBodyTextColor);
|
||||
}
|
||||
}
|
||||
|
||||
.MuiListItemIcon-root {
|
||||
color: var(--darkHeadingTextColor);
|
||||
}
|
||||
.MuiDivider-root {
|
||||
border-color: rgb(255 255 255 / 12%);
|
||||
}
|
||||
|
||||
.MuiDialogContent-dividers {
|
||||
border-top: 1px solid var(--borderColor);
|
||||
border-bottom: 1px solid var(--borderColor);
|
||||
}
|
||||
|
||||
// top-navbar
|
||||
.top-navbar-for-dark {
|
||||
background-color: var(--cardBg);
|
||||
box-shadow: none;
|
||||
.ri-align-left {
|
||||
color: var(--darkHeadingTextColor);
|
||||
}
|
||||
}
|
||||
.dark-menu {
|
||||
background-color: var(--cardBg);
|
||||
}
|
||||
.search-form, .ls-search-form {
|
||||
input {
|
||||
background-color: var(--colorBlack);
|
||||
color: var(--darkHeadingTextColor);
|
||||
}
|
||||
}
|
||||
.for-dark-email, .for-dark-notification {
|
||||
&:hover {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
}
|
||||
|
||||
// LeftSidebarNav
|
||||
.LeftSidebarNav {
|
||||
background-color: var(--cardBg);
|
||||
box-shadow: none;
|
||||
}
|
||||
.black-logo {
|
||||
display: none;
|
||||
}
|
||||
.white-logo {
|
||||
display: inline-block;
|
||||
}
|
||||
.sidebarLinkActive {
|
||||
color: var(--darkHeadingTextColor);
|
||||
|
||||
span {
|
||||
color: var(--darkHeadingTextColor);
|
||||
}
|
||||
|
||||
svg {
|
||||
fill: var(--darkHeadingTextColor);
|
||||
}
|
||||
}
|
||||
|
||||
// for-dark-title
|
||||
.for-dark-bottom-border {
|
||||
border-bottom: 1px solid var(--borderColor);
|
||||
}
|
||||
.dark-border {
|
||||
border: 1px solid var(--borderColor);
|
||||
}
|
||||
|
||||
// apexcharts-legend-text
|
||||
.apexcharts-legend-text {
|
||||
color: var(--darkBodyTextColor) !important;
|
||||
}
|
||||
.apexcharts-tooltip.apexcharts-theme-light, .apexcharts-theme-dark {
|
||||
border: 1px solid #373a40;
|
||||
background-color: var(--cardBg);
|
||||
|
||||
.apexcharts-tooltip-title {
|
||||
background: var(--cardBg);
|
||||
border-bottom: 1px solid #373a40;
|
||||
color: var(--darkHeadingTextColor);
|
||||
}
|
||||
.apexcharts-tooltip-text-y-label, .apexcharts-tooltip-text-y-value {
|
||||
color: var(--darkHeadingTextColor);
|
||||
}
|
||||
}
|
||||
.apexcharts-yaxis, .apexcharts-xaxis {
|
||||
.apexcharts-text {
|
||||
fill: var(--darkBodyTextColor);
|
||||
}
|
||||
}
|
||||
.apexcharts-title-text {
|
||||
fill: var(--darkHeadingTextColor);
|
||||
}
|
||||
.apexcharts-graphical {
|
||||
.apexcharts-grid {
|
||||
.apexcharts-grid-row {
|
||||
fill: #1a1717;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.apexcharts-grid-borders {
|
||||
line {
|
||||
stroke: #424242;
|
||||
}
|
||||
}
|
||||
.apexcharts-gridline {
|
||||
stroke: #424242;
|
||||
}
|
||||
|
||||
// Recharts
|
||||
.recharts-text {
|
||||
fill: var(--darkBodyTextColor);
|
||||
}
|
||||
.recharts-cartesian-grid {
|
||||
.recharts-cartesian-grid-horizontal, .recharts-cartesian-grid-vertical {
|
||||
line {
|
||||
stroke: #424242;
|
||||
}
|
||||
}
|
||||
}
|
||||
.recharts-xAxis, .recharts-yAxis {
|
||||
line {
|
||||
stroke: #424242;
|
||||
}
|
||||
}
|
||||
|
||||
.for-dark-impressions {
|
||||
background-color: var(--cardBg);
|
||||
}
|
||||
|
||||
// dark-table
|
||||
.dark-table {
|
||||
thead {
|
||||
background-color: var(--colorBlack);
|
||||
tr {
|
||||
th {
|
||||
border-bottom: 1px solid var(--borderColor) !important;
|
||||
color: var(--darkHeadingTextColor);
|
||||
}
|
||||
}
|
||||
}
|
||||
tbody, tfoot {
|
||||
background-color: var(--bodyBg);
|
||||
tr {
|
||||
td, th {
|
||||
border-bottom: 1px solid var(--borderColor) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dark-data-table {
|
||||
border: 1px solid var(--borderColor);
|
||||
.MuiDataGrid-columnHeaders {
|
||||
border-bottom: 1px solid var(--borderColor);
|
||||
}
|
||||
.MuiDataGrid-row {
|
||||
.MuiDataGrid-cell {
|
||||
border-bottom: 1px solid var(--borderColor);
|
||||
}
|
||||
}
|
||||
.MuiDataGrid-footerContainer {
|
||||
border-top: 1px solid var(--borderColor);
|
||||
}
|
||||
}
|
||||
|
||||
.ss-table-toolbar, .ss-table-table-pagination {
|
||||
background-color: #1a1a1a;
|
||||
}
|
||||
|
||||
|
||||
// date-time-picker
|
||||
.MuiClock-root {
|
||||
.MuiButtonBase-root {
|
||||
span {
|
||||
color: #fff !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mantine-1qycoz3 {
|
||||
background-color: var(--colorBlack);
|
||||
border: 1px solid #464545;
|
||||
.mantine-bdajhj {
|
||||
background-color: #000;
|
||||
border-bottom: 1px solid #464545;
|
||||
}
|
||||
}
|
||||
|
||||
.for-dark-text-white {
|
||||
color: #fff !important;
|
||||
span {
|
||||
color: #fff !important;
|
||||
}
|
||||
}
|
||||
|
||||
// MuiAccordion-root
|
||||
.accordion-customization, .controlled-accordion {
|
||||
border-top: 1px solid var(--borderColor);
|
||||
border-left: 1px solid var(--borderColor);
|
||||
border-right: 1px solid var(--borderColor);
|
||||
|
||||
.MuiAccordionDetails-root {
|
||||
border-top: 1px solid var(--borderColor);
|
||||
}
|
||||
|
||||
.MuiButtonBase-root {
|
||||
.MuiAccordionSummary-expandIconWrapper {
|
||||
svg {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// mobile-stepper
|
||||
.mobile-stepper {
|
||||
.Mui-disabled {
|
||||
color: rgb(255 255 255 / 26%);
|
||||
}
|
||||
}
|
||||
|
||||
.MuiTabs-vertical {
|
||||
border-color: rgb(255 255 255 / 12%);
|
||||
}
|
||||
|
||||
.readEmail:hover {
|
||||
color: var(--darkHeadingTextColor);
|
||||
}
|
||||
|
||||
|
||||
// footer
|
||||
.footer {
|
||||
background-color: var(--cardBg);
|
||||
}
|
||||
}
|
||||
+1153
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+1062
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,10 @@
|
||||
.leftsidebardark .LeftSidebarNav {
|
||||
background-color: var(--cardBg);
|
||||
box-shadow: none;
|
||||
}
|
||||
.leftsidebardark .LeftSidebarNav .black-logo {
|
||||
display: none;
|
||||
}
|
||||
.leftsidebardark .LeftSidebarNav .white-logo {
|
||||
display: inline-block;
|
||||
}/*# sourceMappingURL=leftSidebarDark.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["leftSidebarDark.scss","leftSidebarDark.css"],"names":[],"mappings":"AACE;EACE,+BAAA;EACA,gBAAA;ACAJ;ADEI;EACE,aAAA;ACAN;ADEI;EACE,qBAAA;ACAN","file":"leftSidebarDark.css"}
|
||||
@@ -0,0 +1,13 @@
|
||||
.leftsidebardark {
|
||||
.LeftSidebarNav {
|
||||
background-color: var(--cardBg);
|
||||
box-shadow: none;
|
||||
|
||||
.black-logo {
|
||||
display: none;
|
||||
}
|
||||
.white-logo {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
+760
@@ -0,0 +1,760 @@
|
||||
[dir=rtl] table, [dir=rtl] th, [dir=rtl] tr, [dir=rtl] td {
|
||||
text-align: right;
|
||||
}
|
||||
[dir=rtl] .float-left {
|
||||
float: initial;
|
||||
float: right;
|
||||
}
|
||||
[dir=rtl] .float-right {
|
||||
float: initial;
|
||||
float: left;
|
||||
}
|
||||
[dir=rtl] .ml-auto {
|
||||
margin-left: 0 !important;
|
||||
margin-right: auto !important;
|
||||
}
|
||||
[dir=rtl] .ml-1 {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 8px !important;
|
||||
}
|
||||
[dir=rtl] .ml-2 {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 16px !important;
|
||||
}
|
||||
[dir=rtl] .ml-3 {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 24px !important;
|
||||
}
|
||||
[dir=rtl] .ml-4 {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 32px !important;
|
||||
}
|
||||
[dir=rtl] .ml-5 {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 40px !important;
|
||||
}
|
||||
[dir=rtl] .mr-1 {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 8px !important;
|
||||
}
|
||||
[dir=rtl] .mr-2 {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 16px !important;
|
||||
}
|
||||
[dir=rtl] .mr-3 {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 24px !important;
|
||||
}
|
||||
[dir=rtl] .mr-4 {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 32px !important;
|
||||
}
|
||||
[dir=rtl] .mr-5 {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 40px !important;
|
||||
}
|
||||
[dir=rtl] .ml-5px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 5px !important;
|
||||
}
|
||||
[dir=rtl] .ml-6px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 6px !important;
|
||||
}
|
||||
[dir=rtl] .ml-7px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 7px !important;
|
||||
}
|
||||
[dir=rtl] .ml-8px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 8px !important;
|
||||
}
|
||||
[dir=rtl] .ml-9px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 9px !important;
|
||||
}
|
||||
[dir=rtl] .ml-10px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
[dir=rtl] .ml-11px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 11px !important;
|
||||
}
|
||||
[dir=rtl] .ml-12px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 12px !important;
|
||||
}
|
||||
[dir=rtl] .ml-13px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 13px !important;
|
||||
}
|
||||
[dir=rtl] .ml-14px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 14px !important;
|
||||
}
|
||||
[dir=rtl] .ml-15px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 15px !important;
|
||||
}
|
||||
[dir=rtl] .ml-16px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 16px !important;
|
||||
}
|
||||
[dir=rtl] .ml-17px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 17px !important;
|
||||
}
|
||||
[dir=rtl] .ml-18px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 18px !important;
|
||||
}
|
||||
[dir=rtl] .ml-19px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 19px !important;
|
||||
}
|
||||
[dir=rtl] .ml-20px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 20px !important;
|
||||
}
|
||||
[dir=rtl] .ml-21px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 21px !important;
|
||||
}
|
||||
[dir=rtl] .ml-22px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 22px !important;
|
||||
}
|
||||
[dir=rtl] .ml-23px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 23px !important;
|
||||
}
|
||||
[dir=rtl] .ml-24px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 24px !important;
|
||||
}
|
||||
[dir=rtl] .ml-25px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 25px !important;
|
||||
}
|
||||
[dir=rtl] .ml-26px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 26px !important;
|
||||
}
|
||||
[dir=rtl] .ml-27px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 27px !important;
|
||||
}
|
||||
[dir=rtl] .ml-28px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 28px !important;
|
||||
}
|
||||
[dir=rtl] .ml-29px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 29px !important;
|
||||
}
|
||||
[dir=rtl] .ml-30px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 30px !important;
|
||||
}
|
||||
[dir=rtl] .mr-5px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 5px !important;
|
||||
}
|
||||
[dir=rtl] .mr-6px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 6px !important;
|
||||
}
|
||||
[dir=rtl] .mr-7px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 7px !important;
|
||||
}
|
||||
[dir=rtl] .ml-8px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 8px !important;
|
||||
}
|
||||
[dir=rtl] .mr-9px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 9px !important;
|
||||
}
|
||||
[dir=rtl] .mr-10px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 10px !important;
|
||||
}
|
||||
[dir=rtl] .mr-11px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 11px !important;
|
||||
}
|
||||
[dir=rtl] .mr-12px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 12px !important;
|
||||
}
|
||||
[dir=rtl] .mr-13px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 13px !important;
|
||||
}
|
||||
[dir=rtl] .mr-14px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 14px !important;
|
||||
}
|
||||
[dir=rtl] .mr-15px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 15px !important;
|
||||
}
|
||||
[dir=rtl] .mr-16px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 16px !important;
|
||||
}
|
||||
[dir=rtl] .mr-17px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 17px !important;
|
||||
}
|
||||
[dir=rtl] .mr-18px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 18px !important;
|
||||
}
|
||||
[dir=rtl] .mr-19px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 19px !important;
|
||||
}
|
||||
[dir=rtl] .mr-20px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 20px !important;
|
||||
}
|
||||
[dir=rtl] .mr-21px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 21px !important;
|
||||
}
|
||||
[dir=rtl] .mr-22px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 22px !important;
|
||||
}
|
||||
[dir=rtl] .mr-23px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 23px !important;
|
||||
}
|
||||
[dir=rtl] .mr-24px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 24px !important;
|
||||
}
|
||||
[dir=rtl] .mr-25px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 25px !important;
|
||||
}
|
||||
[dir=rtl] .mr-26px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 26px !important;
|
||||
}
|
||||
[dir=rtl] .mr-27px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 27px !important;
|
||||
}
|
||||
[dir=rtl] .mr-28px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 28px !important;
|
||||
}
|
||||
[dir=rtl] .mr-29px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 29px !important;
|
||||
}
|
||||
[dir=rtl] .mr-30px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 30px !important;
|
||||
}
|
||||
[dir=rtl] .pr-5px {
|
||||
padding-right: 0;
|
||||
padding-left: 5px;
|
||||
}
|
||||
[dir=rtl] .pr-6px {
|
||||
padding-right: 0;
|
||||
padding-left: 6px;
|
||||
}
|
||||
[dir=rtl] .pr-7px {
|
||||
padding-right: 0;
|
||||
padding-left: 7px;
|
||||
}
|
||||
[dir=rtl] .pr-8px {
|
||||
padding-right: 0;
|
||||
padding-left: 8px;
|
||||
}
|
||||
[dir=rtl] .pr-9px {
|
||||
padding-right: 0;
|
||||
padding-left: 9px;
|
||||
}
|
||||
[dir=rtl] .pr-10px {
|
||||
padding-right: 0;
|
||||
padding-left: 10px;
|
||||
}
|
||||
[dir=rtl] .pr-11px {
|
||||
padding-right: 0;
|
||||
padding-left: 11px;
|
||||
}
|
||||
[dir=rtl] .pr-12px {
|
||||
padding-right: 0;
|
||||
padding-left: 12px;
|
||||
}
|
||||
[dir=rtl] .pr-13px {
|
||||
padding-right: 0;
|
||||
padding-left: 13px;
|
||||
}
|
||||
[dir=rtl] .pr-14px {
|
||||
padding-right: 0;
|
||||
padding-left: 14px;
|
||||
}
|
||||
[dir=rtl] .pr-15px {
|
||||
padding-right: 0;
|
||||
padding-left: 15px;
|
||||
}
|
||||
[dir=rtl] .pr-16px {
|
||||
padding-right: 0;
|
||||
padding-left: 16px;
|
||||
}
|
||||
[dir=rtl] .pr-17px {
|
||||
padding-right: 0;
|
||||
padding-left: 17px;
|
||||
}
|
||||
[dir=rtl] .pr-18px {
|
||||
padding-right: 0;
|
||||
padding-left: 18px;
|
||||
}
|
||||
[dir=rtl] .pr-19px {
|
||||
padding-right: 0;
|
||||
padding-left: 19px;
|
||||
}
|
||||
[dir=rtl] .pr-20px {
|
||||
padding-right: 0;
|
||||
padding-left: 20px;
|
||||
}
|
||||
[dir=rtl] .pr-21px {
|
||||
padding-right: 0;
|
||||
padding-left: 21px;
|
||||
}
|
||||
[dir=rtl] .pr-22px {
|
||||
padding-right: 0;
|
||||
padding-left: 22px;
|
||||
}
|
||||
[dir=rtl] .pr-23px {
|
||||
padding-right: 0;
|
||||
padding-left: 23px;
|
||||
}
|
||||
[dir=rtl] .pr-24px {
|
||||
padding-right: 0;
|
||||
padding-left: 24px;
|
||||
}
|
||||
[dir=rtl] .pr-25px {
|
||||
padding-right: 0;
|
||||
padding-left: 25px;
|
||||
}
|
||||
[dir=rtl] .pr-26px {
|
||||
padding-right: 0;
|
||||
padding-left: 26px;
|
||||
}
|
||||
[dir=rtl] .pr-27px {
|
||||
padding-right: 0;
|
||||
padding-left: 27px;
|
||||
}
|
||||
[dir=rtl] .pr-28px {
|
||||
padding-right: 0;
|
||||
padding-left: 28px;
|
||||
}
|
||||
[dir=rtl] .pr-29px {
|
||||
padding-right: 0;
|
||||
padding-left: 29px;
|
||||
}
|
||||
[dir=rtl] .pr-30px {
|
||||
padding-right: 0;
|
||||
padding-left: 30px;
|
||||
}
|
||||
[dir=rtl] .pr-35px {
|
||||
padding-right: 0;
|
||||
padding-left: 35px;
|
||||
}
|
||||
[dir=rtl] .pr-40px {
|
||||
padding-right: 0;
|
||||
padding-left: 40px;
|
||||
}
|
||||
[dir=rtl] .pr-45px {
|
||||
padding-right: 0;
|
||||
padding-left: 45px;
|
||||
}
|
||||
[dir=rtl] .pr-50px {
|
||||
padding-right: 0;
|
||||
padding-left: 50px;
|
||||
}
|
||||
[dir=rtl] .pr-55px {
|
||||
padding-right: 0;
|
||||
padding-left: 55px;
|
||||
}
|
||||
[dir=rtl] .pr-60px {
|
||||
padding-right: 0;
|
||||
padding-left: 60px;
|
||||
}
|
||||
[dir=rtl] .pl-5px {
|
||||
padding-left: 0;
|
||||
padding-right: 5px;
|
||||
}
|
||||
[dir=rtl] .pl-6px {
|
||||
padding-left: 0;
|
||||
padding-right: 6px;
|
||||
}
|
||||
[dir=rtl] .pl-7px {
|
||||
padding-left: 0;
|
||||
padding-right: 7px;
|
||||
}
|
||||
[dir=rtl] .pl-8px {
|
||||
padding-left: 0;
|
||||
padding-right: 8px;
|
||||
}
|
||||
[dir=rtl] .pl-9px {
|
||||
padding-left: 0;
|
||||
padding-right: 9px;
|
||||
}
|
||||
[dir=rtl] .pl-10px {
|
||||
padding-left: 0;
|
||||
padding-right: 10px;
|
||||
}
|
||||
[dir=rtl] .pl-11px {
|
||||
padding-left: 0;
|
||||
padding-right: 11px;
|
||||
}
|
||||
[dir=rtl] .pl-12px {
|
||||
padding-left: 0;
|
||||
padding-right: 12px;
|
||||
}
|
||||
[dir=rtl] .pl-13px {
|
||||
padding-left: 0;
|
||||
padding-right: 13px;
|
||||
}
|
||||
[dir=rtl] .pl-14px {
|
||||
padding-left: 0;
|
||||
padding-right: 14px;
|
||||
}
|
||||
[dir=rtl] .pl-15px {
|
||||
padding-left: 0;
|
||||
padding-right: 15px;
|
||||
}
|
||||
[dir=rtl] .pl-16px {
|
||||
padding-left: 0;
|
||||
padding-right: 16px;
|
||||
}
|
||||
[dir=rtl] .pl-17px {
|
||||
padding-left: 0;
|
||||
padding-right: 17px;
|
||||
}
|
||||
[dir=rtl] .pl-18px {
|
||||
padding-left: 0;
|
||||
padding-right: 18px;
|
||||
}
|
||||
[dir=rtl] .pl-19px {
|
||||
padding-left: 0;
|
||||
padding-right: 19px;
|
||||
}
|
||||
[dir=rtl] .pl-20px {
|
||||
padding-left: 0;
|
||||
padding-right: 20px;
|
||||
}
|
||||
[dir=rtl] .pl-21px {
|
||||
padding-left: 0;
|
||||
padding-right: 21px;
|
||||
}
|
||||
[dir=rtl] .pl-22px {
|
||||
padding-left: 0;
|
||||
padding-right: 22px;
|
||||
}
|
||||
[dir=rtl] .pl-23px {
|
||||
padding-left: 0;
|
||||
padding-right: 23px;
|
||||
}
|
||||
[dir=rtl] .pl-24px {
|
||||
padding-left: 0;
|
||||
padding-right: 24px;
|
||||
}
|
||||
[dir=rtl] .pl-25px {
|
||||
padding-left: 0;
|
||||
padding-right: 25px;
|
||||
}
|
||||
[dir=rtl] .pl-26px {
|
||||
padding-left: 0;
|
||||
padding-right: 26px;
|
||||
}
|
||||
[dir=rtl] .pl-27px {
|
||||
padding-left: 0;
|
||||
padding-right: 27px;
|
||||
}
|
||||
[dir=rtl] .pl-28px {
|
||||
padding-left: 0;
|
||||
padding-right: 28px;
|
||||
}
|
||||
[dir=rtl] .pl-29px {
|
||||
padding-left: 0;
|
||||
padding-right: 29px;
|
||||
}
|
||||
[dir=rtl] .pl-30px {
|
||||
padding-left: 0;
|
||||
padding-right: 30px;
|
||||
}
|
||||
[dir=rtl] .pl-35px {
|
||||
padding-left: 0;
|
||||
padding-right: 35px;
|
||||
}
|
||||
[dir=rtl] .pl-40px {
|
||||
padding-left: 0;
|
||||
padding-right: 40px;
|
||||
}
|
||||
[dir=rtl] .pl-45px {
|
||||
padding-left: 0;
|
||||
padding-right: 45px;
|
||||
}
|
||||
[dir=rtl] .pl-50px {
|
||||
padding-left: 0;
|
||||
padding-right: 50px;
|
||||
}
|
||||
[dir=rtl] .pl-55px {
|
||||
padding-left: 0;
|
||||
padding-right: 55px;
|
||||
}
|
||||
[dir=rtl] .pl-60px {
|
||||
padding-left: 0;
|
||||
padding-right: 60px;
|
||||
}
|
||||
[dir=rtl] .right-5px {
|
||||
right: auto;
|
||||
left: 5px;
|
||||
}
|
||||
[dir=rtl] .right-6px {
|
||||
right: auto;
|
||||
left: 6px;
|
||||
}
|
||||
[dir=rtl] .right-7px {
|
||||
right: auto;
|
||||
left: 7px;
|
||||
}
|
||||
[dir=rtl] .right-8px {
|
||||
right: auto;
|
||||
left: 8px;
|
||||
}
|
||||
[dir=rtl] .right-9px {
|
||||
right: auto;
|
||||
left: 9px;
|
||||
}
|
||||
[dir=rtl] .right-10px {
|
||||
right: auto;
|
||||
left: 10px;
|
||||
}
|
||||
[dir=rtl] .right-11px {
|
||||
right: auto;
|
||||
left: 11px;
|
||||
}
|
||||
[dir=rtl] .right-12px {
|
||||
right: auto;
|
||||
left: 12px;
|
||||
}
|
||||
[dir=rtl] .right-13px {
|
||||
right: auto;
|
||||
left: 13px;
|
||||
}
|
||||
[dir=rtl] .right-14px {
|
||||
right: auto;
|
||||
left: 14px;
|
||||
}
|
||||
[dir=rtl] .right-15px {
|
||||
right: auto;
|
||||
left: 15px;
|
||||
}
|
||||
[dir=rtl] .right-16px {
|
||||
right: auto;
|
||||
left: 16px;
|
||||
}
|
||||
[dir=rtl] .right-17px {
|
||||
right: auto;
|
||||
left: 17px;
|
||||
}
|
||||
[dir=rtl] .right-18px {
|
||||
right: auto;
|
||||
left: 18px;
|
||||
}
|
||||
[dir=rtl] .right-19px {
|
||||
right: auto;
|
||||
left: 19px;
|
||||
}
|
||||
[dir=rtl] .right-20px {
|
||||
right: auto;
|
||||
left: 20px;
|
||||
}
|
||||
[dir=rtl] .right-21px {
|
||||
right: auto;
|
||||
left: 21px;
|
||||
}
|
||||
[dir=rtl] .right-22px {
|
||||
right: auto;
|
||||
left: 22px;
|
||||
}
|
||||
[dir=rtl] .right-23px {
|
||||
right: auto;
|
||||
left: 23px;
|
||||
}
|
||||
[dir=rtl] .right-24px {
|
||||
right: auto;
|
||||
left: 24px;
|
||||
}
|
||||
[dir=rtl] .right-25px {
|
||||
right: auto;
|
||||
left: 25px;
|
||||
}
|
||||
[dir=rtl] .right-26px {
|
||||
right: auto;
|
||||
left: 27px;
|
||||
}
|
||||
[dir=rtl] .right-28px {
|
||||
right: auto;
|
||||
left: 28px;
|
||||
}
|
||||
[dir=rtl] .right-29px {
|
||||
right: auto;
|
||||
left: 29px;
|
||||
}
|
||||
[dir=rtl] .right-30px {
|
||||
right: auto;
|
||||
left: 30px;
|
||||
}
|
||||
[dir=rtl] .search-form {
|
||||
margin-right: 20px;
|
||||
margin-left: 0;
|
||||
}
|
||||
[dir=rtl] .LeftSidebarNav {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
[dir=rtl] .main-wrapper-content {
|
||||
padding-left: 0;
|
||||
padding-right: 330px;
|
||||
}
|
||||
[dir=rtl] .main-wrapper-content .main-content {
|
||||
padding-right: 0;
|
||||
padding-left: 30px;
|
||||
}
|
||||
[dir=rtl] .main-wrapper-content.active {
|
||||
padding-right: 30px;
|
||||
}
|
||||
[dir=rtl] .main-wrapper-content.active .LeftSidebarNav {
|
||||
left: auto;
|
||||
right: -100%;
|
||||
}
|
||||
@media only screen and (max-width: 767px) {
|
||||
[dir=rtl] .main-wrapper-content .main-content {
|
||||
padding-left: 15px !important;
|
||||
padding-right: 15px !important;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1199px) {
|
||||
[dir=rtl] .main-wrapper-content {
|
||||
padding: 0;
|
||||
}
|
||||
[dir=rtl] .main-wrapper-content .LeftSidebarNav {
|
||||
left: auto;
|
||||
right: -100%;
|
||||
width: 280px;
|
||||
}
|
||||
[dir=rtl] .main-wrapper-content .main-content {
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
[dir=rtl] .main-wrapper-content.active {
|
||||
padding: 0;
|
||||
}
|
||||
[dir=rtl] .main-wrapper-content.active .LeftSidebarNav {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .apexcharts-legend-marker {
|
||||
margin-right: 0;
|
||||
margin-left: 3px;
|
||||
}
|
||||
[dir=rtl] .apexcharts-yaxis, [dir=rtl] .apexcharts-subtitle-text, [dir=rtl] .apexcharts-title-text {
|
||||
direction: ltr;
|
||||
}
|
||||
[dir=rtl] .css-1qlw4ct-MuiPaper-root-MuiMenu-paper-MuiPaper-root-MuiPopover-paper:before, [dir=rtl] .css-1mpld98-MuiPaper-root-MuiMenu-paper-MuiPaper-root-MuiPopover-paper:before {
|
||||
display: none;
|
||||
}
|
||||
[dir=rtl] .recharts-legend-item .recharts-surface {
|
||||
margin-right: 0;
|
||||
margin-left: 4px;
|
||||
}
|
||||
[dir=rtl] .ls-search-form input.MuiInputBase-input {
|
||||
padding-right: 15px;
|
||||
}
|
||||
[dir=rtl] .ls-search-form .search-btn {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
[dir=rtl] .css-s2uf1z {
|
||||
text-align: left;
|
||||
}
|
||||
[dir=rtl] .MuiAlert-icon {
|
||||
margin-right: 0;
|
||||
margin-left: 12px;
|
||||
}
|
||||
[dir=rtl] .input-label label {
|
||||
left: auto;
|
||||
right: 0;
|
||||
transform: translate(-15px, 16px) scale(1);
|
||||
}
|
||||
[dir=rtl] .css-b1hphm-MuiButtonBase-root-MuiChip-root .MuiChip-deleteIcon {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
[dir=rtl] .avatars-gap .MuiAvatar-root {
|
||||
margin-left: 16px;
|
||||
}
|
||||
[dir=rtl] .avatars-gap .MuiAvatar-root:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
[dir=rtl] .gadge-gap .MuiBadge-root {
|
||||
margin-left: 16px;
|
||||
}
|
||||
[dir=rtl] .gadge-gap .MuiBadge-root:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
[dir=rtl] .MuiButtonBase-root .MuiButton-startIcon {
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
[dir=rtl] .MuiAlert-root .css-ki1hdl-MuiAlert-action {
|
||||
margin-left: -8px;
|
||||
margin-right: auto;
|
||||
}
|
||||
[dir=rtl] .chip-gap-for-rtl .MuiChip-root {
|
||||
margin-left: 0;
|
||||
margin-right: 15px;
|
||||
}
|
||||
[dir=rtl] .chip-gap-for-rtl .MuiChip-root:first-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
[dir=rtl] .direction-ltr {
|
||||
direction: ltr;
|
||||
}
|
||||
[dir=rtl] .rtl-step-label .MuiStepLabel-iconContainer {
|
||||
padding-right: 0;
|
||||
padding-left: 10px;
|
||||
}
|
||||
[dir=rtl] .scroll-to-top i {
|
||||
right: auto;
|
||||
left: 20px;
|
||||
}
|
||||
[dir=rtl] .control-panel-modal {
|
||||
right: auto;
|
||||
left: -100%;
|
||||
}
|
||||
[dir=rtl] .control-panel-modal.show {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
[dir=rtl] .control-panel-modal .settings-btn {
|
||||
right: auto;
|
||||
left: 15px;
|
||||
}
|
||||
[dir=rtl] .control-panel-dialog {
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}/*# sourceMappingURL=rtl.css.map */
|
||||
File diff suppressed because one or more lines are too long
+833
@@ -0,0 +1,833 @@
|
||||
[dir="rtl"] {
|
||||
|
||||
table, th, tr, td {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
// Float
|
||||
.float-left {
|
||||
float: initial;
|
||||
float: right;
|
||||
}
|
||||
.float-right {
|
||||
float: initial;
|
||||
float: left;
|
||||
}
|
||||
|
||||
// Margin Left
|
||||
.ml-auto {
|
||||
margin-left: 0 !important;
|
||||
margin-right: auto !important;
|
||||
}
|
||||
.ml-1 {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 8px !important;
|
||||
}
|
||||
.ml-2 {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 16px !important;
|
||||
}
|
||||
.ml-3 {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 24px !important;
|
||||
}
|
||||
.ml-4 {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 32px !important;
|
||||
}
|
||||
.ml-5 {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 40px !important;
|
||||
}
|
||||
|
||||
// Margin Right
|
||||
.mr-1 {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 8px !important;
|
||||
}
|
||||
.mr-2 {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 16px !important;
|
||||
}
|
||||
.mr-3 {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 24px !important;
|
||||
}
|
||||
.mr-4 {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 32px !important;
|
||||
}
|
||||
.mr-5 {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 40px !important;
|
||||
}
|
||||
|
||||
// Margin Left
|
||||
.ml-5px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 5px !important;
|
||||
}
|
||||
.ml-6px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 6px !important;
|
||||
}
|
||||
.ml-7px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 7px !important;
|
||||
}
|
||||
.ml-8px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 8px !important;
|
||||
}
|
||||
.ml-9px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 9px !important;
|
||||
}
|
||||
.ml-10px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
.ml-11px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 11px !important;
|
||||
}
|
||||
.ml-12px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 12px !important;
|
||||
}
|
||||
.ml-13px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 13px !important;
|
||||
}
|
||||
.ml-14px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 14px !important;
|
||||
}
|
||||
.ml-15px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 15px !important;
|
||||
}
|
||||
.ml-16px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 16px !important;
|
||||
}
|
||||
.ml-17px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 17px !important;
|
||||
}
|
||||
.ml-18px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 18px !important;
|
||||
}
|
||||
.ml-19px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 19px !important;
|
||||
}
|
||||
.ml-20px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 20px !important;
|
||||
}
|
||||
.ml-21px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 21px !important;
|
||||
}
|
||||
.ml-22px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 22px !important;
|
||||
}
|
||||
.ml-23px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 23px !important;
|
||||
}
|
||||
.ml-24px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 24px !important;
|
||||
}
|
||||
.ml-25px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 25px !important;
|
||||
}
|
||||
.ml-26px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 26px !important;
|
||||
}
|
||||
.ml-27px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 27px !important;
|
||||
}
|
||||
.ml-28px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 28px !important;
|
||||
}
|
||||
.ml-29px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 29px !important;
|
||||
}
|
||||
.ml-30px {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 30px !important;
|
||||
}
|
||||
|
||||
// Margin Right
|
||||
.mr-5px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 5px !important;
|
||||
}
|
||||
.mr-6px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 6px !important;
|
||||
}
|
||||
.mr-7px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 7px !important;
|
||||
}
|
||||
.ml-8px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 8px !important;
|
||||
}
|
||||
.mr-9px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 9px !important;
|
||||
}
|
||||
.mr-10px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 10px !important;
|
||||
}
|
||||
.mr-11px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 11px !important;
|
||||
}
|
||||
.mr-12px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 12px !important;
|
||||
}
|
||||
.mr-13px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 13px !important;
|
||||
}
|
||||
.mr-14px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 14px !important;
|
||||
}
|
||||
.mr-15px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 15px !important;
|
||||
}
|
||||
.mr-16px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 16px !important;
|
||||
}
|
||||
.mr-17px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 17px !important;
|
||||
}
|
||||
.mr-18px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 18px !important;
|
||||
}
|
||||
.mr-19px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 19px !important;
|
||||
}
|
||||
.mr-20px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 20px !important;
|
||||
}
|
||||
.mr-21px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 21px !important;
|
||||
}
|
||||
.mr-22px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 22px !important;
|
||||
}
|
||||
.mr-23px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 23px !important;
|
||||
}
|
||||
.mr-24px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 24px !important;
|
||||
}
|
||||
.mr-25px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 25px !important;
|
||||
}
|
||||
.mr-26px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 26px !important;
|
||||
}
|
||||
.mr-27px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 27px !important;
|
||||
}
|
||||
.mr-28px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 28px !important;
|
||||
}
|
||||
.mr-29px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 29px !important;
|
||||
}
|
||||
.mr-30px {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 30px !important;
|
||||
}
|
||||
|
||||
// Padding Right
|
||||
.pr-5px {
|
||||
padding-right: 0;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.pr-6px {
|
||||
padding-right: 0;
|
||||
padding-left: 6px;
|
||||
}
|
||||
.pr-7px {
|
||||
padding-right: 0;
|
||||
padding-left: 7px;
|
||||
}
|
||||
.pr-8px {
|
||||
padding-right: 0;
|
||||
padding-left: 8px;
|
||||
}
|
||||
.pr-9px {
|
||||
padding-right: 0;
|
||||
padding-left: 9px;
|
||||
}
|
||||
.pr-10px {
|
||||
padding-right: 0;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.pr-11px {
|
||||
padding-right: 0;
|
||||
padding-left: 11px;
|
||||
}
|
||||
.pr-12px {
|
||||
padding-right: 0;
|
||||
padding-left: 12px;
|
||||
}
|
||||
.pr-13px {
|
||||
padding-right: 0;
|
||||
padding-left: 13px;
|
||||
}
|
||||
.pr-14px {
|
||||
padding-right: 0;
|
||||
padding-left: 14px;
|
||||
}
|
||||
.pr-15px {
|
||||
padding-right: 0;
|
||||
padding-left: 15px;
|
||||
}
|
||||
.pr-16px {
|
||||
padding-right: 0;
|
||||
padding-left: 16px;
|
||||
}
|
||||
.pr-17px {
|
||||
padding-right: 0;
|
||||
padding-left: 17px;
|
||||
}
|
||||
.pr-18px {
|
||||
padding-right: 0;
|
||||
padding-left: 18px;
|
||||
}
|
||||
.pr-19px {
|
||||
padding-right: 0;
|
||||
padding-left: 19px;
|
||||
}
|
||||
.pr-20px {
|
||||
padding-right: 0;
|
||||
padding-left: 20px;
|
||||
}
|
||||
.pr-21px {
|
||||
padding-right: 0;
|
||||
padding-left: 21px;
|
||||
}
|
||||
.pr-22px {
|
||||
padding-right: 0;
|
||||
padding-left: 22px;
|
||||
}
|
||||
.pr-23px {
|
||||
padding-right: 0;
|
||||
padding-left: 23px;
|
||||
}
|
||||
.pr-24px {
|
||||
padding-right: 0;
|
||||
padding-left: 24px;
|
||||
}
|
||||
.pr-25px {
|
||||
padding-right: 0;
|
||||
padding-left: 25px;
|
||||
}
|
||||
.pr-26px {
|
||||
padding-right: 0;
|
||||
padding-left: 26px;
|
||||
}
|
||||
.pr-27px {
|
||||
padding-right: 0;
|
||||
padding-left: 27px;
|
||||
}
|
||||
.pr-28px {
|
||||
padding-right: 0;
|
||||
padding-left: 28px;
|
||||
}
|
||||
.pr-29px {
|
||||
padding-right: 0;
|
||||
padding-left: 29px;
|
||||
}
|
||||
.pr-30px {
|
||||
padding-right: 0;
|
||||
padding-left: 30px;
|
||||
}
|
||||
.pr-35px {
|
||||
padding-right: 0;
|
||||
padding-left: 35px;
|
||||
}
|
||||
.pr-40px {
|
||||
padding-right: 0;
|
||||
padding-left: 40px;
|
||||
}
|
||||
.pr-45px {
|
||||
padding-right: 0;
|
||||
padding-left: 45px;
|
||||
}
|
||||
.pr-50px {
|
||||
padding-right: 0;
|
||||
padding-left: 50px;
|
||||
}
|
||||
.pr-55px {
|
||||
padding-right: 0;
|
||||
padding-left: 55px;
|
||||
}
|
||||
.pr-60px {
|
||||
padding-right: 0;
|
||||
padding-left: 60px;
|
||||
}
|
||||
|
||||
// Padding Left
|
||||
.pl-5px {
|
||||
padding-left: 0;
|
||||
padding-right: 5px;
|
||||
}
|
||||
.pl-6px {
|
||||
padding-left: 0;
|
||||
padding-right: 6px;
|
||||
}
|
||||
.pl-7px {
|
||||
padding-left: 0;
|
||||
padding-right: 7px;
|
||||
}
|
||||
.pl-8px {
|
||||
padding-left: 0;
|
||||
padding-right: 8px;
|
||||
}
|
||||
.pl-9px {
|
||||
padding-left: 0;
|
||||
padding-right: 9px;
|
||||
}
|
||||
.pl-10px {
|
||||
padding-left: 0;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.pl-11px {
|
||||
padding-left: 0;
|
||||
padding-right: 11px;
|
||||
}
|
||||
.pl-12px {
|
||||
padding-left: 0;
|
||||
padding-right: 12px;
|
||||
}
|
||||
.pl-13px {
|
||||
padding-left: 0;
|
||||
padding-right: 13px;
|
||||
}
|
||||
.pl-14px {
|
||||
padding-left: 0;
|
||||
padding-right: 14px;
|
||||
}
|
||||
.pl-15px {
|
||||
padding-left: 0;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.pl-16px {
|
||||
padding-left: 0;
|
||||
padding-right: 16px;
|
||||
}
|
||||
.pl-17px {
|
||||
padding-left: 0;
|
||||
padding-right: 17px;
|
||||
}
|
||||
.pl-18px {
|
||||
padding-left: 0;
|
||||
padding-right: 18px;
|
||||
}
|
||||
.pl-19px {
|
||||
padding-left: 0;
|
||||
padding-right: 19px;
|
||||
}
|
||||
.pl-20px {
|
||||
padding-left: 0;
|
||||
padding-right: 20px;
|
||||
}
|
||||
.pl-21px {
|
||||
padding-left: 0;
|
||||
padding-right: 21px;
|
||||
}
|
||||
.pl-22px {
|
||||
padding-left: 0;
|
||||
padding-right: 22px;
|
||||
}
|
||||
.pl-23px {
|
||||
padding-left: 0;
|
||||
padding-right: 23px;
|
||||
}
|
||||
.pl-24px {
|
||||
padding-left: 0;
|
||||
padding-right: 24px;
|
||||
}
|
||||
.pl-25px {
|
||||
padding-left: 0;
|
||||
padding-right: 25px;
|
||||
}
|
||||
.pl-26px {
|
||||
padding-left: 0;
|
||||
padding-right: 26px;
|
||||
}
|
||||
.pl-27px {
|
||||
padding-left: 0;
|
||||
padding-right: 27px;
|
||||
}
|
||||
.pl-28px {
|
||||
padding-left: 0;
|
||||
padding-right: 28px;
|
||||
}
|
||||
.pl-29px {
|
||||
padding-left: 0;
|
||||
padding-right: 29px;
|
||||
}
|
||||
.pl-30px {
|
||||
padding-left: 0;
|
||||
padding-right: 30px;
|
||||
}
|
||||
.pl-35px {
|
||||
padding-left: 0;
|
||||
padding-right: 35px;
|
||||
}
|
||||
.pl-40px {
|
||||
padding-left: 0;
|
||||
padding-right: 40px;
|
||||
}
|
||||
.pl-45px {
|
||||
padding-left: 0;
|
||||
padding-right: 45px;
|
||||
}
|
||||
.pl-50px {
|
||||
padding-left: 0;
|
||||
padding-right: 50px;
|
||||
}
|
||||
.pl-55px {
|
||||
padding-left: 0;
|
||||
padding-right: 55px;
|
||||
}
|
||||
.pl-60px {
|
||||
padding-left: 0;
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
// Right
|
||||
.right-5px {
|
||||
right: auto;
|
||||
left: 5px;
|
||||
}
|
||||
.right-6px {
|
||||
right: auto;
|
||||
left: 6px;
|
||||
}
|
||||
.right-7px {
|
||||
right: auto;
|
||||
left: 7px;
|
||||
}
|
||||
.right-8px {
|
||||
right: auto;
|
||||
left: 8px;
|
||||
}
|
||||
.right-9px {
|
||||
right: auto;
|
||||
left: 9px;
|
||||
}
|
||||
.right-10px {
|
||||
right: auto;
|
||||
left: 10px;
|
||||
}
|
||||
.right-11px {
|
||||
right: auto;
|
||||
left: 11px;
|
||||
}
|
||||
.right-12px {
|
||||
right: auto;
|
||||
left: 12px;
|
||||
}
|
||||
.right-13px {
|
||||
right: auto;
|
||||
left: 13px;
|
||||
}
|
||||
.right-14px {
|
||||
right: auto;
|
||||
left: 14px;
|
||||
}
|
||||
.right-15px {
|
||||
right: auto;
|
||||
left: 15px;
|
||||
}
|
||||
.right-16px {
|
||||
right: auto;
|
||||
left: 16px;
|
||||
}
|
||||
.right-17px {
|
||||
right: auto;
|
||||
left: 17px;
|
||||
}
|
||||
.right-18px {
|
||||
right: auto;
|
||||
left: 18px;
|
||||
}
|
||||
.right-19px {
|
||||
right: auto;
|
||||
left: 19px;
|
||||
}
|
||||
.right-20px {
|
||||
right: auto;
|
||||
left: 20px;
|
||||
}
|
||||
.right-21px {
|
||||
right: auto;
|
||||
left: 21px;
|
||||
}
|
||||
.right-22px {
|
||||
right: auto;
|
||||
left: 22px;
|
||||
}
|
||||
.right-23px {
|
||||
right: auto;
|
||||
left: 23px;
|
||||
}
|
||||
.right-24px {
|
||||
right: auto;
|
||||
left: 24px;
|
||||
}
|
||||
.right-25px {
|
||||
right: auto;
|
||||
left: 25px;
|
||||
}
|
||||
.right-26px {
|
||||
right: auto;
|
||||
left: 27px;
|
||||
}
|
||||
.right-28px {
|
||||
right: auto;
|
||||
left: 28px;
|
||||
}
|
||||
.right-29px {
|
||||
right: auto;
|
||||
left: 29px;
|
||||
}
|
||||
.right-30px {
|
||||
right: auto;
|
||||
left: 30px;
|
||||
}
|
||||
|
||||
// Top Navbar
|
||||
.search-form {
|
||||
margin-right: 20px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
// LeftSidebarNav
|
||||
.LeftSidebarNav {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
// main-wrapper-content
|
||||
.main-wrapper-content {
|
||||
padding-left: 0;
|
||||
padding-right: 330px;
|
||||
.main-content {
|
||||
padding-right: 0;
|
||||
padding-left: 30px;
|
||||
}
|
||||
&.active {
|
||||
padding-right: 30px;
|
||||
.LeftSidebarNav {
|
||||
left: auto;
|
||||
right: -100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.main-wrapper-content {
|
||||
.main-content {
|
||||
padding-left: 15px !important;
|
||||
padding-right: 15px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1199px) {
|
||||
.main-wrapper-content {
|
||||
padding: 0;
|
||||
|
||||
.LeftSidebarNav {
|
||||
left: auto;
|
||||
right: -100%;
|
||||
width: 280px;
|
||||
}
|
||||
.main-content {
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
&.active {
|
||||
padding: 0;
|
||||
|
||||
.LeftSidebarNav {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// apexcharts
|
||||
.apexcharts-legend-marker {
|
||||
margin-right: 0;
|
||||
margin-left: 3px;
|
||||
}
|
||||
.apexcharts-yaxis, .apexcharts-subtitle-text, .apexcharts-title-text {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.css-1qlw4ct-MuiPaper-root-MuiMenu-paper-MuiPaper-root-MuiPopover-paper, .css-1mpld98-MuiPaper-root-MuiMenu-paper-MuiPaper-root-MuiPopover-paper{
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.recharts-legend-item {
|
||||
.recharts-surface {
|
||||
margin-right: 0;
|
||||
margin-left: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
// ls-search-form
|
||||
.ls-search-form {
|
||||
input.MuiInputBase-input {
|
||||
padding-right: 15px;
|
||||
}
|
||||
.search-btn {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.css-s2uf1z {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.MuiAlert-icon {
|
||||
margin-right: 0;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.input-label {
|
||||
label {
|
||||
left: auto;
|
||||
right: 0;
|
||||
transform: translate(-15px, 16px) scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
.css-b1hphm-MuiButtonBase-root-MuiChip-root .MuiChip-deleteIcon {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.avatars-gap {
|
||||
.MuiAvatar-root {
|
||||
margin-left: 16px;
|
||||
&:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.gadge-gap {
|
||||
.MuiBadge-root {
|
||||
margin-left: 16px;
|
||||
&:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.MuiButtonBase-root {
|
||||
.MuiButton-startIcon {
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
.MuiAlert-root {
|
||||
.css-ki1hdl-MuiAlert-action {
|
||||
margin-left: -8px;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
.chip-gap-for-rtl {
|
||||
.MuiChip-root {
|
||||
margin-left: 0;
|
||||
margin-right: 15px;
|
||||
&:first-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.direction-ltr {
|
||||
direction: ltr;
|
||||
}
|
||||
.rtl-step-label .MuiStepLabel-iconContainer {
|
||||
padding-right: 0;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
// Scroll To Top CSS
|
||||
.scroll-to-top {
|
||||
i {
|
||||
right: auto;
|
||||
left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
// control-panel-modal
|
||||
.control-panel-modal {
|
||||
right: auto;
|
||||
left: -100%;
|
||||
|
||||
&.show {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.settings-btn {
|
||||
right: auto;
|
||||
left: 15px;
|
||||
}
|
||||
}
|
||||
.control-panel-dialog {
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -0,0 +1,40 @@
|
||||
import { createTheme } from "@mui/material/styles";
|
||||
|
||||
// Create a theme instance.
|
||||
const theme = createTheme({
|
||||
palette: {
|
||||
text: {
|
||||
primary: '#5B5B98',
|
||||
secondary: '#5B5B98',
|
||||
disabled: '#5B5B98',
|
||||
hint: '#5B5B98',
|
||||
},
|
||||
primary: {
|
||||
main: "#757FEF",
|
||||
},
|
||||
secondary: {
|
||||
main: "#818093",
|
||||
},
|
||||
success: {
|
||||
main: "#00B69B",
|
||||
},
|
||||
info: {
|
||||
main: "#2DB6F5",
|
||||
},
|
||||
warning: {
|
||||
main: "#FFBC2B",
|
||||
},
|
||||
danger: {
|
||||
main: "#EE368C",
|
||||
},
|
||||
dark: {
|
||||
main: "#260944",
|
||||
},
|
||||
},
|
||||
|
||||
typography: {
|
||||
fontSize: 12
|
||||
},
|
||||
});
|
||||
|
||||
export default theme;
|
||||
Reference in New Issue
Block a user