aboutsummaryrefslogtreecommitdiffstats
path: root/app/main/dashboard/dcaedt/dcae.less
diff options
context:
space:
mode:
Diffstat (limited to 'app/main/dashboard/dcaedt/dcae.less')
-rw-r--r--app/main/dashboard/dcaedt/dcae.less1376
1 files changed, 1376 insertions, 0 deletions
diff --git a/app/main/dashboard/dcaedt/dcae.less b/app/main/dashboard/dcaedt/dcae.less
new file mode 100644
index 0000000..6d93f7e
--- /dev/null
+++ b/app/main/dashboard/dcaedt/dcae.less
@@ -0,0 +1,1376 @@
+.about {
+ h1 {
+ font-size: 40px;
+ }
+}
+
+.home {
+ ul.users {
+ li {
+ font-size: 20px;
+ }
+ }
+}
+.sdc-dashboard-container {
+ .tlv-loader {
+ top: -110px;
+ left: 80px;
+ }
+ .sdc-hide-popover {
+ .popover {
+ display: none !important;
+ }
+ }
+}
+
+/* dashboard card main icons */
+.dcae-s-sdc-service { background-position: -60px -2654px; width: 14px; height: 17px;}
+.dcae-s-sdc-resource { background-position: -54px -2585px; width: 16px; height: 16px;}
+
+.dcae-sprite {
+ background-image: url('images/sprites/sprite-global-old.png');
+ display: inline-block;
+}
+.dcae-sprite-new {
+ background-image: url('images/sprites/sprite-global.png');
+ display: inline-block;
+}
+.dcae-sprite.logo { background-position: -50px -100px; width: 39px; height: 32px;}
+.dcae-sprite.white-arrow-down { background-position: -50px -200px; width: 15px; height: 9px;}
+.dcae-sprite.white-arrow-up { background-position: -100px -200px; width: 15px; height: 9px;}
+.arrow-left { background-position: -262px -4041px; width: 11px; height: 10px;}
+.dcae-sprite.tab-info { background-position: -50px -300px; width: 18px; height: 20px;}
+.dcae-sprite.edit { background-position: -51px -689px; width: 31px; height: 30px;}
+.dcae-sprite.details { background-position: -50px -900px; width: 19px; height: 19px;}
+.dcae-sprite.structure { background-position: -212px -3880px; width: 23px; height: 21px;}
+.dcae-sprite.artifacts { background-position: -50px -1098px; width: 20px; height: 20px;}
+.dcae-sprite.menu { background-position: -50px -1200px; width: 17px; height: 14px;}
+.dcae-sprite.catalog { background-position: -53px -1303px; width: 20px; height: 20px;}
+.dcae-sprite.distribution { background-position: -50px -1400px; width: 24px; height: 14px;}
+.dcae-sprite.support { background-position: -50px -1500px; width: 22px; height: 22px;}
+.dcae-sprite.filter { background-position: -50px -1600px; width: 15px; height: 16px;}
+.dcae-sprite.card-menu { background-position: -50px -2000px; width: 4px; height: 16px;}
+.dcae-sprite.relationships { background-position: -50px -2097px; width: 26px; height: 19px;}
+.dcae-sprite.lifecycle { background-position: -50px -2200px; width: 20px; height: 20px;}
+.dcae-sprite.properties { background-position: -50px -2300px; width: 19px; height: 19px;}
+.dcae-sprite.e-sdc-small-icon-delete { background-position: -64px -2771px; width: 11px; height: 13px;}
+.dcae-sprite.magnification-glass { background-position: -49px -3138px; width: 12px; height: 12px;}
+.dcae-sprite.clear-text { background-position: -104px -4040px; width: 10px; height: 11px;}
+/*new tabs icons*/
+.dcae-sprite.info { background-position: -105px -3583px; width: 18px; height: 18px;}
+.dcae-sprite.information-artifacts { background-position: -105px -3632px; width: 20px; height: 21px;}
+.dcae-sprite.deployment-artifacts { background-position: -105px -3682px; width: 19px; height: 19px;}
+.dcae-sprite.properties { background-position: -105px -3733px; width: 18px; height: 18px;}
+.dcae-sprite.relations { background-position: -105px -3781px; width: 20px; height: 20px;}
+.dcae-sprite.inputs { background-position: -104px -3887px; width: 18px; height: 14px;}
+.dcae-sprite.api { background-position: -104px -3930px; width: 25px; height: 21px;}
+
+.dcae-main-right-container {
+ background-color: #ffffff;
+ bottom: 0;
+ padding: 22px 12px;
+ position: absolute;
+ left: 240px;
+ right: 0;
+ top: 0px;
+ overflow: scroll;
+}
+
+.dcae-left-sidebar {
+ width: 242px;
+ overflow: hidden;
+ background-color: #f8f8f8;
+ -webkit-box-shadow: 1px 0 4px 0 rgba(24,24,25,.17);
+ -moz-box-shadow: 1px 0 4px 0 rgba(24,24,25,.17);
+ box-shadow: 1px 0 4px 0 rgba(24,24,25,.17);
+ position: absolute;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ padding: 12px 18px;
+ z-index: 1;
+}
+
+.dcae-left-sidebar-nav {
+ margin-top: 46px;
+}
+
+.dcae-menu-item.selected {
+ border-left: 4px solid #009fdb;
+ padding-left: 18px;
+ color: #009fdb;
+}
+
+.dcae-menu-item {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ width: 100%;
+ white-space: nowrap;
+ display: inline-block;
+ max-width: none;
+ white-space: normal;
+ cursor: pointer;
+}
+//////////////////////////////Cards////////////////////
+.dcae-dashboard-card-new {
+ border: 2px dashed #a8b3b9;
+ .border-radius(2px);
+ cursor: pointer;
+ display: inline-block;
+ margin: 9px;
+ position: relative;
+ vertical-align: middle;
+ height: 190px;
+ width: 190px;
+}
+
+.dcae-dashboard-card-new-content {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ height: 100%;
+ cursor: pointer;
+}
+
+.dcae-dashboard-card-new-content-plus {
+ .dcae-sprite-new;
+ .add-icon;
+ position: relative;
+ margin-bottom: 20px;
+
+ &:after {
+ .n_14_m;
+ content: 'ADD';
+ position: absolute;
+ top: 25px;
+ left: -3px;
+ vertical-align: -50%;
+ }
+}
+
+.dcae-dashboard-card-import-content-plus {
+ .dcae-sprite-new;
+ .import-icon;
+ position: relative;
+ margin-bottom: 20px;
+
+ &:after {
+ .n_14_m;
+ content: 'IMPORT';
+ position: absolute;
+ top: 25px;
+ left: -16px;
+ vertical-align: -50%;
+ }
+}
+
+.sdc-dashboard-create-element-container,
+.sdc-dashboard-import-element-container {
+
+ width: 140px;
+
+ .tlv-btn.import-dcae {
+ padding: 0;
+ }
+
+ .tlv-btn {
+ position: relative;
+ width: 100%;
+ margin-bottom: 10px;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ input[type="file"] {
+ cursor: inherit;
+ filter: alpha(opacity=0);
+ opacity: 0;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 138px;
+ height: 30px;
+ }
+}
+
+.dcae-dashboard-card {
+ width: 190px;
+ height: 190px;
+ background-color: #fff;
+ .border-radius(2px);
+ .box-shadow(0px 2px 2px 0px rgba(24, 24, 25, 0.05));
+ display: inline-block;
+ margin: 10px;
+ position: relative;
+ vertical-align: middle;
+ border: solid 1px #e4e1e1;
+
+ &:hover {
+ border: solid 1px @main_color_o;
+ .box-shadow(3px 3px 2px 0px rgba(24, 24, 25, 0.05));
+ }
+
+ &:active {
+ border: solid 1px @main_color_c;
+ .box-shadow(3px 3px 2px 0px rgba(24, 24, 25, 0.05));
+ }
+}
+
+.dcae-dashboard-card-body {
+ .hand;
+ border-bottom: 1px solid #ffffff;
+ height: 155px;
+ position: relative;
+ text-align: center;
+}
+
+.dcae-dashboard-card-description {
+ .c_3;
+ .hand;
+ background-color: rgba(57, 73, 84, 0.9);
+ border-radius: 4px 4px 0 0;
+ bottom: 0;
+ left: 0;
+ opacity: 0;
+ padding: 10px;
+ position: absolute;
+ right: 0;
+ text-align: left;
+ top: 0;
+ word-wrap: break-word;
+ z-index: 4;
+ min-height: 100px;
+ overflow: hidden;
+}
+
+ .dcae-workspace-top-bar {
+ height: 26px;
+ padding: 12px 10px 0px 50px;
+ border-bottom: 1px solid #d2d2d2;
+ display: flex;
+ justify-content: space-between;
+
+ .version-container{
+
+ }
+
+ .progress-container{
+ flex-grow:4;
+ z-index: 10000000;
+
+ .general-view-top-progress{
+ width:30%;
+ margin: 0 auto;
+ }
+ }
+
+ .not-latest{
+ position: absolute;
+ left: 24px;
+ top: 20px;
+ .dcae-sprite-new;
+ .asdc-warning;
+ }
+
+ .sdc-workspace-top-bar-buttons {
+
+ > button, > span:not(.delimiter){
+ margin-right: 10px;
+ vertical-align: middle;
+ .hand;
+
+ &.dcae-sprite-new {
+ text-indent: 100%;
+ }
+ &.disabled, &:hover.disabled {
+ pointer-events: none;
+ }
+ }
+ .delimiter {
+ height: 32px;
+ width: 1px;
+ background-color: #959595;
+ display: inline-block;
+ vertical-align: middle;
+ margin-right: 20px;
+ }
+
+ }
+
+
+ .lifecycle-state {
+ padding: 7px 0 0 10px;
+ margin: 2px 0 7px 10px;
+ border-left: 1px solid #d2d2d2;
+ line-height: 15px;
+ font-family: @font-omnes-medium;
+ color: #d2d2d2;
+
+ .lifecycle-state-icon {
+ .dcae-sprite-new;
+ }
+ .lifecycle-state-text {
+
+ font-weight: bold;
+ text-transform: uppercase;
+ vertical-align: top;
+ padding: 3px;
+ }
+ }
+
+ .version-selector {
+ // float:left;
+ background-color: transparent;
+ border: none;
+ margin-top: 6px;
+ }
+ }
+
+ .dcae-asset-creation-info {
+ color: #959595;
+ font-family: omnes-regular,sans-serif;
+ font-size: 12px;
+ margin: 8px 20px 0 0;
+ }
+
+ // Workspace bar //
+.dcae-dashboard-card-schema {
+ margin-top: 30px;
+}
+
+.dcae-dashboard-card-edit {
+ .hand;
+ position: absolute;
+ right: 13px;
+ top: 15px;
+ z-index: 2;
+}
+
+.dcae-vfcmt-title{
+ text-align: left;
+ margin: 7px;
+ color: #009fdb;
+}
+
+.dcae-dashboard-card-footer {
+ border-top: 1px solid #eaeaea;
+ margin: 0px 5px;
+ position: relative;
+}
+
+.dcae-dashboard-card-avatar {
+ .uppercase;
+ border-radius: 50%;
+ display: inline-block;
+ position: absolute;
+ left: -6px;
+ text-align: center;
+ top: -6px;
+
+ span {
+
+ background-color: @main_color_p;
+ .border-radius(15px);
+ color: @color_c;
+ content: '';
+ height: 30px;
+ text-align: center;
+ display: block;
+ border: solid 2px #ECEFF3;
+ padding: 3px 10px 2px 10px;
+
+ &.VF {
+ .j_14_m;
+ &::before {
+ content: 'VF';
+ }
+ }
+
+ &.VFC {
+ .j_14_m;
+ &::before {
+ content: 'VFC';
+ }
+ }
+
+ &.CP {
+ .j_14_m;
+ &::before {
+ content: 'CP';
+ }
+ }
+
+ &.VL {
+ .j_14_m;
+ &::before {
+ content: 'VL';
+ }
+ }
+
+ &.SERVICE {
+ .c_14_m;
+ &::before {
+ content: 'S';
+ }
+ }
+
+ &.PRODUCT {
+ .b_14_m;
+ &::before {
+ content: 'P';
+ }
+ }
+
+ &.green {
+ .d_12;
+ &::before {
+ content: 'R';
+ }
+ }
+ &.red {
+ .r_12;
+ &::before {
+ content: 'S';
+ }
+ }
+ &.dblack {
+ .s_12;
+ &::before {
+ content: 'P';
+ }
+ }
+ }
+}
+
+.dcae-dashboard-card-info {
+ display: inline-block;
+ vertical-align: middle;
+ max-width: 165px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.dcae-dashboard-card-info-name-container{
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ margin: 0 0 2px 10px;
+}
+.dcae-dashboard-card-info-name {
+ .m_14_m;
+ display: inline-block;
+ vertical-align: middle;
+ max-width: 165px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.dcae-dashboard-card-info-lifecycleState {
+ .m_13_m;
+ display: inline-block;
+ vertical-align: middle;
+ max-width: 165px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.dcae-dashboard-card-info-user {
+ .n_13_r;
+ text-align: left;
+ line-height: 18px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ width: 100%;
+}
+
+.dcae-dashboard-card-menu-button {
+ display: inline-block;
+ padding: 12px 0 0 10px;
+ position: absolute;
+ right: 12px;
+ top: 8px;
+ border-left: solid 1px @color_k;
+ height: 42px;
+
+ &:hover {
+ .dcae-dashboard-card-menu {
+ display: block;
+ }
+ }
+}
+
+.dcae-dashboard-card-menu {
+ .bg_c;
+ border-radius: 0 0 4px 4px;
+ border-top: 3px solid @color_a;
+ box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.2);
+ color: @color_s;
+ display: none;
+ min-height: 30px;
+ padding: 9px 0;
+ position: absolute;
+ right: -27px;
+ width: 208px;
+ z-index: 9;
+ max-height: 164px;
+
+ &::before {
+ //TODO: Missing image for small blue triangle.
+ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE1OTIzNDI1MENFQjExRTU4ODRERTI1MDM2REZCOUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE1OTIzNDI2MENFQjExRTU4ODRERTI1MDM2REZCOUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTU5MjM0MjMwQ0VCMTFFNTg4NERFMjUwMzZERkI5RjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTU5MjM0MjQwQ0VCMTFFNTg4NERFMjUwMzZERkI5RjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4gBXTlAAAAOElEQVR42mK0rp7NgASMgZgFiE/CBJjQJPcA8U4gNkdXAJMUAGJ+ZEVMaJIwAFfEhEUSRRFAgAEAVtgJyiLAPWAAAAAASUVORK5CYII=');
+ content: '';
+ display: block;
+ height: 21px;
+ position: absolute;
+ right: 24px;
+ top: -24px;
+ width: 184px;
+ background-repeat: no-repeat;
+ background-position: 175px 16px;
+ }
+}
+
+.i-sdc-dashboard-card-menu-item {
+ .hand;
+ line-height: 24px;
+ padding: 0 10px;
+ &:hover { .a_7; }
+}
+
+.dcae-dashboard-card-info-lifecycleState-icon{
+ position:absolute;
+ bottom:18px;
+ right:10px;
+}
+
+// Same for dashboard and catalog view.
+.dcae-dashboard-card-schema-image {
+ position: absolute;
+ top: 41%;
+
+ //TODO: Israel - remove this after getting the services sprite.
+ height: 45px;
+ width: 53px;
+ background-repeat: no-repeat;
+
+ // Center the icon vertical and horizontal.
+ margin: auto;
+ left: 0;
+ right: 0;
+ top: -10px;
+ bottom: 0;
+}
+
+/* dashboard card main icons */
+.dcae-dashboard-card-schema-image.service { .dcae-s-sdc-service }
+.dcae-dashboard-card-schema-image.resource { .dcae-s-sdc-resource }
+
+/* dashboard card statuses icons */
+.dcae-dashboard-card-edit.NOT_CERTIFIED_CHECKIN { .dcae-sprite; .dcae-s-sdc-state.NOT_CERTIFIED_CHECKIN; }
+.dcae-dashboard-card-edit.NOT_CERTIFIED_CHECKOUT { .dcae-sprite; .dcae-s-sdc-state.NOT_CERTIFIED_CHECKOUT; }
+.dcae-dashboard-card-edit.CERTIFIED { .dcae-sprite; .dcae-s-sdc-state.CERTIFIED; }
+.dcae-dashboard-card-edit.READY_FOR_CERTIFICATION { .dcae-sprite; .dcae-s-sdc-state.READY_FOR_CERTIFICATION; }
+.dcae-dashboard-card-edit.CERTIFICATION_IN_PROGRESS { .dcae-sprite; .dcae-s-sdc-state.CERTIFICATION_IN_PROGRESS; }
+.dcae-dashboard-card-edit.DISTRIBUTED { .dcae-sprite; .dcae-s-sdc-state.DISTRIBUTED; }
+
+.dcae-dashboard-card-avatar.green + .dcae-dashboard-card-edit.NOT_CERTIFIED_CHECKIN { .dcae-sprite; .dcae-s-sdc-state.NOT_CERTIFIED_CHECKIN.green; }
+.dcae-dashboard-card-avatar.green + .dcae-dashboard-card-edit.NOT_CERTIFIED_CHECKOUT { .dcae-sprite; .dcae-s-sdc-state.NOT_CERTIFIED_CHECKOUT.green; }
+.dcae-dashboard-card-avatar.green + .dcae-dashboard-card-edit.CERTIFIED { .dcae-sprite; .dcae-s-sdc-state.CERTIFIED.green; }
+.dcae-dashboard-card-avatar.green + .dcae-dashboard-card-edit.READY_FOR_CERTIFICATION { .dcae-sprite; .dcae-s-sdc-state.READY_FOR_CERTIFICATION.green; }
+.dcae-dashboard-card-avatar.green + .dcae-dashboard-card-edit.CERTIFICATION_IN_PROGRESS { .dcae-sprite; .dcae-s-sdc-state.CERTIFICATION_IN_PROGRESS.green; }
+.dcae-dashboard-card-avatar.green + .dcae-dashboard-card-edit.DISTRIBUTED { .dcae-sprite; .dcae-s-sdc-state.DISTRIBUTED.green; }
+
+.dcae-dashboard-card-avatar.red + .dcae-dashboard-card-edit.NOT_CERTIFIED_CHECKIN { .dcae-sprite; .dcae-s-sdc-state.NOT_CERTIFIED_CHECKIN.red; }
+.dcae-dashboard-card-avatar.red + .dcae-dashboard-card-edit.NOT_CERTIFIED_CHECKOUT { .dcae-sprite; .dcae-s-sdc-state.NOT_CERTIFIED_CHECKOUT.red; }
+.dcae-dashboard-card-avatar.red + .dcae-dashboard-card-edit.CERTIFIED { .dcae-sprite; .dcae-s-sdc-state.CERTIFIED.red; }
+.dcae-dashboard-card-avatar.red + .dcae-dashboard-card-edit.READY_FOR_CERTIFICATION { .dcae-sprite; .dcae-s-sdc-state.READY_FOR_CERTIFICATION.red; }
+.dcae-dashboard-card-avatar.red + .dcae-dashboard-card-edit.CERTIFICATION_IN_PROGRESS { .dcae-sprite; .dcae-s-sdc-state.CERTIFICATION_IN_PROGRESS.red; }
+.dcae-dashboard-card-avatar.red + .dcae-dashboard-card-edit.DISTRIBUTED { .dcae-sprite; .dcae-s-sdc-state.DISTRIBUTED.red; }
+
+.w-sdc-main-container{
+ height: 100%;
+}
+.sdc-catalog-container {
+
+ height: 100%;
+ .i-sdc-categories-list-item {
+ font-weight: normal;
+ }
+
+ // Checkboxes
+ .i-sdc-designer-leftbar-section-content-ul {
+ padding: 0;
+ margin: 0;
+
+ .i-sdc-catalog-subcategories-checkbox {
+ padding: 0 0 0 20px;
+ margin: 0;
+
+ .i-sdc-catalog-grouping-checkbox {
+ padding: 0 0 0 20px;
+ margin: 0;
+ }
+
+ }
+
+ }
+
+ .i-sdc-designer-leftbar-section-content-li {
+ &:last-child {
+ .i-sdc-categories-list-item {
+ margin: 0;
+ }
+ }
+ }
+
+ .i-sdc-categories-list-item {
+ display: block;
+ //margin-bottom: 5px;
+ //padding-left: 15px;
+ //text-indent: -24px;
+ vertical-align: top;
+ font-weight: bold;
+ }
+
+ .i-sdc-subcategories-list-item {
+ display: block;
+ //padding-left: 20px;
+ vertical-align: top;
+ font-weight: normal;
+ margin: 0;
+ //text-indent: -10px;
+ }
+
+ /*Added by - Ikram */
+ .i-sdc-product-input,
+ .i-sdc-product-select {
+ border: 1px solid @border_color_f;
+ min-height: 30px;
+ padding: 0;
+ width: 100%;
+ margin: 1px 0;
+ background-color: #F2F2F2;
+ outline: none;
+
+ &:disabled {
+ .disabled;
+ }
+ optgroup{
+ color: @color_u;
+ option{
+ color: @color_b;
+ }
+ }
+ }
+
+ .i-sdc-categories-list-item-icon {
+ display: inline-block;
+ float: right;
+ position: relative;
+ right: -8px;
+ top: 6px;
+ }
+
+ .i-sdc-categories-list-item {
+ margin-top: 7px;
+ &.NOT_CERTIFIED_CHECKOUT,
+ &.NOT_CERTIFIED_CHECKIN {
+ .i-sdc-categories-list-item-icon {
+ background: url('images/sprites/sprite-global-old.png') no-repeat -53px -2889px;
+ width: 14px;
+ height: 14px;
+
+ }
+ }
+
+ &.CERTIFIED {
+ .i-sdc-categories-list-item-icon {
+ background: url('images/sprites/sprite-global-old.png') no-repeat -53px -3034px;
+ width: 14px;
+ height: 16px;
+ }
+ }
+
+ &.READY_FOR_CERTIFICATION {
+ .i-sdc-categories-list-item-icon {
+ background: url('images/sprites/sprite-global-old.png') no-repeat -53px -2985px;
+ width: 14px;
+ height: 16px;
+ }
+ }
+
+ &.CERTIFICATION_IN_PROGRESS {
+ .i-sdc-categories-list-item-icon {
+ background: url('images/sprites/sprite-global-old.png') no-repeat -53px -2934px;
+ width: 14px;
+ height: 16px;
+ }
+ }
+
+ &.DISTRIBUTED,
+ &.TBD {
+ .i-sdc-categories-list-item-icon {
+ background: url('images/sprites/sprite-global-old.png') no-repeat -43px -3087px;
+ width: 24px;
+ height: 14px;
+
+ }
+ }
+ }
+
+ .i-sdc-categories-list-input {
+ margin: 8px;
+
+ }
+
+ .i-sdc-subcategories-list-input {
+
+ margin: 8px;
+ }
+ .i-sdc-subcategories-list-input-container {
+ margin: 0px 0px 0px 20px;
+ padding: 2px;
+ }
+
+ .dcae-header-catalog-search-container {
+ display: table;
+ padding: 21px 0;
+ position: relative;
+
+ .dcae-designer-leftbar-search-input {
+ color: #000;
+ width: 300px;
+ }
+
+ // .magnification {
+ // .dcae-sprite;
+ // .dcae-sprite.magnification-glass;
+ // .hand;
+ // position: absolute;
+ // top: 40px;
+ // right: 42px;
+ // }
+ }
+
+ .dcae-catalog-main {
+ padding: 10px 12px;
+ }
+ .dcae-dashboard-catalog-header {
+ .b_9;
+ display: inline-block;
+ font-style: italic;
+ font-weight: bold;
+ padding-left: 10px;
+ }
+
+ .dcae-dashboard-catalog-header-order {
+ .b_9;
+ font-weight: 800;
+ }
+
+ .dcae-dashboard-catalog-sort {
+ .b_9;
+ font-weight: bold;
+ white-space:pre;
+ &:hover{
+ .hand;
+ text-decoration: none;
+ .a_9;
+ }
+ &.blue {
+ .a_9;
+ }
+ }
+
+ .dcae-catalog-sort-arrow{
+ display: inline-block;
+ &.up{
+ .b_9;
+ width: 0;
+ height: 0;
+ border-left: 5px solid transparent;
+ border-right: 5px solid transparent;
+ border-bottom: 5px solid ;
+ }
+ &.down{
+ .b_9;
+ width: 0;
+ height: 0;
+ border-left: 5px solid transparent;
+ border-right: 5px solid transparent;
+ border-top: 5px solid;
+ }
+ }
+
+
+
+
+ .dcae-dashboard-catalog-header-right{
+ float: right;
+ display: inline-block;
+ padding-right:34px;
+ }
+
+ .dcae-dashboard-catalog-header-right-vf {
+ top:0px;
+ overflow:scroll;
+ }
+
+ .dcae-header-catalog-search-input {
+ width: 420px;
+ display: table-cell;
+ padding: 0 25px 1px 10px;
+ border: 1px solid #bcbcbc;
+ .border-radius(10px);
+ height: 30px;
+ margin: 10px 30px;
+ outline: none;
+ }
+
+ .sdc-catalog-type-filter-container {
+ margin-top: -1px;
+ }
+
+ .i-sdc-designer-leftbar-section-title {
+ text-transform: uppercase;
+ .l_14_m;
+ line-height: 30px;
+ }
+
+ .i-sdc-designer-leftbar-section-title-icon {
+ .hand;
+ .tlv-sprite;
+ .footer-close;
+ transition: .3s all;
+ margin-top: -4px;
+ }
+
+ .i-sdc-designer-leftbar-section-title-text {
+ margin-left: 20px;
+ }
+
+ .seperator-left,
+ .seperator-right {
+ border-right: solid 1px @color_m;
+ display: table-cell;
+ width: 2px;
+ }
+
+ // Rotate catalog left side arrows
+ .i-sdc-designer-leftbar-section-title.expanded .i-sdc-designer-leftbar-section-title-icon {
+ transform: rotate(180deg);
+ }
+
+ // Transform catalog left side sections
+ .i-sdc-designer-leftbar-section-title + .i-sdc-designer-leftbar-section-content {
+ max-height: 0px;
+ margin: 0 auto;
+ transition: all .3s;
+ overflow: hidden;
+ padding: 0 10px 0 18px;
+ }
+
+ .i-sdc-designer-leftbar-section-title.expanded + .i-sdc-designer-leftbar-section-content {
+ max-height: 9999px;
+ margin: 0 auto 1px;
+ transition: all .3s;
+ padding: 10px 18px 10px 18px;
+ overflow: hidden;
+ }
+
+}
+
+.dcae-search-icon{
+ position: absolute;
+ right: 40px;
+ top: 40px;
+ &.leftbar{
+ top: 19px;
+ right: 18px;
+ }
+ &.magnification {
+ .dcae-sprite;
+ .dcae-sprite.magnification-glass;
+ .hand;
+ }
+
+ &.cancel {
+ .dcae-sprite;
+ .dcae-sprite.clear-text;
+ .hand;
+ }
+}
+
+.dcae-main-container {
+ background-color: #ECEFF3;
+ position: absolute;
+ /*top: 0px;*/
+ left: 0;
+ right: 0;
+ /*bottom: 0px;*/
+ height: 100%;
+ overflow: auto;
+}
+.dcae-input-text:read-only{
+ background-color: #eaeaea;
+}
+.dcae-image-text-btn{
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+.dcae-round-btn{
+ border-radius: 50%;
+ position: relative;
+ z-index: 2;
+ padding: 0;
+ display: inline-block;
+ color: #fff;
+ overflow: hidden;
+ z-index: 1;
+ width: 75px;
+ height: 75px;
+ line-height: 40px;
+ padding: 0;
+ background-color: #009fdb;
+ border-radius: 50%;
+ transition: .3s;
+ cursor: pointer;
+ vertical-align: middle;
+ border:0;
+}
+.dcae-round-btn:disabled {
+ opacity: 0.5;
+ cursor: not-allowed !important;
+}
+.dcae-main-container .dcae-main-right-container {
+ background-color: #ffffff;
+ bottom: 0;
+ padding: 22px 12px;
+ position: absolute;
+ left: 240px;
+ right: 0;
+ top: 0px;
+ overflow: scroll;
+}
+.dcae-main-container .dcae-main-right-container > div:first-child {
+ /* scroll fix */
+ padding-bottom: 53px;
+}
+.sdc-loading-page {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ position: absolute;
+ height: 100%;
+ width: 100%;
+}
+.sdc-loading-page .caption1 {
+ color: #ffffff;
+ font-family: omnes-light, sans-serif;
+ font-size: 24px;
+ text-align: center;
+}
+.sdc-loading-page .caption2 {
+ color: #ffffff;
+ font-family: omnes-medium, sans-serif;
+ font-size: 16px;
+ display: block;
+}
+
+.dcae-dashboard-card-new {
+ border: 2px dashed #a8b3b9;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ border-radius: 2px;
+ cursor: pointer;
+ display: inline-block;
+ margin: 9px;
+ position: relative;
+ vertical-align: middle;
+ height: 190px;
+ width: 190px;
+}
+.dcae-dashboard-card-new-content {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ height: 100%;
+}
+.dcae-import-icon{
+ background: url('images/import.svg') no-repeat center;
+ display: inline-block;
+ width: 23px;
+ height: 23px;
+ position: relative;
+}
+.dcae-dashboard-card-new-content-plus {
+// background-image: url('images/sprites/sprite-global.png');
+ background: url('images/Add.png') no-repeat center;
+ display: inline-block;
+// background-position: -50px -77px;
+ width: 45px;
+ height: 45px;
+ position: relative;
+// margin-bottom: 20px;
+}
+.dcae-dashboard-card-new-content-plus:after {
+ color: #009fdb;
+ font-family: omnes-medium, sans-serif;
+ font-size: 14px;
+ content: 'Create New Asset';
+ position: absolute;
+ top: 50px;
+ left: -36px;
+ vertical-align: -50%;
+ width:120px;
+}
+.dcae-dashboard-card-import-content-plus {
+ background-image: url('images/sprites/sprite-global.png');
+ display: inline-block;
+ background-position: -100px -81px;
+ width: 23px;
+ height: 23px;
+ position: relative;
+ margin-bottom: 20px;
+}
+.dcae-dashboard-card-import-content-plus:after {
+ color: #959595;
+ font-family: omnes-medium, sans-serif;
+ font-size: 14px;
+ content: 'IMPORT';
+ position: absolute;
+ top: 25px;
+ left: -16px;
+ vertical-align: -50%;
+}
+.sdc-dashboard-create-element-container,
+.sdc-dashboard-import-element-container {
+ width: 140px;
+}
+.sdc-dashboard-create-element-container .tlv-btn.import-dcae,
+.sdc-dashboard-import-element-container .tlv-btn.import-dcae {
+ padding: 0;
+}
+.sdc-dashboard-create-element-container .tlv-btn,
+.sdc-dashboard-import-element-container .tlv-btn {
+ position: relative;
+ width: 100%;
+ margin-bottom: 10px;
+}
+.sdc-dashboard-create-element-container .tlv-btn:last-child,
+.sdc-dashboard-import-element-container .tlv-btn:last-child {
+ margin-bottom: 0;
+}
+.sdc-dashboard-create-element-container input[type="file"],
+.sdc-dashboard-import-element-container input[type="file"] {
+ cursor: inherit;
+ filter: alpha(opacity=0);
+ opacity: 0;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 138px;
+ height: 30px;
+}
+
+.dcae-dashboard-card:hover {
+ border: solid 1px #d2d2d2;
+ -webkit-box-shadow: 3px 3px 2px 0px rgba(24, 24, 25, 0.05);
+ -moz-box-shadow: 3px 3px 2px 0px rgba(24, 24, 25, 0.05);
+ box-shadow: 3px 3px 2px 0px rgba(24, 24, 25, 0.05);
+}
+.dcae-dashboard-card:active {
+ border: solid 1px #71c5eb;
+ -webkit-box-shadow: 3px 3px 2px 0px rgba(24, 24, 25, 0.05);
+ -moz-box-shadow: 3px 3px 2px 0px rgba(24, 24, 25, 0.05);
+ box-shadow: 3px 3px 2px 0px rgba(24, 24, 25, 0.05);
+}
+
+.dcae-dashboard-card-description {
+ color: #ffffff;
+ font-family: omnes-regular, sans-serif;
+ font-size: 12px;
+ cursor: pointer;
+ background-color: rgba(57, 73, 84, 0.9);
+ border-radius: 4px 4px 0 0;
+ bottom: 0;
+ left: 0;
+ opacity: 0;
+ padding: 10px;
+ position: absolute;
+ right: 0;
+ text-align: left;
+ top: 0;
+ word-wrap: break-word;
+ z-index: 4;
+ min-height: 100px;
+ overflow: hidden;
+}
+.dcae-dashboard-card-schema {
+ margin-top: 30px;
+}
+.dcae-dashboard-card-edit {
+ cursor: pointer;
+ position: absolute;
+ right: 13px;
+ top: 15px;
+ z-index: 2;
+}
+.dcae-dashboard-card-footer {
+ padding: 0 5px;
+// padding: 3px 12px 10px 12px;
+ position: relative;
+}
+.dcae-dashboard-card-avatar {
+ text-transform: uppercase;
+ border-radius: 50%;
+ display: inline-block;
+ position: absolute;
+ left: -6px;
+ text-align: center;
+ top: -6px;
+}
+.dcae-dashboard-card-avatar span {
+ background-color: #ffffff;
+ -webkit-border-radius: 15px;
+ -moz-border-radius: 15px;
+ border-radius: 15px;
+ color: #ffffff;
+ content: '';
+ height: 30px;
+ text-align: center;
+ display: block;
+ border: solid 2px #ECEFF3;
+ padding: 3px 10px 2px 10px;
+}
+.dcae-dashboard-card-avatar span.VF {
+ color: #9063cd;
+ font-family: omnes-medium, sans-serif;
+ font-size: 14px;
+}
+.dcae-dashboard-card-avatar span.VF::before {
+ content: 'VF';
+}
+.dcae-dashboard-card-avatar span.VFC {
+ color: #9063cd;
+ font-family: omnes-medium, sans-serif;
+ font-size: 14px;
+}
+.dcae-dashboard-card-avatar span.VFC::before {
+ content: 'VFC';
+}
+.dcae-dashboard-card-avatar span.VFCMT {
+ color: #9063cd;
+ font-family: omnes-medium, sans-serif;
+ font-size: 14px;
+}
+.dcae-dashboard-card-avatar span.VFCMT::before {
+ content: 'VFCMT';
+}
+.dcae-dashboard-card-avatar span.CP {
+ color: #9063cd;
+ font-family: omnes-medium, sans-serif;
+ font-size: 14px;
+}
+.dcae-dashboard-card-avatar span.CP::before {
+ content: 'CP';
+}
+.dcae-dashboard-card-avatar span.VL {
+ color: #9063cd;
+ font-family: omnes-medium, sans-serif;
+ font-size: 14px;
+}
+.dcae-dashboard-card-avatar span.VL::before {
+ content: 'VL';
+}
+.dcae-dashboard-card-avatar span.SERVICE {
+ color: #71c5eb;
+ font-family: omnes-medium, sans-serif;
+ font-size: 14px;
+}
+.dcae-dashboard-card-avatar span.SERVICE::before {
+ content: 'S';
+}
+.dcae-dashboard-card-avatar span.PRODUCT {
+ color: #056bae;
+ font-family: omnes-medium, sans-serif;
+ font-size: 14px;
+}
+.dcae-dashboard-card-avatar span.PRODUCT::before {
+ content: 'P';
+}
+.dcae-dashboard-card-avatar span.green {
+ color: #1d9a95;
+ font-family: omnes-medium, sans-serif;
+ font-size: 17px;
+}
+.dcae-dashboard-card-avatar span.green::before {
+ content: 'R';
+}
+.dcae-dashboard-card-avatar span.red {
+ color: #e85858;
+ font-family: omnes-medium, sans-serif;
+ font-size: 17px;
+}
+.dcae-dashboard-card-avatar span.red::before {
+ content: 'S';
+}
+.dcae-dashboard-card-avatar span.dblack {
+ color: #000000;
+ font-family: omnes-medium, sans-serif;
+ font-size: 17px;
+}
+.dcae-dashboard-card-avatar span.dblack::before {
+ content: 'P';
+}
+.dcae-dashboard-card-info {
+ display: inline-block;
+ vertical-align: middle;
+ max-width: 165px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.dcae-dashboard-card-info-name-container {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ margin: 0 0 2px 10px;
+}
+.dcae-dashboard-card-info-name {
+ color: #5a5a5a;
+ font-family: omnes-medium, sans-serif;
+ font-size: 14px;
+ display: inline-block;
+ vertical-align: middle;
+ max-width: 165px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.dcae-dashboard-card-info-lifecycleState {
+ color: #5a5a5a;
+ font-family: omnes-medium, sans-serif;
+ font-size: 13px;
+ display: inline-block;
+ vertical-align: middle;
+ max-width: 165px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.dcae-dashboard-card-info-user {
+ color: #959595;
+ font-family: omnes-regular, sans-serif;
+ font-size: 13px;
+ line-height: 18px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ width: 100%;
+}
+.dcae-dashboard-card-menu-button {
+ display: inline-block;
+ padding: 12px 0 0 10px;
+ position: absolute;
+ right: 12px;
+ top: 8px;
+ border-left: solid 1px #e1e7ec;
+ height: 42px;
+}
+.dcae-dashboard-card-menu-button:hover .dcae-dashboard-card-menu {
+ display: block;
+}
+.dcae-dashboard-card-menu {
+ background-color: #ffffff;
+ border-radius: 0 0 4px 4px;
+ border-top: 3px solid #3b7b9b;
+ box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.2);
+ color: #000000;
+ display: none;
+ min-height: 30px;
+ padding: 9px 0;
+ position: absolute;
+ right: -27px;
+ width: 208px;
+ z-index: 9;
+ max-height: 164px;
+}
+.dcae-dashboard-card-menu::before {
+ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE1OTIzNDI1MENFQjExRTU4ODRERTI1MDM2REZCOUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE1OTIzNDI2MENFQjExRTU4ODRERTI1MDM2REZCOUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTU5MjM0MjMwQ0VCMTFFNTg4NERFMjUwMzZERkI5RjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTU5MjM0MjQwQ0VCMTFFNTg4NERFMjUwMzZERkI5RjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4gBXTlAAAAOElEQVR42mK0rp7NgASMgZgFiE/CBJjQJPcA8U4gNkdXAJMUAGJ+ZEVMaJIwAFfEhEUSRRFAgAEAVtgJyiLAPWAAAAAASUVORK5CYII=');
+ content: '';
+ display: block;
+ height: 21px;
+ position: absolute;
+ right: 24px;
+ top: -24px;
+ width: 184px;
+ background-repeat: no-repeat;
+ background-position: 175px 16px;
+}
+
+.perfect-scrollbar {
+ position: relative;
+ overflow: hidden;
+}
+
+.scroller {
+ white-space: pre-line;
+ height: 500px;
+ overflow-y: hidden;
+ position: relative;
+}
+
+.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
+ background-color: #666666;
+ -webkit-border-radius: 0px;
+ -moz-border-radius: 0px;
+ border-radius: 0px;
+ opacity: 1;
+ width: 6px;
+ margin: 0 2px;
+}
+.ps-container > .ps-scrollbar-y-rail {
+ -webkit-border-radius: 0px;
+ -moz-border-radius: 0px;
+ border-radius: 0px;
+ width: 10px ;
+ background-color: rgba(255, 255, 255, 0.5);
+ z-index: 1000;
+}
+
+/* dashboard card statuses icons */
+.dcae-s-sdc-state.NOT_CERTIFIED_CHECKIN { background-position: -47px -2839px; width: 20px; height: 19px;}
+.dcae-s-sdc-state.NOT_CERTIFIED_CHECKIN.green { background-position: -70px -2839px;}
+.dcae-s-sdc-state.NOT_CERTIFIED_CHECKIN.red { background-position: -93px -2839px;}
+
+.dcae-s-sdc-state.NOT_CERTIFIED_CHECKOUT { background-position: -53px -2889px; width: 14px; height: 14px;}
+.dcae-s-sdc-state.NOT_CERTIFIED_CHECKOUT.green { background-position: -76px -2889px;}
+.dcae-s-sdc-state.NOT_CERTIFIED_CHECKOUT.red { background-position: -99px -2889px;}
+
+.dcae-s-sdc-state.CERTIFIED { background-position: -53px -3034px; width: 14px; height: 16px;}
+.dcae-s-sdc-state.CERTIFIED.green { background-position: -76px -3034px;}
+.dcae-s-sdc-state.CERTIFIED.red { background-position: -99px -3034px;}
+
+.dcae-s-sdc-state.READY_FOR_CERTIFICATION { background-position: -53px -2985px; width: 14px; height: 16px;}
+.dcae-s-sdc-state.READY_FOR_CERTIFICATION.green { background-position: -76px -2985px;}
+.dcae-s-sdc-state.READY_FOR_CERTIFICATION.red { background-position: -99px -2985px;}
+
+.dcae-s-sdc-state.CERTIFICATION_IN_PROGRESS { background-position: -53px -2934px; width: 14px; height: 16px;}
+.dcae-s-sdc-state.CERTIFICATION_IN_PROGRESS.green { background-position: -76px -2934px;}
+.dcae-s-sdc-state.CERTIFICATION_IN_PROGRESS.red { background-position: -99px -2934px; }
+
+.dcae-s-sdc-state.DISTRIBUTED { background-position: -43px -3087px; width: 24px; height: 14px;}
+.dcae-s-sdc-state.DISTRIBUTED.green { background-position: -76px -3087px;}
+.dcae-s-sdc-state.DISTRIBUTED.red { background-position: -113px -3087px;}
+