.sdc-catalog-container { .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; } .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('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -2889px; width: 14px; height: 14px; } } &.CERTIFIED { .i-sdc-categories-list-item-icon { background: url('/assets/styles/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('/assets/styles/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('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -2934px; width: 14px; height: 16px; } } &.DISTRIBUTED, &.TBD { .i-sdc-categories-list-item-icon { background: url('/assets/styles/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; } .w-sdc-header-catalog-search-container { display: table; padding: 21px 0; position: relative; .w-sdc-designer-leftbar-search-input { color: #000; width: 300px; } // .magnification { // .sprite; // .sprite.magnification-glass; // .hand; // position: absolute; // top: 40px; // right: 42px; // } } .w-sdc-catalog-main { padding: 10px 12px; } .w-sdc-dashboard-catalog-header { .b_3; display: inline-block; font-style: italic; font-weight: bold; padding-left: 10px; } .w-sdc-dashboard-catalog-header-order { .b_3; font-weight: 800; } .w-sdc-dashboard-catalog-sort { .b_3; font-weight: bold; white-space:pre; &:hover{ .hand; text-decoration: none; .a_3; } &.blue { .a_3; } } .w-sdc-catalog-sort-arrow{ display: inline-block; &.up{ .b_3; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid ; } &.down{ .b_3; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid; } } .w-sdc-dashboard-catalog-header-right{ float: right; display: inline-block; padding-right:34px; } .w-sdc-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; } } .w-sdc-search-icon{ position: absolute; right: 40px; top: 40px; &.leftbar{ top: 19px; right: 18px; } &.magnification { .sprite; .sprite.magnification-glass; .hand; } &.cancel { .sprite; .sprite.clear-text; .hand; } }