1498 lines
50 KiB
CSS
Executable File
1498 lines
50 KiB
CSS
Executable File
<<<<<<< HEAD
|
|
.dashboard-icon, .sales-icon, .catalog-icon, .customer-icon, .configuration-icon, .settings-icon, .active.configuration-icon {
|
|
width: 48px;
|
|
height: 48px;
|
|
display: inline-block;
|
|
background-size: cover;
|
|
}
|
|
|
|
.icon {
|
|
display: inline-block;
|
|
background-size: cover;
|
|
}
|
|
|
|
.dashboard-icon {
|
|
background-image: url("../images/Icon-Dashboard.svg");
|
|
}
|
|
|
|
.sales-icon {
|
|
background-image: url("../images/Icon-Sales.svg");
|
|
}
|
|
|
|
.catalog-icon {
|
|
background-image: url("../images/Icon-Catalog.svg");
|
|
}
|
|
|
|
.customer-icon {
|
|
background-image: url("../images/Icon-Customers.svg");
|
|
}
|
|
|
|
.configuration-icon {
|
|
background-image: url("../images/Icon-Configure.svg");
|
|
}
|
|
|
|
.settings-icon {
|
|
background-image: url("../images/Icon-Settings.svg");
|
|
}
|
|
|
|
.angle-right-icon {
|
|
background-image: url("../images/Angle-Right.svg");
|
|
width: 17px;
|
|
height: 17px;
|
|
}
|
|
|
|
.angle-left-icon {
|
|
background-image: url("../images/Angle-Left.svg");
|
|
width: 17px;
|
|
height: 17px;
|
|
}
|
|
|
|
.arrow-down-icon {
|
|
background-image: url("../images/Arrow-Down-Light.svg");
|
|
width: 14px;
|
|
height: 8px;
|
|
}
|
|
|
|
.arrow-right-icon {
|
|
background-image: url("../images/Arrow-Right.svg");
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
.white-cross-sm-icon {
|
|
background-image: url("../images/Icon-Sm-Cross-White.svg");
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
.accordian-up-icon {
|
|
background-image: url("../images/Accordion-Arrow-Up.svg");
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.accordian-down-icon {
|
|
background-image: url("../images/Accordion-Arrow-Down.svg");
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.cross-icon {
|
|
background-image: url("../images/Icon-Crossed.svg");
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
.trash-icon {
|
|
background-image: url("../images/Icon-Trash.svg");
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.remove-icon {
|
|
background-image: url("../images/Icon-remove.svg");
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.pencil-lg-icon {
|
|
background-image: url("../images/Icon-Pencil-Large.svg");
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.eye-icon {
|
|
background-image: url("../images/Icon-eye.svg");
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.search-icon {
|
|
background-image: url("../images/icon-search.svg");
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.sortable-icon {
|
|
background-image: url("../images/Icon-Sortable.svg");
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.sort-down-icon {
|
|
background-image: url("../images/Icon-Sort-Down.svg");
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
.sort-up-icon {
|
|
background-image: url("../images/Icon-Sort-Down.svg");
|
|
width: 18px;
|
|
height: 18px;
|
|
-webkit-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
.primary-back-icon {
|
|
background-image: url("../images/Icon-Back-Primary.svg");
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.checkbox-dash-icon {
|
|
background-image: url("../images/Checkbox-Dash.svg");
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.account-icon {
|
|
background-image: url("../images/icon-account.svg");
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.expand-icon {
|
|
background-image: url("../images/Expand-Light.svg");
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
.expand-on-icon {
|
|
background-image: url("../images/Expand-Light-On.svg");
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
.dark-left-icon {
|
|
background-image: url("../images/arrow-left-dark.svg");
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
.light-right-icon {
|
|
background-image: url("../images/arrow-right-light.svg");
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
.folder-icon {
|
|
background-image: url("../images/Folder-Icon.svg");
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.star-icon {
|
|
background-image: url("../images/Star-Icon.svg");
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.arrow-down-white-icon {
|
|
background-image: url("../images/down-arrow-white.svg");
|
|
width: 17px;
|
|
height: 13px;
|
|
}
|
|
|
|
.arrow-up-white-icon {
|
|
background-image: url("../images/up-arrow-white.svg");
|
|
width: 17px;
|
|
height: 13px;
|
|
}
|
|
|
|
.profile-pic-icon {
|
|
background-image: url("../images/Profile-Pic.svg");
|
|
width: 60px;
|
|
height: 60px;
|
|
}
|
|
|
|
.graph-up-icon {
|
|
background-image: url("../images/Icon-Graph-Green.svg");
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.graph-down-icon {
|
|
background-image: url("../images/Icon-Graph-Red.svg");
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.no-result-icon {
|
|
background-image: url("../images/limited-icon.svg");
|
|
width: 52px;
|
|
height: 47px;
|
|
}
|
|
|
|
.active .dashboard-icon {
|
|
background-image: url("../images/Icon-Dashboard-Active.svg");
|
|
}
|
|
|
|
.active .sales-icon {
|
|
background-image: url("../images/Icon-Sales-Active.svg");
|
|
}
|
|
|
|
.active .catalog-icon {
|
|
background-image: url("../images/Icon-Catalog-Active.svg");
|
|
}
|
|
|
|
.active .customer-icon {
|
|
background-image: url("../images/Icon-Customers-Active.svg");
|
|
}
|
|
|
|
.active .settings-icon {
|
|
background-image: url("../images/Icon-Settings-Active.svg");
|
|
}
|
|
|
|
.active .configuration-icon {
|
|
background-image: url("../images/Icon-Configure-Active.svg");
|
|
}
|
|
|
|
.active > .arrow-down-icon {
|
|
background-image: url("../images/Arrow-Down.svg");
|
|
width: 14px;
|
|
height: 8px;
|
|
}
|
|
|
|
.active > .expand-icon {
|
|
background-image: url("../images/Expand-Light-On.svg");
|
|
}
|
|
|
|
.active.dashboard-icon {
|
|
background-image: url("../images/Icon-Dashboard-Active.svg");
|
|
}
|
|
|
|
.active.customer-icon {
|
|
background-image: url("../images/Icon-Customers-Active.svg");
|
|
}
|
|
|
|
.active.sales-icon {
|
|
background-image: url("../images/Icon-Sales-Active.svg");
|
|
}
|
|
|
|
.active.settings-icon {
|
|
background-image: url("../images/Icon-Settings-Active.svg");
|
|
}
|
|
|
|
.active.configuration-icon {
|
|
background-image: url("../images/Icon-Configure-Active.svg");
|
|
}
|
|
|
|
.active.arrow-down-icon {
|
|
background-image: url("../images/Arrow-Down.svg");
|
|
width: 14px;
|
|
height: 8px;
|
|
}
|
|
|
|
.active.expand-icon {
|
|
background-image: url("../images/Expand-Light-On.svg");
|
|
}
|
|
|
|
.icon-404 {
|
|
background-image: url("../images/404-image.svg");
|
|
width: 255px;
|
|
height: 255px;
|
|
}
|
|
|
|
.export-icon {
|
|
background-image: url("../images/Icon-Export.svg");
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
|
|
.star-blue-icon {
|
|
width: 17px;
|
|
height: 17px;
|
|
background-image: url("../images/Icon-star.svg");
|
|
}
|
|
|
|
.grid-container {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.filter-row-one {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
width: 100%;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.filter-row-two {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
width: 100%;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
-webkit-box-pack: start;
|
|
-ms-flex-pack: start;
|
|
justify-content: flex-start;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.search-filter {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: start;
|
|
-ms-flex-pack: start;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.search-filter .control {
|
|
background: #ffffff;
|
|
border: 2px solid #C7C7C7;
|
|
border-right: none;
|
|
border-top-right-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
border-radius: 3px;
|
|
height: 36px;
|
|
width: 360px;
|
|
padding-left: 10px;
|
|
font-size: 15px;
|
|
color: #8E8E8E;
|
|
}
|
|
|
|
.search-filter .contorl:focus {
|
|
border-color: #0041FF;
|
|
}
|
|
|
|
.search-filter .icon-wrapper {
|
|
border: 2px solid #C7C7C7;
|
|
border-radius: 3px;
|
|
border-top-left-radius: 0px;
|
|
border-bottom-left-radius: 0px;
|
|
height: 36px;
|
|
width: 36px;
|
|
margin-left: -1px;
|
|
}
|
|
|
|
.search-filter .icon-wrapper .search-icon {
|
|
margin-top: 3px;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
.dropdown-header {
|
|
display: -webkit-inline-box;
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
height: 36px;
|
|
width: 202px;
|
|
border: 2px solid #C7C7C7;
|
|
border-radius: 3px;
|
|
color: #8E8E8E;
|
|
padding: 0px 5px 0px 5px;
|
|
}
|
|
|
|
.dropdown-header .arrow-icon-down {
|
|
float: right;
|
|
}
|
|
|
|
.filter-tag {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.filter-tag .wrapper {
|
|
margin-left: 5px;
|
|
padding: 0px 5px 0px 5px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
background: #E7E7E7;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
color: #000311;
|
|
letter-spacing: -0.22px;
|
|
}
|
|
|
|
.filter-tag:not(first-child) {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
@-webkit-keyframes jelly {
|
|
0% {
|
|
-webkit-transform: translateY(0px) scale(0.7);
|
|
transform: translateY(0px) scale(0.7);
|
|
opacity: 0;
|
|
}
|
|
70% {
|
|
-webkit-transform: translateY(5px) scale(1.05);
|
|
transform: translateY(5px) scale(1.05);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform: translateY(0px) scale(1);
|
|
transform: translateY(0px) scale(1);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes jelly {
|
|
0% {
|
|
-webkit-transform: translateY(0px) scale(0.7);
|
|
transform: translateY(0px) scale(0.7);
|
|
opacity: 0;
|
|
}
|
|
70% {
|
|
-webkit-transform: translateY(5px) scale(1.05);
|
|
transform: translateY(5px) scale(1.05);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform: translateY(0px) scale(1);
|
|
transform: translateY(0px) scale(1);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes jelly-out {
|
|
0% {
|
|
-webkit-transform: translateY(0px) scale(1);
|
|
transform: translateY(0px) scale(1);
|
|
opacity: 1;
|
|
}
|
|
30% {
|
|
-webkit-transform: translateY(-5px) scale(1.05);
|
|
transform: translateY(-5px) scale(1.05);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform: translateY(0px) scale(0.7);
|
|
transform: translateY(0px) scale(0.7);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes jelly-out {
|
|
0% {
|
|
-webkit-transform: translateY(0px) scale(1);
|
|
transform: translateY(0px) scale(1);
|
|
opacity: 1;
|
|
}
|
|
30% {
|
|
-webkit-transform: translateY(-5px) scale(1.05);
|
|
transform: translateY(-5px) scale(1.05);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform: translateY(0px) scale(0.7);
|
|
transform: translateY(0px) scale(0.7);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
* {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
*:focus {
|
|
outline: none;
|
|
}
|
|
|
|
a:link,
|
|
a:hover,
|
|
a:visited,
|
|
a:focus,
|
|
a:active {
|
|
text-decoration: none;
|
|
color: #0041FF;
|
|
}
|
|
|
|
textarea {
|
|
resize: none;
|
|
}
|
|
|
|
ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 28px;
|
|
color: #3a3a3a;
|
|
margin-top: 0;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 18px;
|
|
color: #3a3a3a;
|
|
}
|
|
|
|
.tooltip {
|
|
position: relative;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
|
|
.tooltip .tooltiptext {
|
|
visibility: hidden;
|
|
width: 120px;
|
|
background-color: black;
|
|
color: #fff;
|
|
text-align: center;
|
|
border-radius: 6px;
|
|
padding: 5px 0;
|
|
/* Position the tooltip */
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
|
|
.tooltip:hover .tooltiptext {
|
|
visibility: visible;
|
|
}
|
|
|
|
.hide {
|
|
display: none !important;
|
|
}
|
|
|
|
.btn {
|
|
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 0 8px 0 rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 0 8px 0 rgba(0, 0, 0, 0.1);
|
|
border-radius: 3px;
|
|
border: none;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
-webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
font: inherit;
|
|
display: inline-block;
|
|
}
|
|
|
|
.btn:hover, .btn:active, .btn:focus {
|
|
opacity: 0.75;
|
|
border: none;
|
|
}
|
|
|
|
.btn.btn-sm {
|
|
padding: 6px 12px;
|
|
}
|
|
|
|
.btn.btn-md {
|
|
padding: 8px 16px;
|
|
}
|
|
|
|
.btn.btn-lg {
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
.btn.btn-xl {
|
|
padding: 12px 24px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.btn.btn-primary {
|
|
background: #0041FF;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.btn.btn-black {
|
|
background: #000;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.btn:disabled, .btn[disabled="disabled"], .btn[disabled="disabled"]:hover, .btn[disabled="disabled"]:active {
|
|
cursor: not-allowed;
|
|
background: #b1b1ae;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
opacity: 1;
|
|
}
|
|
|
|
.dropdown-open {
|
|
position: relative;
|
|
}
|
|
|
|
.dropdown-list {
|
|
width: 200px;
|
|
margin-bottom: 20px;
|
|
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 0 9px 0 rgba(0, 0, 0, 0.16);
|
|
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 0 9px 0 rgba(0, 0, 0, 0.16);
|
|
border-radius: 3px;
|
|
background-color: #ffffff;
|
|
position: absolute;
|
|
display: none;
|
|
z-index: 10;
|
|
text-align: left;
|
|
}
|
|
|
|
.dropdown-list.bottom-left {
|
|
top: 42px;
|
|
left: 0px;
|
|
}
|
|
|
|
.dropdown-list.bottom-right {
|
|
top: 42px;
|
|
right: 0px;
|
|
}
|
|
|
|
.dropdown-list.top-left {
|
|
bottom: 42px;
|
|
left: 0px;
|
|
}
|
|
|
|
.dropdown-list.top-right {
|
|
bottom: 42px;
|
|
right: 0px;
|
|
}
|
|
|
|
.dropdown-list .search-box {
|
|
padding: 20px;
|
|
border-bottom: 1px solid rgba(162, 162, 162, 0.2);
|
|
}
|
|
|
|
.dropdown-list .search-box .control {
|
|
background: #fff;
|
|
border: 2px solid #C7C7C7;
|
|
border-radius: 3px;
|
|
width: 100%;
|
|
height: 36px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
-webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
padding: 0px 10px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.dropdown-list .search-box .control:focus {
|
|
border-color: #0041FF;
|
|
}
|
|
|
|
.dropdown-list .dropdown-container {
|
|
padding: 20px;
|
|
overflow-y: auto;
|
|
max-height: 280px;
|
|
}
|
|
|
|
.dropdown-list .dropdown-container label {
|
|
font-size: 15px;
|
|
display: inline-block;
|
|
text-transform: uppercase;
|
|
color: #9e9e9e;
|
|
font-weight: 700;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.dropdown-list .dropdown-container ul {
|
|
margin: 0px;
|
|
list-style-type: none;
|
|
padding: 0px;
|
|
}
|
|
|
|
.dropdown-list .dropdown-container ul li {
|
|
padding: 5px 0px;
|
|
}
|
|
|
|
.dropdown-list .dropdown-container ul li a:link,
|
|
.dropdown-list .dropdown-container ul li a:active,
|
|
.dropdown-list .dropdown-container ul li a:visited,
|
|
.dropdown-list .dropdown-container ul li a:focus {
|
|
color: #333333;
|
|
display: block;
|
|
}
|
|
|
|
.dropdown-list .dropdown-container ul li a:hover {
|
|
color: #0041FF;
|
|
}
|
|
|
|
.dropdown-list .dropdown-container ul li .checkbox {
|
|
margin: 0;
|
|
}
|
|
|
|
.dropdown-list .dropdown-container ul li .control-group label {
|
|
color: #3a3a3a;
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
text-transform: capitalize;
|
|
width: 100%;
|
|
}
|
|
|
|
.dropdown-list .dropdown-container .btn {
|
|
width: 100%;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.table {
|
|
width: 100%;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.table table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
text-align: left;
|
|
}
|
|
|
|
.table table thead th {
|
|
font-weight: 700;
|
|
padding: 12px 10px;
|
|
background: #f8f9fa;
|
|
color: #3a3a3a;
|
|
}
|
|
|
|
.table table tbody td {
|
|
padding: 10px;
|
|
border-bottom: solid 1px #d3d3d3;
|
|
color: #3a3a3a;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.table table tbody td.actions {
|
|
text-align: right;
|
|
}
|
|
|
|
.table table tbody td.actions .icon {
|
|
cursor: pointer;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.table table tbody td.empty {
|
|
text-align: center;
|
|
}
|
|
|
|
.table table tbody tr:last-child td {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.table .control-group {
|
|
width: 100%;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.table .control-group .control {
|
|
width: 100%;
|
|
margin: 0;
|
|
}
|
|
|
|
@media only screen and (max-width: 770px) {
|
|
.table table thead {
|
|
display: none;
|
|
}
|
|
.table table tbody tr td:before {
|
|
content: attr(data-value);
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
margin-right: 20px;
|
|
}
|
|
.table table tbody td {
|
|
border-bottom: none;
|
|
display: block;
|
|
}
|
|
.table table tbody tr {
|
|
border: 1px solid #C7C7C7;
|
|
}
|
|
}
|
|
|
|
.dropdown-btn {
|
|
min-width: 150px;
|
|
text-align: left;
|
|
background: #ffffff;
|
|
border: 2px solid #C7C7C7;
|
|
border-radius: 3px;
|
|
font-size: 14px;
|
|
padding: 8px 35px 8px 10px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
|
|
.dropdown-btn:hover, .dropdown-btn:active, .dropdown-btn:focus {
|
|
opacity: 0.75;
|
|
border: 2px solid #C7C7C7;
|
|
}
|
|
|
|
.dropdown-btn .icon {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 50%;
|
|
margin-top: -4px;
|
|
}
|
|
|
|
.pagination .page-item {
|
|
background: #ffffff;
|
|
border: 2px solid #C7C7C7;
|
|
border-radius: 3px;
|
|
padding: 7px 14px;
|
|
margin-right: 5px;
|
|
font-size: 16px;
|
|
display: inline-block;
|
|
color: #8e8e8e;
|
|
vertical-align: middle;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.pagination .page-item.previous, .pagination .page-item.next {
|
|
padding: 6px 9px;
|
|
}
|
|
|
|
.pagination .page-item.active {
|
|
background: #0041ff;
|
|
color: #fff;
|
|
border-color: #0041ff;
|
|
}
|
|
|
|
.pagination .page-item .icon {
|
|
vertical-align: middle;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.checkbox {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.checkbox input {
|
|
left: 0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
height: 24px;
|
|
width: 24px;
|
|
z-index: 100;
|
|
}
|
|
|
|
.checkbox .checkbox-view {
|
|
background-image: url("../images/Checkbox.svg");
|
|
height: 24px;
|
|
width: 24px;
|
|
margin: 0;
|
|
display: inline-block !important;
|
|
vertical-align: middle;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.checkbox input:checked + .checkbox-view {
|
|
background-image: url("../images/Checkbox-Checked.svg");
|
|
}
|
|
|
|
.checkbox input:disabled + .checkbox-view {
|
|
opacity: 0.5;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.radio {
|
|
position: relative;
|
|
display: block;
|
|
margin: 10px 5px 5px 0px;
|
|
}
|
|
|
|
.radio input {
|
|
left: 0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 100;
|
|
}
|
|
|
|
.radio .radio-view {
|
|
background-image: url("../images/controls.svg");
|
|
background-position: -21px 0px;
|
|
height: 20px;
|
|
width: 20px;
|
|
margin: 0;
|
|
display: inline-block !important;
|
|
vertical-align: middle;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.radio input:checked + .radio-view {
|
|
background-position: -21px -21px;
|
|
}
|
|
|
|
.radio input:disabled + .radio-view {
|
|
opacity: 0.5;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.control-group {
|
|
display: block;
|
|
margin-bottom: 25px;
|
|
font-size: 15px;
|
|
color: #333333;
|
|
width: 750px;
|
|
max-width: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.control-group label {
|
|
display: block;
|
|
color: #3a3a3a;
|
|
}
|
|
|
|
.control-group label.required::after {
|
|
content: "*";
|
|
color: #FC6868;
|
|
font-weight: 700;
|
|
display: inline-block;
|
|
}
|
|
|
|
.control-group textarea.control {
|
|
height: 100px;
|
|
padding: 10px;
|
|
}
|
|
|
|
.control-group .control {
|
|
background: #fff;
|
|
border: 2px solid #C7C7C7;
|
|
border-radius: 3px;
|
|
width: 70%;
|
|
height: 36px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
-webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
padding: 0px 10px;
|
|
font-size: 15px;
|
|
margin-top: 10px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.control-group .control:focus {
|
|
border-color: #0041FF;
|
|
}
|
|
|
|
.control-group .control[disabled="disabled"] {
|
|
border-color: #d3d3d3;
|
|
background-color: #d3d3d3;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.control-group .control[multiple] {
|
|
height: 100px;
|
|
}
|
|
|
|
.control-group.date::after, .control-group.datetime::after {
|
|
background-image: url("../images/Icon-Calendar.svg");
|
|
width: 24px;
|
|
height: 24px;
|
|
content: '';
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-left: -34px;
|
|
margin-top: 2px;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.control-group .control-info {
|
|
display: block;
|
|
font-style: italic;
|
|
color: #6f6f6f;
|
|
}
|
|
|
|
.control-group .control-error {
|
|
display: none;
|
|
color: #ff5656;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.control-group.has-error .control {
|
|
border-color: #FC6868;
|
|
}
|
|
|
|
.control-group.has-error .control-error {
|
|
display: block;
|
|
}
|
|
|
|
.control-group.price .currency-code {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
}
|
|
|
|
.button-group {
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.alert-wrapper {
|
|
width: 300px;
|
|
top: 10px;
|
|
right: 10px;
|
|
position: fixed;
|
|
z-index: 6;
|
|
text-align: left;
|
|
}
|
|
|
|
.alert-wrapper .alert {
|
|
width: 300px;
|
|
padding: 15px;
|
|
border-radius: 3px;
|
|
display: inline-block;
|
|
-webkit-box-shadow: 0px 4px 15.36px 0.64px rgba(0, 0, 0, 0.1), 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
|
|
box-shadow: 0px 4px 15.36px 0.64px rgba(0, 0, 0, 0.1), 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
|
|
position: relative;
|
|
-webkit-animation: jelly 0.5s ease-in-out;
|
|
animation: jelly 0.5s ease-in-out;
|
|
-webkit-transform-origin: center top;
|
|
transform-origin: center top;
|
|
z-index: 500;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.alert-wrapper .alert.alert-error {
|
|
background: #FC6868;
|
|
}
|
|
|
|
.alert-wrapper .alert.alert-info {
|
|
background: #204d74;
|
|
}
|
|
|
|
.alert-wrapper .alert.alert-success {
|
|
background: #4CAF50;
|
|
}
|
|
|
|
.alert-wrapper .alert.alert-warning {
|
|
background: #FFC107;
|
|
}
|
|
|
|
.alert-wrapper .alert .icon {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 10px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.alert-wrapper .alert p {
|
|
color: #ffffff;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.tabs ul {
|
|
border-bottom: solid 1px rgba(162, 162, 162, 0.2);
|
|
}
|
|
|
|
.tabs ul li {
|
|
display: inline-block;
|
|
}
|
|
|
|
.tabs ul li a {
|
|
padding: 15px 20px;
|
|
cursor: pointer;
|
|
margin: 0px 2px;
|
|
text-align: center;
|
|
color: #000311;
|
|
display: block;
|
|
}
|
|
|
|
.tabs ul li.active a {
|
|
border-bottom: 3px solid #0041FF;
|
|
}
|
|
|
|
.accordian, accordian {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
.accordian .accordian-header, .accordian div[slot*="header"], accordian .accordian-header, accordian div[slot*="header"] {
|
|
width: 100%;
|
|
display: inline-block;
|
|
font-size: 18px;
|
|
color: #3a3a3a;
|
|
border-bottom: solid 1px rgba(162, 162, 162, 0.2);
|
|
padding: 20px 15px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.accordian .accordian-header .expand-icon, .accordian div[slot*="header"] .expand-icon, accordian .accordian-header .expand-icon, accordian div[slot*="header"] .expand-icon {
|
|
background-image: url("../images/Expand-Light.svg");
|
|
margin-right: 10px;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.accordian .accordian-header h1, .accordian div[slot*="header"] h1, accordian .accordian-header h1, accordian div[slot*="header"] h1 {
|
|
margin: 0;
|
|
font-size: 20px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.accordian .accordian-header .icon, .accordian div[slot*="header"] .icon, accordian .accordian-header .icon, accordian div[slot*="header"] .icon {
|
|
float: right;
|
|
}
|
|
|
|
.accordian .accordian-header .icon.left, .accordian div[slot*="header"] .icon.left, accordian .accordian-header .icon.left, accordian div[slot*="header"] .icon.left {
|
|
float: left;
|
|
}
|
|
|
|
.accordian .accordian-content, .accordian div[slot*="body"], accordian .accordian-content, accordian div[slot*="body"] {
|
|
width: 100%;
|
|
padding: 20px 15px;
|
|
display: none;
|
|
-webkit-transition: 0.3s ease all;
|
|
transition: 0.3s ease all;
|
|
}
|
|
|
|
.accordian.active > .accordian-content, accordian.active > .accordian-content {
|
|
display: inline-block;
|
|
}
|
|
|
|
.accordian.active > .accordian-header .expand-icon, accordian.active > .accordian-header .expand-icon {
|
|
background-image: url("../images/Expand-Light-On.svg");
|
|
}
|
|
|
|
.tree-container .tree-item {
|
|
padding-left: 30px;
|
|
display: inline-block;
|
|
margin-top: 10px;
|
|
width: 100%;
|
|
}
|
|
|
|
.tree-container .tree-item > .tree-item {
|
|
display: none;
|
|
}
|
|
|
|
.tree-container .tree-item.active > .tree-item {
|
|
display: inline-block;
|
|
}
|
|
|
|
.tree-container .tree-item .checkbox {
|
|
margin: 0;
|
|
display: inline-block;
|
|
}
|
|
|
|
.tree-container .tree-item .radio {
|
|
margin: 0;
|
|
display: inline-block;
|
|
}
|
|
|
|
.tree-container .tree-item .expand-icon {
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
cursor: pointer;
|
|
background-image: url("../images/Expand-Light.svg");
|
|
width: 18px;
|
|
height: 18px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.tree-container .tree-item .folder-icon {
|
|
vertical-align: middle;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.tree-container .tree-item.active > .expand-icon {
|
|
background-image: url("../images/Expand-Light-On.svg");
|
|
}
|
|
|
|
.tree-container > .tree-item {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.panel {
|
|
-webkit-box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.15);
|
|
box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.15);
|
|
border-radius: 5px;
|
|
background: #fff;
|
|
}
|
|
|
|
.panel .panel-content {
|
|
padding: 20px;
|
|
}
|
|
|
|
modal {
|
|
display: none;
|
|
}
|
|
|
|
.modal-open {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.modal-overlay {
|
|
display: none;
|
|
overflow-y: auto;
|
|
z-index: 10;
|
|
top: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
left: 0px;
|
|
position: fixed;
|
|
background: #000;
|
|
opacity: 0.75;
|
|
}
|
|
|
|
.modal-open .modal-overlay {
|
|
display: block;
|
|
}
|
|
|
|
.modal-container {
|
|
-webkit-animation: fade-in-white 0.3s ease-in-out;
|
|
animation: fade-in-white 0.3s ease-in-out;
|
|
z-index: 11;
|
|
margin-left: -350px;
|
|
width: 600px;
|
|
max-width: 80%;
|
|
background: #ffffff;
|
|
position: fixed;
|
|
left: 50%;
|
|
top: 100px;
|
|
margin-bottom: 100px;
|
|
-webkit-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.03), 0px 20px 45px 5px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.03), 0px 20px 45px 5px rgba(0, 0, 0, 0.2);
|
|
-webkit-animation: jelly 0.5s ease-in-out;
|
|
animation: jelly 0.5s ease-in-out;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.modal-container .modal-header {
|
|
padding: 20px;
|
|
}
|
|
|
|
.modal-container .modal-header h3 {
|
|
display: inline-block;
|
|
font-size: 20px;
|
|
color: #3a3a3a;
|
|
margin: 0;
|
|
}
|
|
|
|
.modal-container .modal-header .icon {
|
|
float: right;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.modal-container .modal-body {
|
|
padding: 20px;
|
|
}
|
|
|
|
.modal-container .modal-body .control-group .control {
|
|
width: 100%;
|
|
}
|
|
|
|
.label {
|
|
background: #E7E7E7;
|
|
border-radius: 2px;
|
|
padding: 8px;
|
|
color: #000311;
|
|
display: inline-block;
|
|
}
|
|
|
|
.label.label-sm {
|
|
padding: 5px;
|
|
}
|
|
|
|
.label.label-md {
|
|
padding: 8px;
|
|
}
|
|
|
|
.label.label-lg {
|
|
padding: 11px;
|
|
}
|
|
|
|
.label.label-xl {
|
|
padding: 14px;
|
|
}
|
|
|
|
.badge {
|
|
border-radius: 50px;
|
|
color: white;
|
|
padding: 8px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.badge.badge-sm {
|
|
padding: 5px;
|
|
}
|
|
|
|
.badge.badge-md {
|
|
padding: 3px 10px;
|
|
}
|
|
|
|
.badge.badge-lg {
|
|
padding: 11px;
|
|
}
|
|
|
|
.badge.badge-xl {
|
|
padding: 14px;
|
|
}
|
|
|
|
.badge.badge-success {
|
|
background-color: #4CAF50;
|
|
}
|
|
|
|
.badge.badge-info {
|
|
background-color: #0041FF;
|
|
}
|
|
|
|
.badge.badge-danger {
|
|
background-color: #FC6868;
|
|
}
|
|
|
|
.badge.badge-warning {
|
|
background-color: #FFC107;
|
|
}
|
|
|
|
.image-wrapper {
|
|
margin-bottom: 20px;
|
|
margin-top: 10px;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
.image-wrapper .image-item {
|
|
width: 200px;
|
|
height: 200px;
|
|
margin-right: 20px;
|
|
background: #F8F9FA;
|
|
border-radius: 3px;
|
|
display: inline-block;
|
|
position: relative;
|
|
background-image: url("../images/placeholder-icon.svg");
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.image-wrapper .image-item img.preview {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.image-wrapper .image-item input {
|
|
display: none;
|
|
}
|
|
|
|
.image-wrapper .image-item .remove-image {
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.08)), to(rgba(0, 0, 0, 0.24)));
|
|
background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.24) 100%);
|
|
border-radius: 0 0 4px 4px;
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%;
|
|
padding: 10px;
|
|
text-align: center;
|
|
color: #fff;
|
|
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
margin-right: 20px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.image-wrapper .image-item:hover .remove-image {
|
|
display: block;
|
|
}
|
|
|
|
.image-wrapper .image-item.has-image {
|
|
background-image: none;
|
|
}
|
|
|
|
.cp-spinner {
|
|
width: 48px;
|
|
height: 48px;
|
|
display: inline-block;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.cp-round:before {
|
|
border-radius: 50%;
|
|
content: " ";
|
|
width: 48px;
|
|
height: 48px;
|
|
display: inline-block;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
border-top: solid 6px #bababa;
|
|
border-right: solid 6px #bababa;
|
|
border-bottom: solid 6px #bababa;
|
|
border-left: solid 6px #bababa;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.cp-round:after {
|
|
border-radius: 50%;
|
|
content: " ";
|
|
width: 48px;
|
|
height: 48px;
|
|
display: inline-block;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
border-top: solid 6px #0041FF;
|
|
border-right: solid 6px transparent;
|
|
border-bottom: solid 6px transparent;
|
|
border-left: solid 6px transparent;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
-webkit-animation: spin 1s ease-in-out infinite;
|
|
animation: spin 1s ease-in-out infinite;
|
|
}
|
|
|
|
@-webkit-keyframes spin {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@keyframes spin {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
=======
|
|
.active.configuration-icon,.catalog-icon,.configuration-icon,.customer-icon,.dashboard-icon,.sales-icon,.settings-icon{width:48px;height:48px;display:inline-block;background-size:cover}.icon{display:inline-block;background-size:cover}.dashboard-icon{background-image:url("../images/Icon-Dashboard.svg")}.sales-icon{background-image:url("../images/Icon-Sales.svg")}.catalog-icon{background-image:url("../images/Icon-Catalog.svg")}.customer-icon{background-image:url("../images/Icon-Customers.svg")}.configuration-icon{background-image:url("../images/Icon-Configure.svg")}.settings-icon{background-image:url("../images/Icon-Settings.svg")}.angle-right-icon{background-image:url("../images/Angle-Right.svg");width:17px;height:17px}.angle-left-icon{background-image:url("../images/Angle-Left.svg");width:17px;height:17px}.arrow-down-icon{background-image:url("../images/Arrow-Down-Light.svg");width:14px;height:8px}.arrow-right-icon{background-image:url("../images/Arrow-Right.svg");width:18px;height:18px}.white-cross-sm-icon{background-image:url("../images/Icon-Sm-Cross-White.svg");width:18px;height:18px}.accordian-up-icon{background-image:url("../images/Accordion-Arrow-Up.svg");width:24px;height:24px}.accordian-down-icon{background-image:url("../images/Accordion-Arrow-Down.svg");width:24px;height:24px}.cross-icon{background-image:url("../images/Icon-Crossed.svg");width:18px;height:18px}.trash-icon{background-image:url("../images/Icon-Trash.svg");width:24px;height:24px}.remove-icon{background-image:url("../images/Icon-remove.svg");width:24px;height:24px}.pencil-lg-icon{background-image:url("../images/Icon-Pencil-Large.svg");width:24px;height:24px}.eye-icon{background-image:url("../images/Icon-eye.svg");width:24px;height:24px}.search-icon{background-image:url("../images/icon-search.svg");width:24px;height:24px}.sortable-icon{background-image:url("../images/Icon-Sortable.svg");width:24px;height:24px}.sort-down-icon,.sort-up-icon{background-image:url("../images/Icon-Sort-Down.svg");width:18px;height:18px}.sort-up-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.primary-back-icon{background-image:url("../images/Icon-Back-Primary.svg");width:24px;height:24px}.checkbox-dash-icon{background-image:url("../images/Checkbox-Dash.svg");width:24px;height:24px}.account-icon{background-image:url("../images/icon-account.svg");width:24px;height:24px}.expand-icon{background-image:url("../images/Expand-Light.svg");width:18px;height:18px}.expand-on-icon{background-image:url("../images/Expand-Light-On.svg");width:18px;height:18px}.dark-left-icon{background-image:url("../images/arrow-left-dark.svg");width:18px;height:18px}.light-right-icon{background-image:url("../images/arrow-right-light.svg");width:18px;height:18px}.folder-icon{background-image:url("../images/Folder-Icon.svg");width:24px;height:24px}.star-icon{background-image:url("../images/Star-Icon.svg");width:24px;height:24px}.arrow-down-white-icon{background-image:url("../images/down-arrow-white.svg");width:17px;height:13px}.arrow-up-white-icon{background-image:url("../images/up-arrow-white.svg");width:17px;height:13px}.profile-pic-icon{background-image:url("../images/Profile-Pic.svg");width:60px;height:60px}.graph-up-icon{background-image:url("../images/Icon-Graph-Green.svg");width:24px;height:24px}.graph-down-icon{background-image:url("../images/Icon-Graph-Red.svg");width:24px;height:24px}.no-result-icon{background-image:url("../images/limited-icon.svg");width:52px;height:47px}.active .dashboard-icon{background-image:url("../images/Icon-Dashboard-Active.svg")}.active .sales-icon{background-image:url("../images/Icon-Sales-Active.svg")}.active .catalog-icon{background-image:url("../images/Icon-Catalog-Active.svg")}.active .customer-icon{background-image:url("../images/Icon-Customers-Active.svg")}.active .settings-icon{background-image:url("../images/Icon-Settings-Active.svg")}.active .configuration-icon{background-image:url("../images/Icon-Configure-Active.svg")}.active>.arrow-down-icon{background-image:url("../images/Arrow-Down.svg");width:14px;height:8px}.active>.expand-icon{background-image:url("../images/Expand-Light-On.svg")}.active.dashboard-icon{background-image:url("../images/Icon-Dashboard-Active.svg")}.active.customer-icon{background-image:url("../images/Icon-Customers-Active.svg")}.active.sales-icon{background-image:url("../images/Icon-Sales-Active.svg")}.active.settings-icon{background-image:url("../images/Icon-Settings-Active.svg")}.active.configuration-icon{background-image:url("../images/Icon-Configure-Active.svg")}.active.arrow-down-icon{background-image:url("../images/Arrow-Down.svg");width:14px;height:8px}.active.expand-icon{background-image:url("../images/Expand-Light-On.svg")}.icon-404{background-image:url("../images/404-image.svg");width:255px;height:255px}.export-icon{background-image:url("../images/Icon-Export.svg");width:32px;height:32px}.star-blue-icon{width:17px;height:17px;background-image:url("../images/Icon-star.svg")}.grid-container{display:block;width:100%;height:100%}.filter-row-one{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.filter-row-one,.filter-row-two{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.filter-row-two,.search-filter{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.search-filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-filter .control{background:#fff;border:2px solid #c7c7c7;border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;border-radius:3px;height:36px;width:360px;padding-left:10px;font-size:15px;color:#8e8e8e}.search-filter .contorl:focus{border-color:#0041ff}.search-filter .icon-wrapper{border:2px solid #c7c7c7;border-radius:3px;border-top-left-radius:0;border-bottom-left-radius:0;height:36px;width:36px;margin-left:-1px}.search-filter .icon-wrapper .search-icon{margin-top:3px;margin-left:3px}.dropdown-header{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:36px;width:202px;border:2px solid #c7c7c7;border-radius:3px;color:#8e8e8e;padding:0 5px}.dropdown-header .arrow-icon-down{float:right}.filter-tag{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-radius:2px}.filter-tag,.filter-tag .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;height:28px}.filter-tag .wrapper{margin-left:5px;padding:0 5px;background:#e7e7e7;color:#000311;letter-spacing:-.22px}.filter-tag:not(first-child){margin-left:10px}@-webkit-keyframes jelly{0%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:0}70%{-webkit-transform:translateY(5px) scale(1.05);transform:translateY(5px) scale(1.05);opacity:1}to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:1}}@keyframes jelly{0%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:0}70%{-webkit-transform:translateY(5px) scale(1.05);transform:translateY(5px) scale(1.05);opacity:1}to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:1}}@-webkit-keyframes jelly-out{0%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:1}30%{-webkit-transform:translateY(-5px) scale(1.05);transform:translateY(-5px) scale(1.05);opacity:1}to{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:0}}@keyframes jelly-out{0%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:1}30%{-webkit-transform:translateY(-5px) scale(1.05);transform:translateY(-5px) scale(1.05);opacity:1}to{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:0}}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus{outline:none}a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none;color:#0041ff}textarea{resize:none}ul{margin:0;padding:0;list-style:none}h1{font-size:28px;margin-top:0}h1,h2{color:#3a3a3a}h2{font-size:18px}.tooltip{position:relative;border-bottom:1px solid #000}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1}.tooltip:hover .tooltiptext{visibility:visible}.hide{display:none!important}.btn{-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.2),0 0 8px 0 rgba(0,0,0,.1);box-shadow:0 1px 4px 0 rgba(0,0,0,.2),0 0 8px 0 rgba(0,0,0,.1);border-radius:3px;border:none;color:#fff;cursor:pointer;-webkit-transition:.2s cubic-bezier(.4,0,.2,1);transition:.2s cubic-bezier(.4,0,.2,1);font:inherit;display:inline-block}.btn:active,.btn:focus,.btn:hover{opacity:.75;border:none}.btn.btn-sm{padding:6px 12px}.btn.btn-md{padding:8px 16px}.btn.btn-lg{padding:10px 20px}.btn.btn-xl{padding:12px 24px;font-size:16px}.btn.btn-primary{background:#0041ff;color:#fff}.btn.btn-black{background:#000;color:#fff}.btn:disabled,.btn[disabled=disabled],.btn[disabled=disabled]:active,.btn[disabled=disabled]:hover{cursor:not-allowed;background:#b1b1ae;-webkit-box-shadow:none;box-shadow:none;opacity:1}.dropdown-open{position:relative}.dropdown-list{width:200px;margin-bottom:20px;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 0 9px 0 rgba(0,0,0,.16);box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 0 9px 0 rgba(0,0,0,.16);border-radius:3px;background-color:#fff;position:absolute;display:none;z-index:10;text-align:left}.dropdown-list.bottom-left{top:42px;left:0}.dropdown-list.bottom-right{top:42px;right:0}.dropdown-list.top-left{bottom:42px;left:0}.dropdown-list.top-right{bottom:42px;right:0}.dropdown-list .search-box{padding:20px;border-bottom:1px solid hsla(0,0%,64%,.2)}.dropdown-list .search-box .control{background:#fff;border:2px solid #c7c7c7;border-radius:3px;width:100%;height:36px;display:inline-block;vertical-align:middle;-webkit-transition:.2s cubic-bezier(.4,0,.2,1);transition:.2s cubic-bezier(.4,0,.2,1);padding:0 10px;font-size:15px}.dropdown-list .search-box .control:focus{border-color:#0041ff}.dropdown-list .dropdown-container{padding:20px;overflow-y:auto;max-height:280px}.dropdown-list .dropdown-container label{font-size:15px;display:inline-block;text-transform:uppercase;color:#9e9e9e;font-weight:700;padding-bottom:5px}.dropdown-list .dropdown-container ul{margin:0;list-style-type:none;padding:0}.dropdown-list .dropdown-container ul li{padding:5px 0}.dropdown-list .dropdown-container ul li a:active,.dropdown-list .dropdown-container ul li a:focus,.dropdown-list .dropdown-container ul li a:link,.dropdown-list .dropdown-container ul li a:visited{color:#333;display:block}.dropdown-list .dropdown-container ul li a:hover{color:#0041ff}.dropdown-list .dropdown-container ul li .checkbox{margin:0}.dropdown-list .dropdown-container ul li .control-group label{color:#3a3a3a;font-size:15px;font-weight:500;text-transform:capitalize;width:100%}.dropdown-list .dropdown-container .btn{width:100%;margin-top:10px}.table{width:100%;overflow-x:auto}.table table{width:100%;border-collapse:collapse;text-align:left}.table table thead th{font-weight:700;padding:12px 10px;background:#f8f9fa;color:#3a3a3a}.table table tbody td{padding:10px;border-bottom:1px solid #d3d3d3;color:#3a3a3a;vertical-align:top}.table table tbody td.actions{text-align:right}.table table tbody td.actions .icon{cursor:pointer;vertical-align:middle}.table table tbody td.empty{text-align:center}.table table tbody tr:last-child td{border-bottom:none}.table .control-group{width:100%;margin-bottom:0}.table .control-group .control{width:100%;margin:0}@media only screen and (max-width:770px){.table table thead{display:none}.table table tbody tr td:before{content:attr(data-value);font-size:15px;font-weight:600;margin-right:20px}.table table tbody td{border-bottom:none;display:block}.table table tbody tr{border:1px solid #c7c7c7}}.dropdown-btn{min-width:150px;text-align:left;background:#fff;border:2px solid #c7c7c7;border-radius:3px;font-size:14px;padding:8px 35px 8px 10px;cursor:pointer;position:relative}.dropdown-btn:active,.dropdown-btn:focus,.dropdown-btn:hover{opacity:.75;border:2px solid #c7c7c7}.dropdown-btn .icon{position:absolute;right:10px;top:50%;margin-top:-4px}.pagination .page-item{background:#fff;border:2px solid #c7c7c7;border-radius:3px;padding:7px 14px;margin-right:5px;font-size:16px;display:inline-block;color:#8e8e8e;vertical-align:middle;text-decoration:none}.pagination .page-item.next,.pagination .page-item.previous{padding:6px 9px}.pagination .page-item.active{background:#0041ff;color:#fff;border-color:#0041ff}.pagination .page-item .icon{vertical-align:middle;margin-bottom:3px}.checkbox{position:relative;display:block}.checkbox input{left:0;opacity:0;position:absolute;top:0;height:24px;width:24px;z-index:100}.checkbox .checkbox-view{background-image:url("../images/Checkbox.svg");height:24px;width:24px;margin:0;display:inline-block!important;vertical-align:middle;margin-right:5px}.checkbox input:checked+.checkbox-view{background-image:url("../images/Checkbox-Checked.svg")}.checkbox input:disabled+.checkbox-view{opacity:.5;cursor:not-allowed}.radio{position:relative;display:block;margin:10px 5px 5px 0}.radio input{left:0;opacity:0;position:absolute;top:0;z-index:100}.radio .radio-view{background-image:url("../images/controls.svg");background-position:-21px 0;height:20px;width:20px;margin:0;display:inline-block!important;vertical-align:middle;margin-right:5px}.radio input:checked+.radio-view{background-position:-21px -21px}.radio input:disabled+.radio-view{opacity:.5;cursor:not-allowed}.control-group{display:block;margin-bottom:25px;font-size:15px;color:#333;width:750px;max-width:100%;position:relative}.control-group label{display:block;color:#3a3a3a}.control-group label.required:after{content:"*";color:#fc6868;font-weight:700;display:inline-block}.control-group textarea.control{height:100px;padding:10px}.control-group .control{background:#fff;border:2px solid #c7c7c7;border-radius:3px;width:70%;height:36px;display:inline-block;vertical-align:middle;-webkit-transition:.2s cubic-bezier(.4,0,.2,1);transition:.2s cubic-bezier(.4,0,.2,1);padding:0 10px;font-size:15px;margin-top:10px;margin-bottom:5px}.control-group .control:focus{border-color:#0041ff}.control-group .control[disabled=disabled]{border-color:#d3d3d3;background-color:#d3d3d3;cursor:not-allowed}.control-group .control[multiple]{height:100px}.control-group.date:after,.control-group.datetime:after{background-image:url("../images/Icon-Calendar.svg");width:24px;height:24px;content:"";display:inline-block;vertical-align:middle;margin-left:-34px;margin-top:2px;pointer-events:none}.control-group .control-info{display:block;font-style:italic;color:#6f6f6f}.control-group .control-error{display:none;color:#ff5656;margin-top:5px}.control-group.has-error .control{border-color:#fc6868}.control-group.has-error .control-error{display:block}.control-group.price .currency-code{vertical-align:middle;display:inline-block}.button-group{margin-top:20px;margin-bottom:20px}.alert-wrapper{width:300px;top:10px;right:10px;position:fixed;z-index:6;text-align:left}.alert-wrapper .alert{width:300px;padding:15px;border-radius:3px;display:inline-block;-webkit-box-shadow:0 4px 15.36px .64px rgba(0,0,0,.1),0 2px 6px 0 rgba(0,0,0,.12);box-shadow:0 4px 15.36px .64px rgba(0,0,0,.1),0 2px 6px 0 rgba(0,0,0,.12);position:relative;-webkit-animation:jelly .5s ease-in-out;animation:jelly .5s ease-in-out;-webkit-transform-origin:center top;transform-origin:center top;z-index:500;margin-bottom:10px}.alert-wrapper .alert.alert-error{background:#fc6868}.alert-wrapper .alert.alert-info{background:#204d74}.alert-wrapper .alert.alert-success{background:#4caf50}.alert-wrapper .alert.alert-warning{background:#ffc107}.alert-wrapper .alert .icon{position:absolute;right:10px;top:10px;cursor:pointer}.alert-wrapper .alert p{color:#fff;margin:0;padding:0;font-size:15px}.tabs ul{border-bottom:1px solid hsla(0,0%,64%,.2)}.tabs ul li{display:inline-block}.tabs ul li a{padding:15px 20px;cursor:pointer;margin:0 2px;text-align:center;color:#000311;display:block}.tabs ul li.active a{border-bottom:3px solid #0041ff}.accordian,accordian{display:inline-block;width:100%}.accordian .accordian-header,.accordian div[slot*=header],accordian .accordian-header,accordian div[slot*=header]{width:100%;display:inline-block;font-size:18px;color:#3a3a3a;border-bottom:1px solid hsla(0,0%,64%,.2);padding:20px 15px;cursor:pointer}.accordian .accordian-header .expand-icon,.accordian div[slot*=header] .expand-icon,accordian .accordian-header .expand-icon,accordian div[slot*=header] .expand-icon{background-image:url("../images/Expand-Light.svg");margin-right:10px;margin-top:3px}.accordian .accordian-header h1,.accordian div[slot*=header] h1,accordian .accordian-header h1,accordian div[slot*=header] h1{margin:0;font-size:20px;display:inline-block}.accordian .accordian-header .icon,.accordian div[slot*=header] .icon,accordian .accordian-header .icon,accordian div[slot*=header] .icon{float:right}.accordian .accordian-header .icon.left,.accordian div[slot*=header] .icon.left,accordian .accordian-header .icon.left,accordian div[slot*=header] .icon.left{float:left}.accordian .accordian-content,.accordian div[slot*=body],accordian .accordian-content,accordian div[slot*=body]{width:100%;padding:20px 15px;display:none;-webkit-transition:all .3s ease;transition:all .3s ease}.accordian.active>.accordian-content,accordian.active>.accordian-content{display:inline-block}.accordian.active>.accordian-header .expand-icon,accordian.active>.accordian-header .expand-icon{background-image:url("../images/Expand-Light-On.svg")}.tree-container .tree-item{padding-left:30px;display:inline-block;margin-top:10px;width:100%}.tree-container .tree-item>.tree-item{display:none}.tree-container .tree-item.active>.tree-item{display:inline-block}.tree-container .tree-item .checkbox,.tree-container .tree-item .radio{margin:0;display:inline-block}.tree-container .tree-item .expand-icon{display:inline-block;margin-right:10px;cursor:pointer;background-image:url("../images/Expand-Light.svg");width:18px;height:18px;vertical-align:middle}.tree-container .tree-item .folder-icon{vertical-align:middle;margin-right:10px}.tree-container .tree-item.active>.expand-icon{background-image:url("../images/Expand-Light-On.svg")}.tree-container>.tree-item{padding-left:0}.panel{-webkit-box-shadow:0 2px 25px 0 rgba(0,0,0,.15);box-shadow:0 2px 25px 0 rgba(0,0,0,.15);border-radius:5px;background:#fff}.panel .panel-content{padding:20px}modal{display:none}.modal-open{overflow:hidden}.modal-overlay{display:none;overflow-y:auto;z-index:10;top:0;right:0;bottom:0;left:0;position:fixed;background:#000;opacity:.75}.modal-open .modal-overlay{display:block}.modal-container{-webkit-animation:fade-in-white .3s ease-in-out;animation:fade-in-white .3s ease-in-out;z-index:11;margin-left:-350px;width:600px;max-width:80%;background:#fff;position:fixed;left:50%;top:100px;margin-bottom:100px;-webkit-box-shadow:0 15px 25px 0 rgba(0,0,0,.03),0 20px 45px 5px rgba(0,0,0,.2);box-shadow:0 15px 25px 0 rgba(0,0,0,.03),0 20px 45px 5px rgba(0,0,0,.2);-webkit-animation:jelly .5s ease-in-out;animation:jelly .5s ease-in-out;border-radius:5px}.modal-container .modal-header{padding:20px}.modal-container .modal-header h3{display:inline-block;font-size:20px;color:#3a3a3a;margin:0}.modal-container .modal-header .icon{float:right;cursor:pointer}.modal-container .modal-body{padding:20px}.modal-container .modal-body .control-group .control{width:100%}.label{background:#e7e7e7;border-radius:2px;padding:8px;color:#000311;display:inline-block}.label.label-sm{padding:5px}.label.label-md{padding:8px}.label.label-lg{padding:11px}.label.label-xl{padding:14px}.badge{border-radius:50px;color:#fff;padding:8px;white-space:nowrap}.badge.badge-sm{padding:5px}.badge.badge-md{padding:3px 10px}.badge.badge-lg{padding:11px}.badge.badge-xl{padding:14px}.badge.badge-success{background-color:#4caf50}.badge.badge-info{background-color:#0041ff}.badge.badge-danger{background-color:#fc6868}.badge.badge-warning{background-color:#ffc107}.image-wrapper{margin-bottom:20px;margin-top:10px;display:inline-block;width:100%}.image-wrapper .image-item{width:200px;height:200px;margin-right:20px;background:#f8f9fa;border-radius:3px;display:inline-block;position:relative;background-image:url("../images/placeholder-icon.svg");background-repeat:no-repeat;background-position:50%;margin-bottom:20px}.image-wrapper .image-item img.preview{width:100%;height:100%}.image-wrapper .image-item input{display:none}.image-wrapper .image-item .remove-image{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.08)),to(rgba(0,0,0,.24)));background-image:linear-gradient(-180deg,rgba(0,0,0,.08),rgba(0,0,0,.24));border-radius:0 0 4px 4px;position:absolute;bottom:0;width:100%;padding:10px;text-align:center;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.24);margin-right:20px;cursor:pointer}.image-wrapper .image-item:hover .remove-image{display:block}.image-wrapper .image-item.has-image{background-image:none}.cp-spinner{width:48px;height:48px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box}.cp-round:before{border-radius:50%;border:6px solid #bababa}.cp-round:after,.cp-round:before{content:" ";width:48px;height:48px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;left:0}.cp-round:after{border-radius:50%;border-top:6px solid #0041ff;border-right:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid transparent;-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
|
|
>>>>>>> 97cb751c56e436baed6fe43c0e0fccfbf726334d
|